@font-face{font-display:swap;font-family:Instrument Sans;font-stretch:75% 100%;font-style:normal;font-weight:400 700;src:url(../fonts/instrument-sans-latin-standard-normal.woff2) format("woff2")}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:100 800;src:url(../fonts/jetbrains-mono-latin.woff2) format("woff2")}:root{--font:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;--wrap:92rem;--gutter:clamp(1rem,4vw,3rem);--radius:.5rem;--sw-radius:.55rem;--sw-h:7.5rem;--glow:0;--bg:#f4f4f2;--surface:#fff;--ink:#1c1c1c;--muted:#5f5f5f;--line:rgba(28,28,28,.13);--accent:#1c1c1c;--on-accent:#fff;--shade:rgba(28,28,28,.45);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#171717;--surface:#212121;--ink:#efefed;--muted:#a3a3a3;--line:hsla(60,6%,93%,.14);--accent:#efefed;--on-accent:#171717;--shade:rgba(0,0,0,.6);color-scheme:dark}}:root[data-theme=dark]{--bg:#171717;--surface:#212121;--ink:#efefed;--muted:#a3a3a3;--line:hsla(60,6%,93%,.14);--accent:#efefed;--on-accent:#171717;--shade:rgba(0,0,0,.6);color-scheme:dark}:root[data-theme=middle]{--bg:#8a8a8a;--surface:#959595;--ink:#000;--muted:#1e1e1e;--line:rgba(0,0,0,.2);--accent:#000;--on-accent:#fff;--shade:rgba(40,40,40,.55);color-scheme:light}:root[data-theme=pastel-blue]{--bg:#e6eef8;--surface:#f4f8fc;--ink:#1a2b40;--muted:#4a5d75;--line:rgba(47,95,153,.18);--accent:#2f5f99;--on-accent:#fff;--shade:rgba(26,43,64,.4);--radius:.85rem;--sw-radius:1rem;color-scheme:light}:root[data-theme=pastel-green]{--bg:#e5f2e8;--surface:#f3f9f4;--ink:#18301f;--muted:#47604e;--line:rgba(43,110,69,.18);--accent:#2b6e45;--on-accent:#fff;--shade:rgba(24,48,31,.4);--radius:.85rem;--sw-radius:1rem;color-scheme:light}:root[data-theme=neon]{--bg:#0c0a16;--surface:#161226;--ink:#f4f1ff;--muted:#a9a2c8;--line:rgba(255,59,212,.26);--accent:#ff3bd4;--on-accent:#0c0a16;--shade:rgba(6,4,14,.7);--radius:.35rem;--sw-radius:.35rem;--glow:1;color-scheme:dark}:root[data-theme=professional]{--bg:#fff;--surface:#f7f7f7;--ink:#262626;--muted:#5c5c5c;--line:#dedede;--accent:#262626;--on-accent:#fff;--shade:rgba(38,38,38,.35);--radius:2px;--sw-radius:2px;--sw-h:6.5rem;color-scheme:light}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:9rem}body{background:var(--bg);color:var(--ink);font:400 1rem/1.5 var(--font);font-kerning:normal;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}body,h1,h2,h3,p{margin:0}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}button,input{color:inherit;font:inherit}button{background:none;border:0;cursor:pointer;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--on-accent)}.wrap{margin-inline:auto;max-width:var(--wrap);padding-inline:var(--gutter)}.sr-only{clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ln{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.ln:hover{text-decoration-thickness:2px}.btn{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:inline-flex;font-weight:500;gap:.5rem;height:2.5rem;padding:0 1rem;transition:border-color .2s,background-color .2s;white-space:nowrap}.btn:hover{border-color:var(--ink)}.btn svg{flex:none;height:1.1rem;width:1.1rem}.icon-btn{border-radius:var(--radius);display:inline-grid;height:2.5rem;place-items:center;transition:background-color .2s;width:2.5rem}.icon-btn:hover{background:var(--line)}.icon-btn:disabled{background:none;cursor:default;opacity:.35}.icon-btn svg{height:1.25rem;width:1.25rem}kbd{border:1px solid var(--line);border-radius:.3rem;color:var(--muted);font:500 .75rem/1 var(--mono);padding:.2rem .4rem}:root[data-theme=professional] *,:root[data-theme=professional] :after,:root[data-theme=professional] :before{animation:none!important;transition:none!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.hero{padding-block:clamp(2.5rem,7vw,6rem) clamp(1.75rem,3.5vw,3rem)}.wm{display:flex;flex-wrap:wrap;font-size:clamp(2.6rem,10.5vw,8.5rem);font-weight:600;gap:.05em;letter-spacing:-.01em;line-height:1}.wm-t{background:var(--c,var(--surface));border-radius:calc(var(--sw-radius)*1.6);box-shadow:inset 0 0 0 1px var(--line);color:var(--c-ink,var(--ink));display:grid;height:1.16em;min-width:.68em;padding:0 .07em .04em;place-items:center}.js .wm{cursor:pointer;-webkit-user-select:none;user-select:none}.wm-t.is-painted{box-shadow:none}.wm-l{display:block;font-stretch:calc(var(--w, 100)*1%)}.js .hero:not(.in) .hero-text,.js .hero:not(.in) .wm{visibility:hidden}.hero-text{display:grid;gap:.9rem;margin-top:clamp(1.25rem,2.5vw,2rem)}.lede{color:var(--muted);font-size:clamp(1.0625rem,1.5vw,1.3125rem);line-height:1.45;max-width:40rem}.lede strong{color:var(--ink);font-weight:600}.feat{color:var(--muted);font-size:.9375rem}.feat .ln{color:var(--ink)}:root[data-theme=professional] .wm{cursor:auto;font-size:clamp(2.25rem,6vw,4.5rem);gap:0;letter-spacing:-.02em}:root[data-theme=professional] .wm-t{background:none!important;box-shadow:none;color:var(--ink)!important;height:auto;min-width:0;padding:0}:root[data-theme=professional] .wm-l{font-stretch:100%!important}:root[data-theme=professional] .feat{display:none}:root[data-theme=neon] .wm-t.is-painted{box-shadow:0 0 .35em -.05em var(--c)}.bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:1px solid transparent;position:sticky;top:0;transition:border-color .2s,background-color .3s;z-index:20}.bar.is-stuck{border-bottom-color:var(--line)}.bar-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem 1rem;padding-block:.875rem .75rem}.search{flex:1 1 20rem;max-width:36rem;position:relative}.search input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);height:2.75rem;padding:0 2.75rem 0 2.6rem;transition:border-color .2s;width:100%}.search input::placeholder{color:var(--muted);opacity:1}.search input:focus,.search input:hover{border-color:var(--ink)}.search input:focus-visible{outline:none}.search input::-webkit-search-cancel-button{display:none}.search>svg{color:var(--muted);height:1.1rem;left:.85rem;pointer-events:none;width:1.1rem}.search kbd,.search-clear,.search>svg{position:absolute;top:50%;translate:0 -50%}.search kbd,.search-clear{right:.7rem}.search-clear{border-radius:50%;color:var(--muted);display:grid;height:1.75rem;place-items:center;width:1.75rem}.search-clear:hover{background:var(--line);color:var(--ink)}.search-clear svg{height:1rem;width:1rem}.search.has-value kbd,.search:not(.has-value) .search-clear{display:none}@media (hover:none){.search kbd{display:none}}.count{align-items:center;border:0;display:flex;gap:.6rem;margin:0;padding:0}.count legend{color:var(--muted);float:left;font-size:.875rem;margin-right:.6rem}.seg{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;overflow:hidden}.seg label{position:relative}.seg input{cursor:pointer;inset:0;margin:0;opacity:0;position:absolute}.seg span{display:grid;font-size:.9375rem;font-variant-numeric:tabular-nums;height:2.65rem;min-width:2.35rem;padding:0 .55rem;place-items:center;transition:background-color .2s,color .2s}.seg label+label span{border-left:1px solid var(--line)}.seg input:hover+span{background:var(--line)}.seg input:checked+span{background:var(--accent);color:var(--on-accent)}.seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:-4px}.theme{margin-left:auto;position:relative}.theme-menu{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + .2rem);box-shadow:0 1.25rem 2.5rem -1rem var(--shade);margin:0;padding:.4rem;position:absolute;right:0;top:calc(100% + .5rem);width:17.5rem;z-index:30}.theme-menu[hidden]{display:none}.theme-menu{max-height:calc(100vh - 6rem);overflow-y:auto}.theme-menu legend{color:var(--muted);float:left;font-size:.8125rem;padding:.5rem .6rem .35rem;width:100%}.theme-opt{align-items:center;border-radius:var(--radius);clear:both;cursor:pointer;display:grid;gap:.75rem;grid-template-columns:2.25rem 1fr;padding:.45rem .6rem;position:relative}.theme-opt:hover{background:var(--line)}.theme-opt input{cursor:pointer;inset:0;margin:0;opacity:0;position:absolute}.theme-opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:-2px}.theme-opt:has(input:checked) .tp{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.theme-opt b{display:block;font-weight:500}.theme-opt small{color:var(--muted);display:block;font-size:.8125rem}.tp{background:var(--pb);border-radius:.5rem;box-shadow:inset 0 0 0 1px hsla(0,0%,50%,.35);height:2.25rem;position:relative;width:2.25rem}.tp:after,.tp:before{border-radius:50%;content:"";height:.7rem;position:absolute;top:50%;translate:0 -50%;width:.7rem}.tp:before{background:var(--pi);left:.38rem}.tp:after{background:var(--pa);right:.38rem}.tp-light{--pb:#f4f4f2;--pi:#1c1c1c;--pa:#c9c9c5}.tp-dark{--pb:#171717;--pi:#efefed;--pa:#4a4a4a}.tp-middle{--pb:#8a8a8a;--pi:#000;--pa:#b8b8b8}.tp-pastel-blue{--pb:#e6eef8;--pi:#1a2b40;--pa:#2f5f99}.tp-pastel-green{--pb:#e5f2e8;--pi:#18301f;--pa:#2b6e45}.tp-neon{--pb:#0c0a16;--pi:#24e3ff;--pa:#ff3bd4}.tp-professional{--pb:#fff;--pi:#262626;--pa:#dedede;border-radius:2px}.tags{display:flex;gap:.4rem;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 3rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 3rem),transparent);overflow-x:auto;padding-bottom:.875rem;scrollbar-width:none}.tags::-webkit-scrollbar{display:none}.tags:empty{display:none}.tag{border:1px solid var(--line);border-radius:999px;flex:none;font-size:.875rem;padding:.3rem .8rem;transition:border-color .2s,background-color .2s,color .2s;white-space:nowrap}.tag:hover{border-color:var(--ink)}.tag[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}@media (max-width:40rem){.count legend{display:none}.seg span{min-width:2rem;padding:0 .35rem}.theme-btn span{display:none}}.status{color:var(--muted);font-size:.9375rem;margin-block:1.5rem 1rem;min-height:1.5em}.status strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.grid{display:grid;gap:clamp(1.5rem,2.6vw,2.25rem) clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fill,minmax(min(17rem,100%),1fr));list-style:none;margin:0;padding:0}.pal-strip{border-radius:var(--sw-radius);display:flex;height:var(--sw-h);overflow:hidden;transition:box-shadow .35s}.sw{background:var(--c);color:var(--c-ink);cursor:copy;flex:1 1 0;min-width:0;position:relative;transition:flex-grow .4s cubic-bezier(.2,.75,.2,1)}.pal-strip:hover .sw:hover,.sw:focus-visible{flex-grow:2.6}.sw:focus-visible{box-shadow:inset 0 0 0 2px var(--c-ink);outline:none}.sw-hex{bottom:.5rem;font:500 .75rem/1 var(--mono);left:.55rem;letter-spacing:.02em;opacity:0;position:absolute;transition:opacity .2s;white-space:nowrap}.sw.is-copied .sw-hex,.sw:focus-visible .sw-hex,.sw:hover .sw-hex{opacity:1}.pal-meta{align-items:baseline;display:flex;gap:1rem;justify-content:space-between;margin-top:.65rem}.pal-name{font-weight:500;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.pal-name:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.pal-n{color:var(--muted);flex:none;font-size:.8125rem;font-variant-numeric:tabular-nums}.pal.is-open .pal-strip{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}:root[data-theme=neon] .pal-strip:hover{box-shadow:0 .6rem 2.4rem -.6rem var(--g)}:root[data-theme=professional] .pal-strip .sw{flex-grow:1}.pal.is-skel .pal-strip{animation:pulse 1.4s ease-in-out infinite alternate;background:var(--line)}.pal.is-skel .pal-meta:before{background:var(--line);border-radius:.25rem;content:"";height:.9rem;width:45%}@keyframes pulse{to{opacity:.45}}.note{display:grid;gap:1rem;justify-items:start;max-width:34rem;padding-block:3rem 5rem}.note p{font-size:1.125rem}.note p+p{color:var(--muted);font-size:1rem}.note[hidden]{display:none}.more{display:grid;padding-block:3rem 4rem;place-items:center}.more[hidden]{display:none}.dr{background:var(--surface);border:0;border-left:1px solid var(--line);color:var(--ink);height:100dvh;margin:0 0 0 auto;max-height:none;max-width:none;padding:0;width:min(40rem,100vw)}.dr::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:var(--shade)}.dr-in{align-content:start;display:grid;gap:2rem;height:100%;overflow-y:auto;overscroll-behavior:contain;padding:1rem clamp(1rem,3.5vw,2rem) 3rem}.dr-head{align-items:center;background:var(--surface);display:flex;gap:.25rem;margin:-1rem calc(clamp(1rem, 3.5vw, 2rem)*-1) 0;padding:1rem clamp(1rem,3.5vw,2rem) .75rem;position:sticky;top:-1rem;z-index:2}.dr-head h2{flex:1;font-size:clamp(1.375rem,3vw,1.75rem);font-weight:600;letter-spacing:-.01em;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:-1.25rem}.dr-tags .tag{font-size:.8125rem;padding:.2rem .65rem}.dr-tags:empty{display:none}.dr h3{font-size:1rem;font-weight:600}.dr h3,.dr-sec-head{margin-bottom:.85rem}.dr-sec-head{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between}.dr-sec-head h3{margin:0}.big{border-radius:var(--sw-radius);display:grid;grid-auto-columns:1fr;grid-auto-flow:column;height:clamp(10rem,30vh,15rem);overflow:hidden}.big .sw{cursor:copy}.big .sw .sw-hex{bottom:.7rem;font-size:.8125rem;left:.7rem;opacity:1}.vals{gap:.15rem;list-style:none;margin:0;padding:0}.val,.vals{display:grid}.val{align-items:center;gap:.25rem 1rem;grid-template-columns:1.6rem repeat(3,auto);justify-content:start}.val i{background:var(--c);border-radius:calc(var(--sw-radius)*.6);box-shadow:inset 0 0 0 1px var(--line);height:1.6rem;width:1.6rem}.val button{border-radius:.3rem;cursor:copy;font:400 .8125rem/1.2 var(--mono);margin-left:-.4rem;padding:.35rem .4rem;text-align:left;white-space:nowrap}.val button:first-of-type{font-weight:600}.val button:hover{background:var(--line)}@media (max-width:30rem){.val{grid-template-columns:1.6rem auto auto}.val button:last-child{grid-column:2/-1}}.pv-ctl{display:flex;gap:.5rem}.pv-ctl .seg span{font-size:.875rem;height:2.25rem;padding:0 .75rem}.pv-ctl .btn{font-size:.875rem;height:2.35rem}.pv{background:var(--pv-bg);border-radius:var(--sw-radius);box-shadow:inset 0 0 0 1px var(--line);color:var(--pv-ink);display:grid;gap:1.1rem;padding:1.1rem 1.25rem 1.4rem;transition:background-color .4s,color .4s}.pv-nav{align-items:center;display:flex;font-size:.8125rem;gap:1rem}.pv-logo{background:var(--pv-primary);border-radius:50%;height:1.1rem;margin-right:auto;width:1.1rem}.pv-hero{display:grid;gap:.55rem;max-width:24rem}.pv-hero b{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;line-height:1.15}.pv-hero span{font-size:.875rem;opacity:.8}.pv-cta{background:var(--pv-primary);border-radius:calc(var(--sw-radius)*.7);color:var(--pv-on-primary);font-size:.875rem;font-weight:600;justify-self:start;padding:.55rem 1rem}.pv-cards{display:grid;gap:.6rem;grid-template-columns:1fr 1fr}.pv-card{background:var(--pv-surface);border-radius:calc(var(--sw-radius)*.7);display:grid;font-size:.8125rem;gap:.35rem;padding:.75rem .85rem}.pv-card b{font-weight:600}.pv-card i{background:var(--pv-accent);border-radius:1rem;height:.3rem;width:1.4rem}.pv-score{color:var(--muted);display:flex;flex-wrap:wrap;font-size:.8125rem;gap:.4rem 1.25rem;list-style:none;margin:.75rem 0 0;padding:0}.pv-score b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.code{position:relative}.code pre{background:var(--bg);border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line);font:400 .8125rem/1.6 var(--mono);margin:0;overflow-x:auto;padding:1rem 1.1rem;white-space:pre}.dr-foot{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width:40rem){.dr{border-left:0}}.foot{border-top:1px solid var(--line);color:var(--muted);font-size:.9375rem;margin-top:2rem;padding-block:2rem 2.5rem}.foot-in{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between}.foot p{max-width:40rem}.foot a{color:var(--ink)}.keys{display:flex;flex-wrap:wrap;font-size:.875rem;gap:.4rem 1rem;list-style:none;margin:0;padding:0}.keys kbd{margin-right:.25rem}@media (hover:none){.keys{display:none}}.toast{background:var(--accent);border-radius:999px;bottom:1.5rem;color:var(--on-accent);font-size:.9375rem;font-weight:500;left:50%;opacity:0;padding:.6rem 1.1rem;pointer-events:none;position:fixed;transition:opacity .2s,translate .25s;translate:-50% 1rem;z-index:50}.toast.is-on{opacity:1;translate:-50% 0}.toast-chip{background:var(--c);border-radius:50%;box-shadow:0 0 0 1px var(--on-accent);display:inline-block;height:.8rem;margin-right:.5rem;vertical-align:-.05em;width:.8rem}.toast-chip[hidden]{display:none}