@layer tokens,base,layout,components,tools,utilities;@font-face{font-family:"Bricolage";src:url(/assets/fonts/brico-latin.woff2)format("woff2");font-weight:300 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"JBMono";src:url(/assets/fonts/mono-latin.woff2)format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer tokens{:root{color-scheme:light dark;--paper:#f6f3ee;--paper-2:#eeeae2;--card:#fffdf9;--ink:#14151c;--ink-2:#464a5a;--ink-3:#62667a;--line:#dcd6ca;--line-2:#c9c2b3;--night:#0e0f14;--night-2:#14161d;--night-card:#191b24;--snow:#f0eee8;--snow-2:#b9bcc9;--snow-3:#9195a6;--nline:#272a36;--nline-2:#343847;--signal:#ff4f1f;--signal-ink:#b02e00;--signal-deep:#d63a0c;--signal-deeper:#9a2800;--pixel:#2b5cff;--pixel-ink:#1f47d1;--mint:#19c37d;--amber:#f5a524;--rose:#ef4466;--bg:light-dark(var(--paper),var(--night));--bg-2:light-dark(var(--paper-2),var(--night-2));--surface:light-dark(var(--card),var(--night-card));--fg:light-dark(var(--ink),var(--snow));--fg-2:light-dark(var(--ink-2),var(--snow-2));--fg-3:light-dark(var(--ink-3),var(--snow-3));--border:light-dark(var(--line),var(--nline));--border-2:light-dark(var(--line-2),var(--nline-2));--accent:light-dark(var(--signal),#ff6a3d);--accent-fg:#fff;--accent-soft:light-dark(#ffe6dd,#3a1d13);--link:light-dark(var(--pixel-ink),#7d9bff);--focus:light-dark(var(--pixel),#7d9bff);--ok:var(--mint);--warn:var(--amber);--bad:var(--rose);--key-face:light-dark(#fffdf9,#232633);--key-side:light-dark(#d8d2c6,#0b0c10);--key-down:light-dark(var(--signal),var(--signal));--font:"Bricolage",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:"JBMono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--fs-0:clamp(.8125rem,.78rem + .15vw,.875rem);--fs-1:clamp(.9375rem,.9rem + .2vw,1.0625rem);--fs-2:clamp(1.0625rem,1rem + .3vw,1.1875rem);--fs-3:clamp(1.25rem,1.15rem + .5vw,1.5rem);--fs-4:clamp(1.5rem,1.3rem + 1vw,2rem);--fs-5:clamp(2rem,1.6rem + 2vw,3rem);--fs-6:clamp(2.5rem,1.8rem + 3.6vw,4.5rem);--lh:1.6;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;--r-1:6px;--r-2:10px;--r-3:16px;--r-4:24px;--shadow-1:0 1px 2px rgb(0 0 0/.06),0 1px 1px rgb(0 0 0/.04);--shadow-2:0 8px 24px -12px rgb(20 21 28/.25),0 2px 6px -2px rgb(20 21 28/.08);--shadow-3:0 24px 60px -24px rgb(20 21 28/.35);--wrap:72rem;--wrap-narrow:46rem;--gutter:clamp(1rem,4vw,2rem);--ease:cubic-bezier(.2,.7,.2,1);--fast:120ms;--med:220ms;accent-color:var(--accent);scrollbar-color:var(--border-2) transparent}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@supports not (color:light-dark(#000,#fff)){:root{--bg:var(--paper);--bg-2:var(--paper-2);--surface:var(--card);--fg:var(--ink);--fg-2:var(--ink-2);--fg-3:var(--ink-3);--border:var(--line);--border-2:var(--line-2);--accent:var(--signal);--accent-soft:#ffe6dd;--link:var(--pixel-ink);--focus:var(--pixel);--key-face:#fffdf9;--key-side:#d8d2c6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--night);--bg-2:var(--night-2);--surface:var(--night-card);--fg:var(--snow);--fg-2:var(--snow-2);--fg-3:var(--snow-3);--border:var(--nline);--border-2:var(--nline-2);--accent:#ff6a3d;--accent-soft:#3a1d13;--link:#7d9bff;--focus:#7d9bff;--key-face:#232633;--key-side:#0b0c10}}:root[data-theme=dark]{--bg:var(--night);--bg-2:var(--night-2);--surface:var(--night-card);--fg:var(--snow);--fg-2:var(--snow-2);--fg-3:var(--snow-3);--border:var(--nline);--border-2:var(--nline-2);--accent:#ff6a3d;--accent-soft:#3a1d13;--link:#7d9bff;--focus:#7d9bff;--key-face:#232633;--key-side:#0b0c10}}}@layer base{*,::after,::before{box-sizing:border-box}html{font-family:var(--font);font-size:100%;line-height:var(--lh);-webkit-text-size-adjust:100%;text-size-adjust:100%;font-optical-sizing:auto;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;background:var(--bg);color:var(--fg);font-size:var(--fs-1);min-height:100dvh;display:flex;flex-direction:column;background-image:radial-gradient(color-mix(in oklab,var(--fg) 7%,transparent) .8px,transparent .9px);background-size:22px 22px;background-attachment:fixed}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(60rem 30rem at 80% -10%,color-mix(in oklab,var(--accent) 14%,transparent),transparent 60%),radial-gradient(50rem 30rem at -10% 110%,color-mix(in oklab,var(--link) 10%,transparent),transparent 60%)}h1,h2,h3,h4{margin:0;line-height:1.12;text-wrap:balance;font-variation-settings:"opsz"96}h1{font-size:var(--fs-6);font-weight:700;letter-spacing:-.035em}h2,h3,h4{font-weight:640;letter-spacing:-.02em}h2{font-size:var(--fs-4)}h3{font-size:var(--fs-3)}h4{font-size:var(--fs-2)}li,p{text-wrap:pretty;max-width:68ch}p{margin:0 0 1em}a{color:var(--link);text-underline-offset:.15em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r-1)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg,video{display:block;max-width:100%}.mono,code,kbd,samp{font-family:var(--mono);font-size:.92em}kbd{display:inline-block;padding:.05em .45em;border:1px solid var(--border-2);border-bottom-width:2px;border-radius:5px;background:var(--surface);font-size:.8em;line-height:1.5}hr{border:0;border-top:1px solid var(--border);margin:var(--s-6)0}table{border-collapse:collapse;width:100%;font-size:var(--fs-0)}td,th{text-align:left;padding:.55rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}th{font-weight:600;color:var(--fg-2)}::selection{background:color-mix(in oklab,var(--accent) 30%,transparent)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:1rem;top:-3rem;background:var(--fg);color:var(--bg);padding:.5rem .9rem;border-radius:var(--r-2);z-index:100}.skip:focus{top:1rem}}@layer layout{.wrap,.wrap-narrow{width:min(100% - 2*var(--gutter),var(--wrap));margin-inline:auto}.wrap-narrow{width:min(100% - 2*var(--gutter),var(--wrap-narrow))}main{flex:1}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);background:color-mix(in oklab,var(--bg) 78%,transparent);border-bottom:1px solid color-mix(in oklab,var(--border) 70%,transparent)}.site-header .wrap{display:flex;align-items:center;gap:var(--s-4);min-height:64px}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--fg);font-weight:700;letter-spacing:-.02em;font-size:1.125rem}.brand .mark{width:30px;height:30px;flex:none}.brand em{font-style:normal;color:var(--accent)}.nav{display:flex;gap:.25rem;margin-inline-start:var(--s-3)}.nav a{padding:.45rem .7rem;border-radius:var(--r-2);font-size:var(--fs-0);font-weight:560}.nav a:hover,.nav a[aria-current]{color:var(--fg);background:color-mix(in oklab,var(--fg) 6%,transparent)}.header-tools{margin-inline-start:auto;display:flex;gap:.5rem;align-items:center}.grid+article.prose,.site-footer{border-top:1px solid var(--border)}.site-footer{margin-top:var(--s-9);padding:var(--s-7)0 var(--s-6);background:color-mix(in oklab,var(--bg-2) 60%,transparent);font-size:var(--fs-0);color:var(--fg-2)}.footer-grid{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(5,minmax(0,1fr));gap:var(--s-5)}@media (max-width:1100px){.footer-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.footer-grid>:first-child{grid-column:1/-1}}.site-footer .fh{margin:0 0 .75rem;font-size:var(--fs-0);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-weight:600}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.crumbs a,.nav a,.site-footer a{color:var(--fg-2);text-decoration:none}.site-footer a:hover{color:var(--fg);text-decoration:underline}.footer-bottom{display:flex;flex-wrap:wrap;gap:var(--s-4);justify-content:space-between;margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--border);color:var(--fg-3)}@media (max-width:860px){.nav{display:none}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.footer-grid{grid-template-columns:1fr}}.page-head{padding:var(--s-7)0 var(--s-5)}.crumbs{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;list-style:none;margin:0 0 var(--s-4);padding:0;font-size:var(--fs-0);color:var(--fg-3)}.crumbs a,.site-footer .fh{color:var(--fg-3)}.crumbs a:hover{color:var(--fg)}.crumbs li+li::before{content:"/";margin-inline-end:.35rem;color:var(--border-2)}.lede{font-size:var(--fs-2);color:var(--fg-2);max-width:60ch;margin-top:var(--s-4)}@media (max-width:640px){.page-head{padding:var(--s-5)0 var(--s-4)}.page-head h1{font-size:clamp(2.1rem,9vw,2.6rem)}.page-head .lede{font-size:var(--fs-1);margin-top:var(--s-3);line-height:1.55}.crumbs{margin-bottom:var(--s-3)}}.tool-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-6)}@media (min-width:1100px){.tool-layout.has-rail{grid-template-columns:minmax(0,1fr) 300px}}.rail{position:sticky;top:84px;align-self:start;display:grid;gap:var(--s-5)}.prose{max-width:var(--wrap-narrow)}.prose h2{margin:var(--s-7)0 var(--s-3);font-size:var(--fs-4)}.prose h3{margin:var(--s-6)0 var(--s-2)}.prose ol,.prose ul{padding-inline-start:1.3em}.prose li{margin:.35em 0}.prose table{margin:var(--s-4)0}.page-head+.sr-only+.grid{margin-top:var(--s-2)}.grid+article.prose{position:relative;margin-top:var(--s-8);padding-top:var(--s-7)}.grid+article.prose:empty{display:none}.grid+article.prose::before{content:"";position:absolute;top:-4px;left:0;width:3rem;height:7px;border-radius:2px;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.grid+article.prose>h2:first-child{margin-top:0}.section-title{display:flex;align-items:baseline;gap:var(--s-3);margin:var(--s-8)0 var(--s-4)}.section-title .count{color:var(--fg-3);font-family:var(--mono);font-size:var(--fs-0)}}@layer components{.btn{--btn-bg:var(--surface);--btn-fg:var(--fg);--btn-side:var(--key-side);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border:1px solid var(--border-2);border-radius:var(--r-2);background:var(--btn-bg);color:var(--btn-fg);font-weight:600;font-size:var(--fs-0);text-decoration:none;line-height:1.2;box-shadow:0 2px 0 var(--btn-side),var(--shadow-1);transition:transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease),background var(--fast);min-height:40px;white-space:nowrap}.btn:hover{background:color-mix(in oklab,var(--btn-bg) 92%,var(--fg))}.btn.is-down,.btn:active{transform:translateY(2px);box-shadow:0 0 0 var(--btn-side),var(--shadow-1)}.btn-primary{--btn-bg:var(--signal-deep);--btn-fg:var(--accent-fg);--btn-side:var(--signal-deeper);border-color:var(--signal-deeper)}.btn-primary:hover{background:color-mix(in oklab,var(--signal-deep) 90%,#000)}.btn-ghost{--btn-side:transparent;background:0 0;border-color:transparent;box-shadow:none}.btn-ghost:hover{background:color-mix(in oklab,var(--fg) 7%,transparent)}.btn-sm{padding:.4rem .7rem;min-height:32px}.btn-lg{padding:.85rem 1.35rem;font-size:var(--fs-1);min-height:48px}.btn[aria-disabled=true],.btn[disabled]{opacity:.5;pointer-events:none}.btn .ico{width:1.05em;height:1.05em}.icon-btn{width:40px;height:40px;padding:0;border-radius:50%}.btn-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.seg{display:inline-flex;padding:3px;border:1px solid var(--border);border-radius:var(--r-2);background:var(--bg-2);gap:2px}.field,.seg button{font-size:var(--fs-0)}.seg button{border:0;background:0 0;padding:.4rem .75rem;border-radius:calc(var(--r-2) - 3px)}.seg button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-1)}.field{display:grid;gap:.4rem}.field>span,.seg button{font-weight:600;color:var(--fg-2)}.input,select.input{font-size:var(--fs-1)}.input,select.input,textarea.input{width:100%;padding:.65rem .8rem;border:1px solid var(--border-2);border-radius:var(--r-2);background:var(--surface);color:var(--fg);transition:border-color var(--fast),box-shadow var(--fast)}.input:focus{outline:0;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--focus) 25%,transparent)}textarea.input{min-height:12rem;resize:vertical;line-height:1.55;font-family:var(--mono);font-size:var(--fs-0)}.check{display:inline-flex;gap:.5rem;align-items:center;font-size:var(--fs-0);cursor:pointer}.check input{width:1.05rem;height:1.05rem;margin:0}input[type=range]{--track:var(--border-2);--thumb:var(--accent);--ring:light-dark(#fff,var(--snow));-webkit-appearance:none;appearance:none;width:100%;height:1.5rem;margin:0;background:0 0;cursor:pointer;border-radius:999px}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--track);box-shadow:inset 0 1px 1px rgb(0 0 0/.08)}input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--track);box-shadow:inset 0 1px 1px rgb(0 0 0/.08)}input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:color-mix(in oklab,var(--thumb) 55%,var(--track))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border:0;border-radius:50%;background:var(--thumb);box-shadow:0 0 0 3px var(--ring),0 1px 4px 2px rgb(20 21 28/.22);transition:box-shadow var(--fast),scale var(--fast) var(--ease)}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:var(--thumb);box-shadow:0 0 0 3px var(--ring),0 1px 4px 2px rgb(20 21 28/.22)}input[type=range]:hover::-webkit-slider-thumb{scale:1.08}input[type=range]:active::-webkit-slider-thumb{scale:.94}input[type=range]:focus-visible{outline:0}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--ring),0 0 0 6px var(--focus)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--ring),0 0 0 6px var(--focus)}input[type=range]:disabled{cursor:not-allowed;opacity:.5}.bench{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-4);box-shadow:var(--shadow-2);overflow:clip}.bench::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--fg) 25%,transparent),transparent);opacity:.5;pointer-events:none}.bench-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:.85rem var(--s-5);border-bottom:1px solid var(--border);background:color-mix(in oklab,var(--bg-2) 55%,transparent);font-size:var(--fs-0)}.bench-bar .spacer{flex:1}.bench-body{padding:var(--s-5)}.bench-foot,.stat span{color:var(--fg-3);font-size:var(--fs-0)}.bench-foot{padding:.75rem var(--s-5);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}@media (max-width:640px){.bench{border-radius:var(--r-3)}.bench-bar,.bench-body,.bench-foot{padding-inline:var(--s-4)}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem}.stat{padding:.8rem 1rem;border:1px solid var(--border);border-radius:var(--r-3);background:color-mix(in oklab,var(--bg-2) 50%,transparent);min-width:0}.lcd,.stat b{font-family:var(--mono);font-variant-numeric:tabular-nums}.stat b{display:block;font-size:var(--fs-4);font-weight:600;letter-spacing:-.02em;line-height:1.1}.stat span{display:block;margin-top:.2rem}.stat.good b{color:var(--ok)}.stat.warn b{color:var(--warn)}.stat.bad b{color:var(--bad)}.lcd{letter-spacing:-.01em}.faq details,.pill{border:1px solid var(--border)}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--bg-2);color:var(--fg-2)}.pill.ok{background:color-mix(in oklab,var(--ok) 15%,transparent);border-color:color-mix(in oklab,var(--ok) 40%,transparent);color:light-dark(#096a41,#5ee0a5)}.pill.warn{background:color-mix(in oklab,var(--warn) 18%,transparent);border-color:color-mix(in oklab,var(--warn) 45%,transparent);color:light-dark(#9a5b00,#ffcc70)}.pill.bad{background:color-mix(in oklab,var(--bad) 15%,transparent);border-color:color-mix(in oklab,var(--bad) 40%,transparent);color:light-dark(#b81e3f,#ff8aa3)}.note,.pill.accent{background:var(--accent-soft)}.pill.accent{border-color:color-mix(in oklab,var(--accent) 40%,transparent);color:light-dark(var(--signal-ink),#ffa88c)}.note{padding:.85rem 1rem;border-radius:var(--r-2);border:1px solid color-mix(in oklab,var(--accent) 30%,transparent)}.note.info{background:color-mix(in oklab,var(--link) 10%,transparent);border-color:color-mix(in oklab,var(--link) 30%,transparent)}.card p,.note,.toast{font-size:var(--fs-0)}.toast{position:fixed;left:50%;bottom:1.5rem;translate:-50%0;background:var(--fg);color:var(--bg);padding:.7rem 1.1rem;border-radius:999px;font-weight:600;box-shadow:var(--shadow-3);z-index:90;opacity:0;pointer-events:none;transition:opacity var(--med),translate var(--med) var(--ease)}.toast.show{opacity:1;translate:-50% -.35rem}.card{display:block;position:relative;padding:var(--s-5);border:1px solid var(--border);border-radius:var(--r-3);background:var(--surface);color:var(--fg);text-decoration:none;transition:transform var(--med) var(--ease),box-shadow var(--med) var(--ease),border-color var(--med)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:var(--border-2)}.card h3{font-size:var(--fs-2);margin:.65rem 0 .3rem}.card p{color:var(--fg-2);margin:0}.card .ico{width:34px;height:34px;color:var(--accent)}.card .tag{position:absolute;top:1rem;right:1rem}.grid{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}.tool-list{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.faq summary,.tool-list a{display:flex;align-items:center}.tool-list a{gap:.6rem;padding:.55rem .7rem;border-radius:var(--r-2);color:var(--fg);text-decoration:none;font-size:var(--fs-0)}.tool-list a:hover{background:color-mix(in oklab,var(--fg) 6%,transparent)}.tool-list a[aria-current]{background:var(--accent-soft);font-weight:600}.tool-list .ico{width:18px;height:18px;color:var(--fg-3);flex:none}.faq{display:grid;gap:.5rem;max-width:var(--wrap-narrow)}.faq details{border-radius:var(--r-3);background:var(--surface)}.faq summary{list-style:none;cursor:pointer;padding:1rem 1.15rem;font-weight:620;justify-content:space-between;gap:1rem}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--fg-3);border-bottom:2px solid var(--fg-3);rotate:45deg;transition:rotate var(--med) var(--ease);flex:none;margin-inline-end:.3rem}.faq details[open] summary::after{rotate:225deg}.faq .a{padding:0 1.15rem 1.1rem;color:var(--fg-2);font-size:var(--fs-1)}.faq .a p:last-child{margin-bottom:0}.palette{border:0;padding:0;background:0 0;width:min(92vw,40rem);max-height:80dvh;margin:8vh auto auto;color:var(--fg)}.palette::backdrop{background:rgb(10 10 14/.5);backdrop-filter:blur(4px)}.palette-box{background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-4);box-shadow:var(--shadow-3);overflow:hidden}.palette-input,.palette-list li a{display:flex;gap:.75rem;align-items:center}.palette-input{padding:.5rem 1rem;border-bottom:1px solid var(--border)}.palette-input input{flex:1;border:0;background:0 0;padding:.75rem 0;font-size:var(--fs-2);outline:0}.palette-list{list-style:none;margin:0;padding:.5rem;max-height:60dvh;overflow:auto}.palette-list li a{padding:.65rem .75rem;border-radius:var(--r-2);color:var(--fg);text-decoration:none}.palette-list li a:hover,.palette-list li a[aria-selected=true]{background:var(--accent-soft)}.palette-list .ico{width:20px;height:20px;color:var(--fg-3)}.palette-list small{color:var(--fg-3);font-size:.75rem}.palette-empty{padding:1.5rem;text-align:center;color:var(--fg-3)}.search-btn{gap:.6rem;color:var(--fg-2);font-weight:500;min-width:11rem;justify-content:flex-start}.palette-list small,.search-btn kbd{margin-inline-start:auto}@media (max-width:640px){.search-btn{min-width:0}.search-btn kbd,.search-btn span{display:none}}.ad{display:grid;place-items:center;border:1px dashed var(--border);border-radius:var(--r-2);color:var(--fg-3);font-size:.75rem;contain:strict}.ad-h{min-height:280px}.ad-rail{min-height:600px;width:300px}.ad-in{min-height:250px}@media (max-width:1099px){.ad-rail{display:none}}.hero{padding:var(--s-8)0 var(--s-6)}.hero h1{max-width:14ch}.hero .lede{font-size:var(--fs-3)}.kicker{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-3);margin-bottom:var(--s-4)}.kicker::before{content:"";flex:none;width:8px;height:8px;background:var(--accent);border-radius:2px;box-shadow:0 0 0 3px var(--accent-soft)}.kicker>span{text-wrap:balance}.kicker>span>span{white-space:nowrap}@media (max-width:640px){.kicker{align-items:flex-start;letter-spacing:.1em}.kicker::before{margin-top:.45em}}.hero-keys{display:none}@media (min-width:1100px){.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,30.5rem);column-gap:var(--s-7);align-items:start}.hero>*{grid-column:1}.hero .lede{margin-bottom:0}.hero .marquee{grid-column:1/-1}.hero-keys{display:block;grid-column:2;grid-row:1/span 4;align-self:center;position:relative;aspect-ratio:10/7;container-type:inline-size;perspective:1600px;pointer-events:none;user-select:none;margin-top:var(--s-4)}}.hero-keys::before,.hk-plate::after{content:"";position:absolute;border-radius:50%}.hero-keys::before{inset:18% 4% 2% 10%;background:radial-gradient(closest-side,color-mix(in oklab,var(--accent) 22%,transparent),transparent);filter:blur(24px);opacity:.7}.hk-plate{--gap:1.9cqi;position:absolute;left:3%;right:3%;top:50%;translate:0-50%;display:grid;grid-template-columns:repeat(40,minmax(0,1fr));grid-auto-rows:7.6cqi;row-gap:var(--gap);padding:3.6cqi calc(3.6cqi - var(--gap)/2);border-radius:3.4cqi;background:linear-gradient(170deg,color-mix(in oklab,var(--surface) 70%,var(--bg-2)),color-mix(in oklab,var(--bg-2) 92%,var(--fg) 5%));border:1px solid var(--border);box-shadow:inset 0 1px 0 color-mix(in oklab,#fff 60%,transparent),0 1.4cqi 0-1px color-mix(in oklab,var(--bg-2) 70%,var(--fg) 14%),0 1.4cqi 0 0 color-mix(in oklab,var(--border-2) 80%,transparent),0 6cqi 9cqi -3cqi rgb(20 21 28/.35);transform:rotateX(26deg) rotateY(-12deg) rotateZ(5deg);transform-style:preserve-3d}.hk-plate::after{top:1.5cqi;right:3.6cqi;width:1cqi;height:1cqi;background:var(--ok);box-shadow:0 0 1.4cqi var(--ok);opacity:.85}.hk{--face:var(--key-face);--side:var(--key-side);grid-column:span var(--w,4);margin-inline:calc(var(--gap)/2);position:relative;display:flex;align-items:flex-end;justify-content:flex-start;padding:1cqi 1.3cqi;border-radius:1.5cqi;background:linear-gradient(180deg,color-mix(in oklab,var(--face) 92%,#fff),var(--face) 55%,color-mix(in oklab,var(--face) 94%,var(--fg)));border:1px solid var(--border-2);color:var(--fg-2);font-style:normal;box-shadow:0 .8cqi 0 var(--side),0 1.2cqi 1.6cqi -.6cqi rgb(20 21 28/.25);animation:hk-press var(--t,9s) var(--ease) var(--d,0s) infinite}.hk b,.hk svg{position:relative;z-index:1}.hk b{font:600 2.7cqi/1 var(--mono);letter-spacing:-.02em}.hk svg{width:3.4cqi;height:3.4cqi;stroke-width:2}.hk-a{--face:var(--signal-deep);--side:var(--signal-deeper);border-color:var(--signal-deeper);color:#fff;animation-name:hk-press-a}.hk-a svg{filter:drop-shadow(0 1px 0 rgb(0 0 0/.2))}.hk::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(180deg,color-mix(in oklab,var(--accent) 16%,transparent),color-mix(in oklab,var(--accent) 30%,transparent));border:1px solid color-mix(in oklab,var(--accent) 45%,transparent);opacity:0;animation:hk-lit var(--t,9s) var(--ease) var(--d,0s) infinite}.hk-a::after{background:radial-gradient(closest-side,rgb(255 255 255/.28),transparent);border:0}@keyframes hk-press{0%,84%,to{transform:none;box-shadow:0 .8cqi 0 var(--side),0 1.2cqi 1.6cqi -.6cqi rgb(20 21 28/.25)}87%,91%{transform:translateY(.7cqi);box-shadow:0 .1cqi 0 var(--side),0 .3cqi .6cqi -.3cqi rgb(20 21 28/.2)}}@keyframes hk-lit{0%,84%,to{opacity:0}87%,91%{opacity:1}}@keyframes hk-press-a{0%,84%,to{transform:none;box-shadow:0 .8cqi 0 var(--side),0 1.2cqi 1.6cqi -.6cqi rgb(20 21 28/.25)}87%,91%{transform:translateY(.7cqi);box-shadow:0 .1cqi 0 var(--side),0 0 2.6cqi color-mix(in oklab,var(--accent) 75%,transparent)}}@media (prefers-reduced-motion:reduce){.hk,.hk-a,.hk::after{animation:none!important}}.marquee{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--s-5)}.marquee .pill{text-decoration:none;color:var(--fg-2);transition:color var(--fast),border-color var(--fast),background var(--fast)}.marquee .pill:hover{color:var(--fg);border-color:var(--border-2);background:var(--surface)}@media (hover:none){.btn kbd,.search-btn kbd{display:none}}.cat-head{display:flex;align-items:center;gap:var(--s-3);margin:var(--s-8)0 var(--s-4)}.cat-head .ico{width:28px;height:28px;color:var(--accent)}.cat-head a,.out{font-size:var(--fs-0)}.cat-head a{margin-inline-start:auto}.out{font-family:var(--mono);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--r-2);padding:.9rem 1rem;white-space:pre-wrap;overflow-wrap:anywhere;min-height:3.2rem;max-height:24rem;overflow:auto}.row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.between{justify-content:space-between}.two{display:grid;gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.muted{color:var(--fg-3)}.small{font-size:var(--fs-0)}.num{font-variant-numeric:tabular-nums;font-family:var(--mono)}.visually-pressed{animation:press var(--fast) var(--ease)}@keyframes press{0%{transform:translateY(2px)}to{transform:none}}@keyframes pop{0%{transform:scale(.96);opacity:.6}to{transform:none;opacity:1}}.pop{animation:pop var(--med) var(--ease)}}@layer utilities{.mt-2{margin-top:var(--s-2)}.mt-4{margin-top:var(--s-4)}.mt-5{margin-top:var(--s-5)}.mt-6{margin-top:var(--s-6)}.mt-8{margin-top:var(--s-8)}.mb-4{margin-bottom:var(--s-4)}.mb-6{margin-bottom:var(--s-6)}.hide{display:none!important}.center{text-align:center}.flex-1{flex:1}.w-full{width:100%}@media print{.ad,.btn-row,.rail,.site-footer,.site-header{display:none!important}}}