:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--fg:#1a1a1a;--muted:#6b6b6b;--card-bg:#fff;--card-border:#e5e5e5;--input-bg:#fff;--input-border:#d4d4d4;--input-focus:#4977ff;--btn-fg:#fff;--btn-bg:#1a1a1a;--btn-bg-hover:#2a2a2a;--topbar-bg:#2d2d2d;--topbar-fg:#fff;--link-hover:#6b9aff;--selected-fg:#b8b8b8;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--fg);min-height:100vh;margin:0}a{color:#2459d8}header.topbar{background:var(--topbar-bg);color:var(--topbar-fg);justify-content:space-between;align-items:center;padding:.9rem 2rem;display:flex}header.topbar .brand{color:var(--topbar-fg);text-decoration:none}header.topbar .brand h1{letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:600}header.topbar nav{align-items:center;gap:1.5rem;font-size:.9rem;display:flex}header.topbar nav .nav-item{color:var(--topbar-fg);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none}header.topbar nav .nav-item:hover{color:var(--link-hover)}header.topbar nav .nav-item.selected,header.topbar nav .nav-item.selected:hover{color:var(--selected-fg);cursor:default}main{max-width:720px;margin:0 auto;padding:2rem}h2{letter-spacing:-.01em;margin:0 0 1rem;font-size:1.4rem;font-weight:600}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;margin-bottom:.75rem;padding:1.25rem}.row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.muted{color:var(--muted);font-size:.875rem}input[type=text],input[type=password],input[type=email],select,textarea{background:var(--input-bg);width:100%;color:inherit;border:1px solid var(--input-border);font:inherit;border-radius:6px;padding:.55rem .7rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--input-focus);outline-offset:0}textarea{resize:vertical;min-height:5rem}textarea.autosize{resize:none;min-height:0;overflow:hidden}button.btn,a.btn{background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;border:0;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}button.btn:hover,a.btn:hover{background:var(--btn-bg-hover)}button.ghost{border:1px solid var(--card-border);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:.45rem .9rem;font-weight:500}button.ghost:hover{background:#f0f0f0}button.danger{color:#8a1c1c;font:inherit;cursor:pointer;background:#fee2e2;border:1px solid #f5c2c2;border-radius:6px;padding:.45rem .9rem;font-weight:500}button.danger:hover{background:#fecaca}button.link{color:var(--muted);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:.85rem;text-decoration:underline}button.link:hover{color:var(--fg)}form .row{margin-top:.75rem}.error{color:#b91c1c;min-height:1.2em;margin-top:.5rem;font-size:.875rem}main.hero{text-align:left;max-width:760px}main.hero h2{font-size:2.2rem}main.hero .lede{color:var(--muted);max-width:56ch;font-size:1.1rem}.app-layout{grid-template-columns:200px 1fr;gap:2rem;max-width:1100px;margin:2rem auto;padding:0 2rem;display:grid}.app-sidebar{flex-direction:column;align-self:start;gap:.25rem;display:flex;position:sticky;top:1rem}.side-item{color:var(--fg);text-align:left;cursor:pointer;font-size:.95rem;font:inherit;background:0 0;border:0;border-radius:6px;padding:.5rem .75rem;text-decoration:none;display:block}.side-item:hover{background:#f7f7f7}.side-item.selected,.side-item.selected:hover{cursor:default;background:#ececec}.app-content{min-width:0}.side-sep{border:0;border-top:1px solid var(--card-border);margin:.5rem 0}details.explainer{border:1px solid var(--card-border);background:#f8f8f8;border-radius:8px;margin-bottom:1.5rem;padding:.75rem 1rem}details.explainer summary{cursor:pointer;font-weight:500;list-style:none}details.explainer summary::-webkit-details-marker{display:none}details.explainer summary:before{content:"▸";margin-right:.4rem;transition:transform .15s;display:inline-block}details.explainer[open] summary:before{transform:rotate(90deg)}details.explainer p{color:#444;margin:.75rem 0 0;line-height:1.55}details.explainer p+p{margin-top:.5rem}@media (width<=768px){.app-layout{grid-template-columns:1fr;gap:1rem;margin-top:1rem;padding:0 1rem}.app-sidebar{border-bottom:1px solid var(--card-border);flex-direction:row;gap:.5rem;padding-bottom:.5rem;position:static;overflow-x:auto}.side-item{white-space:nowrap;flex-shrink:0}.side-sep{border:0;border-left:1px solid var(--card-border);align-self:stretch;margin:0 .25rem}header.topbar{padding:.75rem 1rem}header.topbar nav{gap:1rem}}