:root{--orange:#f2a900;--orange-dim:#b88100;--bg:#0d0d0e;--surface:#17171a;--surface-raised:#1f1f23;--border:#2c2c31;--text:#ececee;--text-dim:#9a9aa2;--danger:#ab2328;--font-display:"Agency FB", "Oswald", "Arial Narrow", sans-serif;--font-body:"Roboto Condensed", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;--radius:4px;--maxw:62rem}.site,.site *,.reader__bar,.reader__bar *{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}.site a{color:var(--orange);text-decoration:none}.site a:hover{text-underline-offset:3px;text-decoration:underline}.site h1,.site h2,.site h3{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0 0 .5rem;line-height:1.15}.site h1{font-size:clamp(2rem,5vw,3rem)}.site h2{font-size:1.4rem}.site code,.site pre{font-family:var(--font-mono);font-size:.9em}.shell{max-width:var(--maxw);margin:0 auto;padding:3rem 1.5rem 4rem}.eyebrow{color:var(--orange);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .75rem;font-size:.75rem}.lede{color:var(--text-dim);max-width:46rem;margin:0 0 2.5rem;font-size:1.05rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));align-items:stretch;gap:1rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;flex-direction:column;padding:1.5rem;transition:border-color .15s,background .15s,transform .15s;display:flex}a.card:hover{border-color:var(--orange);background:var(--surface-raised);text-decoration:none;transform:translateY(-2px)}.card__name{font-family:var(--font-mono);color:var(--orange);word-break:break-word;margin:0 0 .35rem;font-size:1.15rem}.card__desc{color:var(--text-dim);flex:1;margin:0 0 1.25rem;font-size:.95rem}.card__meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);border-top:1px solid var(--border);gap:1rem;padding-top:.85rem;font-size:.72rem;display:flex}.card--soon{opacity:.55}.card--soon .card__name{color:var(--text-dim)}.centered{place-items:center;min-height:100%;padding:2rem 1.5rem;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:24rem;padding:2rem}.site label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem;font-size:.72rem;display:block}.site input[type=password]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--font-body);padding:.7rem .85rem;font-size:1rem}.site input[type=password]:focus{border-color:var(--orange);outline:none}.site button{background:var(--orange);color:#14140f;border-radius:var(--radius);width:100%;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;margin-top:1rem;padding:.7rem 1rem;font-size:1rem}.site button:hover:not(:disabled){background:#ffbe1a}.site button:disabled{opacity:.5;cursor:not-allowed}.error{border-left:3px solid var(--danger);color:#f3b9bb;background:#ab23281f;margin-top:1rem;padding:.6rem .8rem;font-size:.9rem}.reader{flex-direction:column;height:100%;display:flex}.reader__bar{background:var(--surface);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.reader__back{color:var(--orange);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.78rem;text-decoration:none}.reader__back:hover{text-underline-offset:3px;text-decoration:underline}.reader__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);white-space:nowrap;font-size:.95rem}.reader__spacer{flex:1}.reader__logout{border:1px solid var(--border);border-radius:var(--radius);width:auto;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;margin:0;padding:.35rem .8rem;font-size:.72rem}.reader__logout:hover:not(:disabled){background:var(--surface-raised);color:var(--text)}.reader__body>*{height:100%}.reader__body{flex:1;min-height:0}.status{color:var(--text-dim);text-align:center;padding:3rem 1.5rem}.site .snippet{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);padding:.9rem 1rem;font-size:.85rem;line-height:1.6;overflow-x:auto}.site .card a[download]{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.site .steps{color:var(--text-dim);margin:0 0 1.5rem 1.25rem;padding:0}.site .steps li{margin-bottom:.4rem}.site code{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:.1em .35em}.site .pkg{margin-bottom:2rem}.site .pkg h2{font-family:var(--mono,monospace);margin-bottom:.35rem;font-size:1.05rem}.site .filelist{border-top:1px solid var(--border);margin:.6rem 0 0;padding:0;list-style:none}.site .filelist li{border-bottom:1px solid var(--border);align-items:baseline;gap:.75rem;padding:.4rem 0;display:flex}.site .filelist a{font-family:var(--mono,monospace)}.site .filelist__note{color:var(--text-dim);margin-left:auto;font-size:.85rem}.site .pkg__get{font-family:var(--mono,monospace);border:1px solid var(--border);background:var(--surface);border-radius:4px;padding:.4rem .9rem;display:inline-block}.site .pkg__contents{color:var(--text-dim);margin-left:.9rem;font-size:.85rem}.guide{max-width:var(--maxw);grid-template-columns:15rem minmax(0,1fr);gap:3rem;margin:0 auto;padding:3rem 1.5rem 4rem;display:grid}@media (width<=52rem){.guide{grid-template-columns:minmax(0,1fr);gap:1.5rem}}.guide__nav{align-self:start;position:sticky;top:2rem}@media (width<=52rem){.guide__nav{border-bottom:1px solid var(--border);padding-bottom:1rem;position:static}}.guide__group{margin-bottom:1.5rem}.guide__group-title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);opacity:.7;margin:0 0 .4rem;font-size:.68rem}.site .guide__link{color:var(--text-dim);border-left:2px solid #0000;margin-left:-.7rem;padding:.25rem 0 .25rem .7rem;font-size:.95rem;display:block}.site .guide__link:hover{color:var(--text);text-decoration:none}.site .guide__link.router-link-active{color:var(--orange);border-left-color:var(--orange)}.guide__body>h1{margin-bottom:.75rem}.guide__body section+section{margin-top:.5rem}.guide__body h2{margin-top:2.5rem}.guide__body>.lede{margin-bottom:2rem}.site .keys{border-top:1px solid var(--border);margin:0 0 2rem;padding:0;list-style:none}.site .keys li{border-bottom:1px solid var(--border);grid-template-columns:12rem 1fr;align-items:baseline;gap:1rem;padding:.6rem 0;display:grid}@media (width<=34rem){.site .keys li{grid-template-columns:1fr;gap:.25rem}}.site .keys__combo{flex-wrap:wrap;align-items:baseline;gap:.3rem;display:flex}.site .keys__plus{color:var(--text-dim);font-family:var(--font-mono);font-size:.8rem}.site .keys__what{color:var(--text-dim);font-size:.95rem}.site .keys__note{color:var(--text-dim);opacity:.75;margin-top:.25rem;font-size:.85rem;display:block}.site kbd{font-family:var(--font-mono);color:var(--text);background:var(--surface-raised);border:1px solid var(--border);white-space:nowrap;border-bottom-width:2px;border-radius:3px;padding:.15em .45em;font-size:.8rem;line-height:1.4}.site .quote{border-left:3px solid var(--orange-dim);color:var(--text-dim);margin:0 0 2rem;padding:.4rem 0 .4rem 1rem;font-size:.95rem}.site .quote__src{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-top:.5rem;font-size:.7rem;display:block}.site section>h2{margin-top:2.5rem}.site .ways{color:var(--text-dim);margin:0 0 1rem 1.25rem;padding:0}.site .ways>li{margin-bottom:1.25rem}.site .ways__what{margin:0}.site .shot{margin:.6rem 0 0}.site .shot img{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;height:auto;display:block}.site .shot figcaption{color:var(--text-dim);opacity:.75;margin-top:.4rem;font-size:.85rem}.site .keys__label{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text);font-size:.8rem}.site .keys__what strong{color:var(--text);font-weight:600}.site .chips{flex-wrap:wrap;align-items:flex-end;gap:1.25rem;margin:0 0 1rem;display:flex}.site .chip{margin:0}.site .chip img{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-width:100%;height:auto;display:block}.site .chip figcaption{color:var(--text-dim);opacity:.75;margin-top:.4rem;font-size:.85rem}.site .flow{counter-reset:step;margin:0;padding:0;list-style:none}.site .flow>li{counter-increment:step;border-top:1px solid var(--border);padding:1.5rem 0 .5rem}.site .flow>li:before{content:"Step " counter(step);color:var(--orange);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.4rem;font-size:.72rem;display:block}.site .flow__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:1.25rem 0 .5rem;font-size:.72rem}.site .bullets{color:var(--text-dim);margin:0 0 1rem 1.1rem;padding:0;font-size:.95rem}.site .bullets li{margin-bottom:.3rem}.site .callout{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--orange-dim);border-radius:var(--radius);color:var(--text-dim);margin:1rem 0 .5rem;padding:.7rem .9rem;font-size:.9rem}.site .ci{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem;margin:0 0 1.5rem;display:grid}.site .ci__tile{border:1px solid var(--border);border-radius:var(--radius);margin:0;overflow:hidden}.site .ci__tile img{width:100%;height:auto;padding:1.5rem 1.25rem;display:block}.site .ci__tile--dark img{background:#000}.site .ci__tile--light img{background:#fff}.site .ci__tile figcaption{background:var(--surface);border-top:1px solid var(--border);font-family:var(--font-mono);flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;padding:.6rem .9rem;font-size:.75rem;display:flex}.site .ci__on{color:var(--text-dim)}.site .promo{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--orange);border-radius:var(--radius);margin:0 0 2.5rem;padding:1.25rem 1.4rem}.site .promo__lead{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .35rem;font-size:1.2rem}.site .promo__body{color:var(--text-dim);margin:0 0 1rem;font-size:.95rem}