:root{font-size:16px;--color-danger: #f56c6c;--color-bg-danger: #fef0f0;--color-border-danger: #fab6b6;--color-main: #6c5ce7;--color-main-dark: #182C61;--color-bg-main: rgba(162, 155, 254, .2);--color-tip-light: #dfe6e9;--color-tip-dark: rgba(52, 31, 151, .5);--color-bg-dark: #22272e;--color-font-dark: #adbac7;--color-font-dark2: #768390;--color-bg-btn-dark: #373e47;--color-bg-list-dark-heighlight: #316dca;--color-border-dark: #444c56}*{margin:0;padding:0;box-sizing:border-box;font-size:1rem;color:var(--color-main-dark)}body{height:100vh}a{font-weight:700}ul{list-style:none}input{border:0;border-radius:0;border-bottom:1px solid var(--color-main);padding:0rem .5rem}label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}#app{width:50%;margin:0 auto}header{margin:1rem 0 .5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem}header>h1{font-size:1.5rem}#version,#version a{font-size:.8rem;text-align:center}#version{margin-bottom:.5rem}fieldset{padding:.5rem 0 1rem;border:0;border-top:1px solid var(--color-tip-dark)}fieldset .row{display:flex;align-items:center;justify-content:space-between;width:80%;margin:0 auto .5rem}fieldset .row span{display:inline-block;width:3rem}fieldset .row input{flex-grow:1}fieldset .row select{padding:.2rem 1rem}.checkbox{width:4rem;height:1.8rem;display:inline-block;border-radius:3.6rem;background-color:var(--color-main);position:relative;transition:all .8s ease}#checkboxlabel{line-height:1.8rem}#cacheCheckbox+div{display:inline-block;background-color:#fff;border:1px solid rgb(158,156,156);width:1.8rem;height:100%;border-radius:50%;transition:all .5s ease;cursor:pointer;position:absolute;top:0;left:0rem;z-index:99;display:block}#cacheCheckbox:checked+div{left:2.15rem;border:1px solid var(--color-main)}input[type=checkbox]{visibility:hidden}select:focus,input:focus{outline:none}select{border-radius:.5rem;background-color:var(--color-bg-main)}section{margin-top:.5rem;display:flex;justify-content:space-between;align-items:center}.btn-primiary{width:80%;background-color:var(--color-main);padding:.3rem 2rem;margin:0 auto;display:block;border:1px solid var(--color-main-dark);border-radius:.8rem;color:#fff;font-weight:bolder}.btn-primiary:hover{background-color:var(--color-bg-main);color:var(--color-main-dark);border-color:var(--color-main)}.btn-danger{border-style:none;color:var(--color-danger);min-width:3rem}.btn-danger:hover{background-color:var(--color-danger);color:#fff}#field-cache{color:var(--color-tip-dark)}.tips,.tips *{font-size:.8rem;text-align:center;color:inherit}.help,.changelog{width:80%;margin:0 auto;text-align:left}.help p{font-size:1rem;font-weight:700;text-align:left}.help ul{margin-top:1rem}.help ul li,.changelog ul li{list-style-type:disc;text-align:left;margin-left:1rem}#field-cache{padding:0}#cacheCount{display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:80%}#cacheCount button{padding:.2rem .5rem;border-radius:.5rem}.list{width:100%;margin-top:1rem}.list li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-tip-dark);padding:.5rem 5%}.list li *{background-color:initial}.list li button{padding:.2rem .5rem;border-radius:.5rem;margin-left:1rem}.col2{flex-grow:1}.row2{display:flex;justify-content:space-between;align-items:center;font-family:monospace,Courier}.cacheComment{text-align:left}canvas{display:none;margin:1rem auto;width:440px;height:140px}.resImg{box-sizing:content-box;display:block;position:absolute;top:100%;left:50%;box-shadow:0 0 1px 1px #fff;transform-origin:top left;transform:rotate(-90deg) translateY(-50%)}#field-log{visibility:hidden;color:var(--color-tip-dark)}.close{position:absolute;right:10%;border:1px solid var(--color-tip-dark);background-color:var(--color-bg-main);border-radius:1rem;font-size:.8rem;padding:.2rem 1rem;color:var(--color-main);animation:flash 2s infinite;-webkit-animation:flash 3s 3}@keyframes flash{0%{color:var(--color-main);background-color:var(--color-bg-main)}60%{background-color:var(--color-main);color:var(--color-tip-light)}to{color:var(--color-main);background-color:var(--color-bg-main)}}@-webkit-keyframes flash{0%{color:var(--color-main);background-color:var(--color-bg-main)}60%{background-color:var(--color-main);color:var(--color-tip-light)}to{color:var(--color-main);background-color:var(--color-bg-main)}}.changelog,.changelog *{color:inherit;font-size:.8rem}.changelog h1{font-size:1.2rem;padding:0 0 .5rem}.changelog h2{font-size:1rem;padding:.3rem 0}.changelog h3{font-size:.8rem;font-weight:700;padding:.1rem 0}#version,#version a,.tips,legend,#field-cache,#field-log{color:var(--color-tip-dark)}fieldset,.list li:first-child{border-top:1px solid var(--color-tip-dark)}.list li:nth-child(odd){background-color:var(--color-bg-main)}.btn-danger{color:var(--color-danger)}#removeAllCache{border:1px solid var(--color-border-danger)}@media screen and (max-width:800px){#app{width:100%}}@media screen and (max-width:375px){:root{font-size:14px}}@media (prefers-color-scheme: dark){*{color:var(--color-font-dark);background-color:var(--color-bg-dark)}#version,#version a,.tips,legend,#field-cache,#field-log{color:var(--color-font-dark2)}fieldset,.list li:first-child{border-top:1px solid var(--color-border-dark)}input,.list li{border-bottom:1px solid var(--color-border-dark)}.list li:nth-child(odd){background-color:var(--color-bg-btn-dark)}.close,.btn-primiary:hover,select{color:var(--color-font-dark);border:1px solid var(--color-border-dark)}.btn-danger{color:var(--color-border-danger)}}
