@font-face{font-family:"Roboto";font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url("../fonts/roboto/roboto-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Roboto";font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url("../fonts/roboto/roboto-latin.woff2") format("woff2");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}:root{--bg:#fff;--bg-soft:#fafafa;--surface:#fff;--surface-2:#f5f5f5;--border:#eaecef;--border-strong:#d8dce1;--text:#1e2329;--text-2:#474d57;--muted:#626b7a;--brand:#f0b90b;--brand-hover:#fcd535;--on-brand:#181a20;--link:#8a6500;--accent-soft:#fef6d8;--success:#03a66d;--danger:#cf304a;--focus:#c99400;--shadow-sm:0 1px 2px rgba(24,26,32,.06);--shadow-md:0 8px 24px rgba(24,26,32,.08);--radius:12px;--radius-sm:8px;--container:1200px;--mono:ui-monospace,"Cascadia Mono",Consolas,"Roboto Mono",monospace;color-scheme:light}:root[data-theme="dark"]{--bg:#0b0e11;--bg-soft:#181a20;--surface:#1e2329;--surface-2:#2b3139;--border:#2b3139;--border-strong:#474d57;--text:#eaecef;--text-2:#b7bdc6;--muted:#9aa3b0;--link:#f0b90b;--accent-soft:rgba(240,185,11,.12);--success:#0ecb81;--danger:#f6465d;--focus:#fcd535;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 8px 24px rgba(0,0,0,.45);color-scheme:dark}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{margin:0;font-family:"Roboto",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}[hidden]{display:none!important}img,svg{display:block;max-width:100%}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}h1,h2,h3{line-height:1.25;margin:0 0 .5em;color:var(--text);letter-spacing:-.01em}h1{font-size:clamp(1.9rem,1.4rem + 2.2vw,2.9rem);font-weight:700}h2{font-size:clamp(1.35rem,1.2rem + .7vw,1.75rem);font-weight:700}h3{font-size:1.125rem;font-weight:500}p{margin:0 0 1em}code,kbd{font-family:var(--mono);font-size:.92em}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-48px;z-index:100;background:var(--brand);color:var(--on-brand);padding:10px 16px;border-radius:var(--radius-sm);font-weight:500}.skip-link:focus{top:12px}.mt-0{margin-top:0!important}.note{font-size:.8125rem;color:var(--muted);margin:0}.kicker{margin:0 0 8px;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--link)}.icon{width:20px;height:20px;flex:none}.icon-sm{width:16px;height:16px}.cat-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--link);flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--radius-sm);font:inherit;font-weight:500;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:background-color .2s,border-color .2s,color .2s}.btn:hover{text-decoration:none}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-hover)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{border-color:var(--brand)}.btn-sm{min-height:36px;padding:0 12px;font-size:.875rem}.btn-icon{width:36px;min-height:36px;padding:0}.btn:disabled{opacity:.55;cursor:not-allowed}.btn[aria-busy="true"]{opacity:.7;cursor:progress}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .2s,background-color .2s}.icon-btn:hover{border-color:var(--brand)}.linklike{background:none;border:0;padding:0;font:inherit;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;font-size:.75rem;font-weight:500;line-height:1.6}.badge .icon{width:12px;height:12px}.badge-ok{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.badge-bad{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.badge-muted{background:var(--surface-2);color:var(--text-2)}.toast{position:fixed;left:50%;bottom:24px;z-index:80;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:var(--radius-sm);font-size:.9rem;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}