:root{--ink:#14161c;--ink-soft:#4b5163;--ink-faint:#6b7280;--surface:#fff;--ground:#fff;--rule:#e3e5ea;--rule-strong:#c7cbd6;--accent:#5b6472;--accent-soft:#f2f3f6;--focus:#14161c;--on-ground:#14532d;--on-fill:#dcfce7;--on-rule:#166534;--bad-ground:#7f1d1d;--bad-fill:#fdeaea;--bad-rule:#b91c1c;--sans:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#eef0f4;--ink-soft:#aeb4c2;--ink-faint:#767d8f;--surface:#121316;--ground:#0a0b0d;--rule:#26282e;--rule-strong:#383b44;--accent:#9aa2b3;--accent-soft:#1a1c21;--focus:#eef0f4;--on-ground:#bbf7d0;--on-fill:#12261a;--on-rule:#2f7d4e;--bad-ground:#fecaca;--bad-fill:#2a1414;--bad-rule:#b04a4a}}:root[data-theme=dark]{--ink:#eef0f4;--ink-soft:#aeb4c2;--ink-faint:#767d8f;--surface:#121316;--ground:#0a0b0d;--rule:#26282e;--rule-strong:#383b44;--accent:#9aa2b3;--accent-soft:#1a1c21;--focus:#eef0f4;--on-ground:#bbf7d0;--on-fill:#12261a;--on-rule:#2f7d4e;--bad-ground:#fecaca;--bad-fill:#2a1414;--bad-rule:#b04a4a}*{box-sizing:border-box}.brand{align-items:center;gap:4px;display:inline-flex}.brand-mark{flex:none;width:1.4em;height:1.4em;display:block}.brand-text{letter-spacing:-.01em;color:var(--ink);font-weight:700;line-height:1}body{font-family:var(--sans);color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}.field{flex-direction:column;gap:5px;display:flex}.field>span{letter-spacing:.02em;color:var(--ink-soft);font-size:12px;font-weight:600}.field>input{font:inherit;border:1px solid var(--rule-strong);background:var(--surface);color:var(--ink);padding:9px 11px;font-size:15px}.field>input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn{font:inherit;border:1px solid var(--ink);background:var(--ink);color:var(--ground);cursor:pointer;padding:9px 16px;font-size:14px;font-weight:600}.btn:hover{background:var(--ink-soft);border-color:var(--ink-soft)}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn.ghost{color:var(--ink);border-color:var(--rule-strong);background:0 0}.btn.ghost:hover{background:var(--accent-soft);border-color:var(--ink-soft)}.btn.small{padding:6px 12px;font-size:13px}.notice{color:var(--bad-ground);background:var(--bad-fill);border-left:3px solid var(--bad-rule);margin:0;padding:9px 11px;font-size:13px;line-height:1.55}.sheet{max-width:640px;margin:6vh auto;padding:0 24px 12vh}.sheet>header{align-items:center;gap:14px;margin-bottom:6px;display:flex}.sheet>header .wordmark{font-size:19px}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);margin:0;font-size:12px;font-weight:700}.sheet h1.eyebrow{margin-right:auto;font-size:13px;font-weight:600}.sheet section{border-top:1px solid var(--rule);margin-bottom:30px;padding-top:18px}.sheet section>h2{margin-bottom:12px}.note{color:var(--ink-soft);max-width:62ch;margin:0 0 12px;font-size:13px;line-height:1.6}.sheet code{font-family:var(--mono);background:var(--accent-soft);border:1px solid var(--rule);padding:1px 5px;font-size:12px}.row{border-bottom:1px solid var(--rule);align-items:center;gap:12px;padding:11px 0;display:flex}.row:last-child{border-bottom:0}.row .grow{flex:1;min-width:0}.row .row-title{color:var(--ink);margin:0;font-size:14px}.row .row-sub{color:var(--ink-faint);margin:2px 0 0;font-size:12px}.pill{letter-spacing:.04em;border:1px solid var(--rule-strong);color:var(--ink-soft);background:var(--accent-soft);white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:700}.pill.on{background:var(--on-fill);color:var(--on-ground);border-color:var(--on-rule)}.devbox{border:1px dashed var(--rule-strong);background:var(--accent-soft);padding:14px 16px}.sheet details>summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;padding:2px 0;list-style:none;display:flex}.sheet details>summary::-webkit-details-marker{display:none}.sheet details>summary:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid;width:0;height:0;transition:transform .15s}.sheet details[open]>summary:before{transform:rotate(90deg)}.sheet details>summary:hover{color:var(--ink)}.sheet details>summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sheet details[open]>summary{margin-bottom:12px}
