.spinner{--steps:4;--chars:"/-\\|";--duration:1s;vertical-align:top;width:1ch;height:1lh;display:inline-block;position:relative;overflow:hidden}.spinner:before{content:var(--chars);white-space:nowrap;animation:spinner-pan var(--duration) steps(var(--steps)) infinite;position:absolute;top:0;left:0}@keyframes spinner-pan{0%{transform:translate(0)}to{transform:translate(-100%)}}:root{--bg:#181616;--fg:#c5c9c5;--fg2:#949494;--black:#0d0c0c;--red:#c4746e;--green:#8a9a7b;--yellow:#c4b28a;--blue:#8ba4b0;--magenta:#a292a3;--cyan:#8ea4a2;--white:#c8c093;--black-bright:#a6a69c;--red-bright:#e46876;--green-bright:#87a987;--yellow-bright:#e6c384;--blue-bright:#7fb4ca;--magenta-bright:#938aa9;--cyan-bright:#7aa89f;--white-bright:#c5c9c5;--surface0:color-mix(in srgb, var(--fg) 5%, var(--bg));--surface1:color-mix(in srgb, var(--fg) 11%, var(--bg));--surface2:color-mix(in srgb, var(--fg) 18%, var(--bg));--base:var(--bg);--mantle:var(--black);--crust:var(--black);--text:var(--fg);--subtext0:var(--fg2);--subtext1:var(--fg2);--overlay0:var(--fg2);--overlay1:var(--black-bright);--overlay2:var(--black-bright);--accent:var(--blue);--danger:var(--red-bright);--ok:var(--green-bright);--pink:var(--magenta);--mauve:var(--magenta);--lavender:var(--magenta-bright);--teal:var(--cyan);--sky:var(--blue-bright);--sapphire:var(--blue-bright);--peach:var(--yellow-bright);--maroon:var(--red-bright);--rosewater:var(--white);--flamingo:var(--white);--panel-width:min(50ch, calc(100vw - 2ch));--font-size:16px;--line-height:1.3;--font-weight-bold:800;--font-weight-normal:500;--font-family:"JetBrainsMono", "JetBrainsMono Nerd Font Mono", Menlo, Monaco, monospace}h1{color:var(--red)}h2{color:var(--magenta-bright)}h3{color:var(--blue)}h4{color:var(--green)}h5{color:var(--yellow)}h6{color:var(--yellow-bright)}h1,h2,h3,h4,h5,h6{font-size:var(--font-size);line-height:var(--line-height);font-weight:var(--font-weight-bold)}@view-transition{navigation:auto}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none}*{box-sizing:border-box;outline:none;margin:0;padding:0}body,html{background-color:var(--base);color:var(--text);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height,1.5);font-variant-ligatures:common-ligatures;overflow:hidden}body{flex-direction:column;height:100vh;display:flex}[hidden]{display:none!important}::selection{background-color:var(--blue);color:var(--bg)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}ul{list-style-type:none}li:before{color:inherit;content:"- "}code{background-color:var(--surface0);height:11h;padding:0 1ch}ul{margin-bottom:1lh}.nobr{margin-bottom:0}.center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1lh;display:flex}.qt{z-index:10;cursor:pointer;user-select:none;width:auto;height:18lh;position:fixed;bottom:1lh;right:1ch;@media (width<=1100px){display:none}}.btn{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);background-color:var(--surface1);height:2lh;color:var(--text);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;padding:0 2ch;display:inline-flex}.btn:hover{text-decoration:underline}.btn:active{background-color:var(--mantle);color:var(--text)}.btn--sm{height:1lh;padding:0 1ch}.btn--danger{background-color:var(--red);color:var(--base)}.btn--close{background-color:var(--base);color:var(--red)}.btn--close:active{background-color:var(--red);color:var(--base)}.btn--close:before{content:"[";color:var(--text)}.btn--close:after{content:"]";color:var(--text)}.btn:disabled{cursor:not-allowed;background-color:var(--surface0);color:var(--fg2);text-decoration:line-through}.is-copied{background-color:var(--green);color:var(--base)}.box{isolation:isolate;padding:2lh 2ch;position:relative}.box--top{padding-top:0}.box--header{display:flex}.box:before{content:"";border:solid 2px var(--box-color);z-index:-1;width:calc(100% - 1ch);height:calc(100% - 1lh - 2px);position:absolute;top:50%;left:50%;translate:-50% -50%}.header-text{background-color:var(--base);padding:0 1ch}.tabs{gap:1ch;display:flex}.tab{background-color:var(--surface1);color:var(--blue);padding:0 1ch}.tab--active{background-color:var(--pink);color:var(--base)}.badge{background-color:var(--surface1);color:var(--blue);padding:0 1ch}.badge--pink{background-color:var(--pink);color:var(--base)}button.badge{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);cursor:pointer;border:none}button.badge:hover{text-decoration:underline}.check{cursor:pointer;align-items:center;gap:1ch;display:flex}.check:has(:disabled){color:var(--fg2);cursor:not-allowed}.check__box:disabled{cursor:not-allowed}.check__box{accent-color:var(--pink);cursor:pointer;width:1lh;height:1lh}.input{background-color:var(--surface1);color:var(--text);font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-normal);line-height:var(--line-height);border:none;outline:none}.footer{background-color:var(--surface0);justify-content:space-between;align-items:center;width:100%;display:flex;@media (width<=576px){display:none}}.list--plus{& li:before{content:"+ ";color:var(--green)}}.drawer{z-index:50;background-color:var(--base);width:min(38ch,100vw - 2ch);max-height:calc(100vh - 2lh);color:var(--text);overscroll-behavior:contain;--box-color:var(--surface2);opacity:0;visibility:hidden;border:none;margin:0;padding:0 2ch 1lh;transition:transform .18s,opacity .18s,visibility 0s linear .18s;position:fixed;inset:1lh auto 1lh 1ch;overflow-y:auto;transform:translate(calc(-100% - 2ch));@media (width<=1100px){width:100%;max-height:100vh;inset:0}}.drawer[data-open=true]{opacity:1;visibility:visible;transition:transform .18s,opacity .18s,visibility;transform:translate(0)}.drawer__header{justify-content:space-between;align-items:center;display:flex}.drawer__body{flex-direction:column;gap:1lh;margin-top:1lh;display:flex}.drawer__note{color:var(--overlay0)}.drawer__note--question{border-left:solid calc(1ch / 2) var(--overlay0);padding-left:1ch}.drawer__note--answer{margin-bottom:1lh}.recent{flex-direction:column;gap:1lh;display:flex}.recent__item{flex-direction:column;gap:.25lh;display:flex}.recent__item:before{content:none}.recent__name{overflow-wrap:anywhere}.recent__meta{color:var(--overlay0)}.recent__actions{gap:1ch;display:flex}@media (prefers-reduced-motion:reduce){.drawer,.drawer[data-open=true]{transition:opacity .12s,visibility;transform:none}}.notif{z-index:100;pointer-events:none;flex-direction:column;align-items:stretch;gap:1lh;width:min(44ch,100vw - 2ch);display:flex;position:fixed;top:1lh;right:1ch;@media (width<=576px){width:100%;top:0;left:0;right:0}}.notification{pointer-events:auto;background-color:var(--surface2);color:var(--text);border-left:2px solid var(--fg2);cursor:pointer;align-items:baseline;gap:1ch;padding:0 1ch;animation:.16s ease-out notif-in;display:flex}.notification:before{content:"*";color:var(--fg2);font-weight:var(--font-weight-bold)}.notification.info{border-left-color:var(--blue-bright)}.notification.info:before{content:"i";color:var(--blue-bright)}.notification.success{border-left-color:var(--green-bright)}.notification.success:before{content:"+";color:var(--green-bright)}.notification.error{border-left-color:var(--red-bright)}.notification.error:before{content:"!";color:var(--red-bright)}.notification.hide{animation:.2s ease-in forwards notif-out}@keyframes notif-in{0%{opacity:0;transform:translate(calc(100% + 1ch))}to{opacity:1;transform:translate(0)}}@keyframes notif-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(100% + 1ch))}}@media (prefers-reduced-motion:reduce){.notification{animation:none}.notification.hide{animation:.2s ease-in forwards notif-fade}@keyframes notif-fade{to{opacity:0}}}