@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(./barlow-semi-condensed-latin-600-normal.BkLiAYu4.woff2)format("woff2"),url(./barlow-semi-condensed-latin-600-normal.DyOfdMBA.woff)format("woff")}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(./barlow-semi-condensed-latin-700-normal.BpqDG8I9.woff2)format("woff2"),url(./barlow-semi-condensed-latin-700-normal.BMyZXq_9.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(./atkinson-hyperlegible-latin-400-normal.BrHNak5F.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-400-normal.BbWidj28.woff)format("woff")}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(./atkinson-hyperlegible-latin-700-normal.GZI4o3u0.woff2)format("woff2"),url(./atkinson-hyperlegible-latin-700-normal.BK6Glc0m.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./jetbrains-mono-latin-500-normal.BWZEU5yA.woff2)format("woff2"),url(./jetbrains-mono-latin-500-normal.CJOVTJB7.woff)format("woff")}:root{--yellow:oklch(89% .16 95);--yellow-2:oklch(83% .16 92);--yellow-soft:oklch(96% .06 97);--ink:oklch(20% .012 95);--ink-2:oklch(40% .012 95);--bg:oklch(97.8% .002 95);--surface:oklch(100% 0 0);--line:oklch(86% .01 95);--screen:oklch(22% .014 250);--screen-2:oklch(29% .016 250);--screen-3:oklch(36% .016 250);--screen-text:oklch(94% .008 250);--screen-dim:oklch(74% .012 250);--go:oklch(74% .17 150);--go-ink:oklch(42% .12 150);--warn:oklch(82% .16 75);--warn-ink:oklch(47% .12 65);--fail:oklch(64% .2 27);--fail-ink:oklch(48% .18 27);--display:"Barlow Semi Condensed", "Arial Narrow", sans-serif;--body:"Atkinson Hyperlegible", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--r:10px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 1.0625rem/1.6 var(--body);margin:0}canvas,img,svg,video{max-width:100%;display:block}a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--yellow-2);text-decoration-color:var(--yellow-2)}a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0 0 var(--s3);letter-spacing:-.01em;line-height:1.1}h1{font-size:clamp(2.1rem,1.4rem + 3vw,3.6rem)}h1,h2{font-weight:700}h2{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.2rem)}h3{font-size:1.3rem;font-weight:600}p{margin:0 0 var(--s4);text-wrap:pretty}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--yellow);border-radius:4px}.mono,.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.wrap{width:min(1160px,100% - 2 * var(--s4));margin-inline:auto}.prose{max-width:68ch}.prose h2{margin-top:var(--s7)}.prose ol,.prose ul{margin:0 0 var(--s4);padding-left:1.25rem}.prose li{margin-bottom:var(--s2)}.skip{position:absolute;left:-999px}.skip:focus{left:var(--s4);top:var(--s4);background:var(--yellow);padding:var(--s2) var(--s4);z-index:50}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s5);border:2px solid var(--ink);background:var(--ink);color:var(--yellow);font:700 1rem/1 var(--body);cursor:pointer;border-radius:999px;text-decoration:none;display:inline-flex}.btn:hover{background:oklch(30% .012 95)}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:oklch(20% .012 95/.07)}.btn.small{min-height:44px;padding:0 var(--s4);font-size:.95rem}.btn:disabled{opacity:.5;cursor:not-allowed}.on-screen .btn{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.on-screen .btn:hover{background:var(--yellow-2)}.on-screen .btn.ghost{color:var(--screen-text);border-color:var(--screen-3);background:0 0}.on-screen .btn.ghost:hover{border-color:var(--screen-text)}.site-head{background:var(--ink);color:var(--bg);z-index:20;position:relative}.site-head .wrap{justify-content:space-between;align-items:center;gap:var(--s4);min-height:60px;display:flex}.brand{align-items:center;gap:var(--s2);color:var(--bg);font:700 1.35rem/1 var(--display);text-decoration:none;display:inline-flex}.brand .mark{width:28px;height:28px}.nav-toggle{min-width:44px;min-height:44px;color:var(--bg);font:700 .95rem var(--body);padding:0 var(--s3);cursor:pointer;background:0 0;border:2px solid oklch(40% .01 95);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.nav{display:none}.nav.open{background:var(--ink);padding:var(--s3) var(--s4) var(--s5);border-top:1px solid oklch(35% .01 95);display:block;position:absolute;top:60px;left:0;right:0}.nav ul{gap:var(--s1) var(--s4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.nav a{min-height:44px;color:var(--bg);align-items:center;font-weight:700;text-decoration:none;display:flex}.nav a.router-link-exact-active{color:var(--yellow)}@media (width>=1020px){.nav-toggle{display:none}.nav,.nav.open{border:0;padding:0;display:block;position:static}.nav ul{gap:var(--s4);display:flex}.nav a{font-size:.95rem}}.hero{background:var(--yellow);border-bottom:3px solid var(--ink)}.hero .wrap{padding:var(--s6) 0 var(--s7);gap:var(--s6);grid-template-columns:minmax(0,1fr);display:grid}.hero .wrap>*{min-width:0}.hero .lede{max-width:56ch;font-size:1.15rem}@media (width>=900px){.hero .wrap{padding:var(--s8) 0;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center}}.crumbs{margin-bottom:var(--s3);font-size:.95rem}.crumbs a{font-weight:700}.annun{background:var(--screen);border-radius:var(--r);padding:var(--s4);color:var(--screen-text)}.annun-grid{gap:var(--s2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.annun-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{background:var(--screen-2);border:2px solid var(--screen-3);min-width:0;min-height:64px;font:700 clamp(.8rem,.6rem + .8vw,1.05rem)/1 var(--display);letter-spacing:.08em;color:var(--screen-dim);text-align:center;padding:var(--s2) 2px;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:background .25s,color .25s;display:flex}.tile small{font:500 .66rem/1.1 var(--mono);letter-spacing:0;text-transform:none}.tile.pass{background:var(--go);border-color:var(--go);color:var(--ink);box-shadow:0 0 18px oklch(74% .17 150/.45)}.tile.warn{background:var(--warn);border-color:var(--warn);color:var(--ink);box-shadow:0 0 18px oklch(82% .16 75/.45)}.tile.fail{background:var(--fail);border-color:var(--fail);color:oklch(99% 0 0);box-shadow:0 0 18px oklch(64% .2 27/.45)}.tile.run{border-color:var(--yellow);color:var(--yellow)}.annun-foot{justify-content:space-between;align-items:center;gap:var(--s3);margin-top:var(--s4);color:var(--screen-dim);flex-wrap:wrap;font-size:.95rem;display:flex}.panel{background:var(--screen);border-radius:var(--r);padding:var(--s5)}.panel,.panel h2,.panel h3{color:var(--screen-text)}.panel p{color:var(--screen-dim)}.panel .row{align-items:center}.panel .row,.panel-head{gap:var(--s3);flex-wrap:wrap;display:flex}.panel-head{margin-bottom:var(--s4);justify-content:space-between;align-items:baseline}.status{align-items:center;gap:var(--s2);font:700 .95rem var(--body);display:inline-flex}.status:before{content:"";background:var(--screen-3);border-radius:50%;width:12px;height:12px}.status.pass:before{background:var(--go)}.status.warn:before{background:var(--warn)}.status.fail:before{background:var(--fail)}.status.run:before{background:var(--yellow)}.readouts{gap:var(--s2);margin:var(--s4) 0;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.readout{background:var(--screen-2);padding:var(--s3);border-radius:6px;min-width:0}.readout b{font:500 1.35rem/1.2 var(--mono);color:var(--screen-text);overflow-wrap:anywhere;display:block}.readout span{color:var(--screen-dim);font-size:.85rem}.meter{background:var(--screen-2);border-radius:4px;height:26px;position:relative;overflow:hidden}.meter i{background:linear-gradient(90deg,var(--go) 0 70%,var(--warn) 70% 90%,var(--fail) 90%);clip-path:inset(0 calc(100% - var(--w,0%)) 0 0);transition:clip-path 60ms linear;position:absolute;inset:0 auto 0 0}.select{border:2px solid var(--screen-3);min-height:44px;font:400 1rem var(--body);padding:0 var(--s3);border-radius:8px;max-width:100%}.note,.select{background:var(--screen-2);color:var(--screen-text)}.note{padding:var(--s3) var(--s4);border-radius:6px;font-size:.95rem}.note.bad{background:oklch(64% .2 27/.22)}.panel label{font-weight:700}.steps{gap:var(--s5);grid-template-columns:minmax(0,1fr);display:grid}.steps>*{min-width:0}.step-card{border:2px solid var(--ink);border-radius:var(--r);background:var(--surface);overflow:hidden}.step-card>header{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);background:var(--yellow);border-bottom:2px solid var(--ink);display:flex}.step-card>header h3{margin:0;font-size:1.35rem}.step-card>.body{padding:var(--s4)}.step-card .panel{border-radius:8px}@media (width>=900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.steps .wide{grid-column:1/-1}}section.band{padding:var(--s8) 0}section.band.alt{background:var(--surface);border-block:1px solid var(--line)}.two{gap:var(--s6);grid-template-columns:minmax(0,1fr);display:grid}.two>*{min-width:0}@media (width>=900px){.two{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.tool-list{border-top:2px solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.tool-list li{border-bottom:1px solid var(--line)}.tool-list a{justify-content:space-between;gap:var(--s3);padding:var(--s4) var(--s2);min-height:44px;text-decoration:none;display:flex}.tool-list a b{font-family:var(--display);font-size:1.2rem}.tool-list a span{color:var(--ink-2);text-align:right;font-size:.95rem}.tool-list a:hover{background:var(--yellow-soft)}table{border-collapse:collapse;width:100%;font-size:.97rem}.table-wrap{margin:0 0 var(--s5);overflow-x:auto}td,th{text-align:left;padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);vertical-align:top}th{font-family:var(--display);border-bottom:2px solid var(--ink);font-size:1.05rem}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;min-height:44px;padding:var(--s3) 0;justify-content:space-between;gap:var(--s3);font-size:1.07rem;font-weight:700;list-style:none;display:flex}.faq summary:after{content:"+";font:700 1.4rem/1 var(--mono)}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--ink-2)}.explainer{border:2px solid var(--ink);border-radius:var(--r);padding:var(--s5);background:var(--surface)}.explainer h3{font-size:1.5rem}.explainer .controls{gap:var(--s3);margin:var(--s4) 0;flex-wrap:wrap;align-items:center;display:flex}.explainer input[type=range]{width:min(100%,360px);min-height:44px;accent-color:var(--ink)}.explainer .caption{background:var(--yellow-soft);padding:var(--s3) var(--s4);border-radius:8px;margin:0;font-size:1rem}.chip{min-height:44px;padding:0 var(--s4);border:2px solid var(--ink);background:var(--surface);font:700 .95rem var(--body);cursor:pointer;border-radius:999px}.chip[aria-pressed=true]{background:var(--ink);color:var(--yellow)}.kbd{padding-bottom:var(--s2);gap:4px;display:grid;overflow-x:auto}.kbd-row{gap:4px;display:flex}.key{background:var(--screen-2);border:1px solid var(--screen-3);min-width:38px;height:38px;color:var(--screen-dim);font:500 .7rem/1 var(--mono);border-radius:5px;flex:none;justify-content:center;align-items:center;padding:0 4px;display:flex}.key.seen{border-color:var(--go);color:var(--screen-text);background:oklch(74% .17 150/.3)}.key.down{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.keylog{font:500 .9rem/1.5 var(--mono);background:var(--screen-2);min-height:3em;padding:var(--s3);overflow-wrap:anywhere;border-radius:6px}.pad{border:2px dashed var(--screen-3);text-align:center;min-height:180px;color:var(--screen-dim);-webkit-user-select:none;user-select:none;touch-action:none;padding:var(--s4);border-radius:8px;place-items:center;display:grid}.pad.active{border-color:var(--yellow)}video.preview{aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain;background:#000;border-radius:6px;width:100%}.ai-out{white-space:pre-wrap;background:var(--surface);color:var(--ink);padding:var(--s4);min-height:3em;font-size:1rem}.ai-out,textarea{border-radius:8px}textarea{border:2px solid var(--screen-3);background:var(--screen-2);width:100%;min-height:110px;color:var(--screen-text);font:400 1rem/1.5 var(--body);padding:var(--s3)}textarea::placeholder{color:var(--screen-dim)}.site-foot{background:var(--ink);color:oklch(85% .01 95);padding:var(--s7) 0;margin-top:var(--s8);font-size:.95rem}.site-foot a{color:oklch(95% .01 95)}.site-foot .cols{gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.site-foot ul{margin:0;padding:0;list-style:none}.site-foot li a{align-items:center;min-height:36px;display:inline-flex}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.kbd{--ku:clamp(16px, calc(6.57895vw - 8.68421px), 38px);gap:3px}.kbd-nav{display:none}@media (width>=760px){.kbd{--ku:clamp(16px, calc(5.12821vw - 10.2564px), 38px)}.kbd-nav{display:grid}}.kbd-row{gap:3px}.key{min-width:var(--ku);height:calc(var(--ku) + 2px);font-size:clamp(.5rem,calc(var(--ku)/3.3),.72rem);padding:0 2px;overflow:hidden}@media (width>=1020px){.kbd{--ku:38px}}