*{margin:0;padding:0;box-sizing:border-box;position:relative}:root{--bg: #1e1e1e;--fg: #d4cfbf;--comment: #8aaf8a;--sans-serif: Poppins, Adwaita Sans, Inter, Segoe UI, Noto Sans Serif, sans-serif;--display: Gotu, Noto Display Sans, serif;--mono: Iosevka Custom Web, Iosevka, Adwaita Mono, JetBrains Mono, Fira Code, monospace}html,body,.split{height:100dvh;width:100vw;background-color:var(--bg);color:var(--fg)}.split{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;background-color:#000}button{background-color:var(--comment);color:var(--bg);border:none;outline:none;padding:.5rem .75rem;font-size:1em;border-radius:0 .75rem;transition:border-radius .4s linear}button:hover{border-radius:.75rem 0}dialog{min-width:20rem;max-width:90dvw;opacity:0;position:fixed;z-index:10;inset:50%;text-align:center;transform:translate(-50%,-100%);background-color:var(--bg);padding:1rem;border-radius:.5rem;border:none;box-shadow:0 0 10rem #000;transition:all .4s ease-out allow-discrete}dialog[open]{opacity:1;transform:translate(-50%,-50%)}@media (width <= 30rem){dialog{width:80dvw}}@starting-style{dialog[open]{opacity:0;transform:translate(-50%,-100%)}}dialog::backdrop{background-color:transparent;backdrop-filter:grayscale(0) blur(0);transition:all 1.4s ease allow-discrete}dialog[open]::backdrop{background-color:#12121290;backdrop-filter:grayscale(.5) blur(.125rem)}@starting-style{dialog[open]::backdrop{background-color:transparent;backdrop-filter:grayscale(0) blur(0)}}input{appearance:none;border:none;outline:none;border-radius:.25rem;font-size:inherit}input:is([type=text],[type=password]){display:block;width:100%;min-width:16rem;background:#00000036;color:var(--fg);padding:.5rem 1rem}.switch{display:flex;align-items:center;color:var(--fg);margin:.5rem 0}.switch input[type=checkbox]{display:hidden}.switch .toggle{--p: #c98a7d;--x: 0;display:inline-block;background-color:#151515;margin:.5rem .5rem .5rem 0;width:3.5rem;height:2rem;border-radius:1rem;outline:.125rem solid #151515}.switch .toggle:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;height:2rem;width:2rem;border-radius:2rem;background-color:var(--p);opacity:.8;translate:var(--x);transition:all cubic-bezier(.175,.885,.32,1.275) .4s}.switch :is(input:checked+.toggle){--x: -1.5rem ;--p: #8aaf8a}dialog details{font-family:var(--display)!important;margin-top:1rem;padding:.5rem 1rem;border-radius:.5rem;text-align:start;background-color:#8aaf8a10;color:var(--comment);summary{list-style:"+ " inside}&:open summary{list-style:"- " inside}div{padding:1rem .25rem 0}}dialog form>div:last-child{margin:1rem .25rem 0;display:grid;grid-template-columns:repeat(2,1fr);gap:.25rem}dialog form>div:last-child button{background-color:var(--bg);border-radius:0;color:var(--fg);border-radius:.5rem;transition:background-color .4s ease-in-out}dialog form>div:last-child button:first-child{color:#c98a7d;background-color:#c98a7d20}dialog form>div:last-child button:first-child:hover{background-color:#c98a7d30}dialog form>div:last-child button:last-child{background-color:#8aaf8a20;color:var(--comment)}dialog form>div:last-child button:last-child:hover{background-color:#8aaf8a40}.size-6{display:inline-block;height:1.5rem;width:1.5rem;vertical-align:-.25rem}#overlay{display:grid;justify-content:center;align-items:center;background-color:#1e1e1e;position:fixed;inset:0;z-index:10}#overlay>div{border-radius:50%;border:.5rem solid #759675;animation:grow 2s ease-in infinite}@keyframes grow{0%{height:0rem;width:0rem;border-width:0}50%{border-width:.5rem}to{width:3rem;height:3rem;border-color:transparent;border-width:0}}h1,h2,h3,h4,h5,h6{font-family:var(--display);font-weight:400;text-align:center;padding:1rem;margin-top:1.5rem}.icobtn{display:block;font-size:unset;margin:0;height:2.5rem;width:2.5rem;padding:.25rem;background-color:#8aaf8a20;color:var(--comment);border:1px dashed currentColor}
