:root{--ink:#10161f;--ink-soft:#4a5568;--line:#d8dee7;--bg:#f4f6f9;--panel:#fff;--ok-bg:#e8f6ec;--ok-line:#2e7d4f;--answer-bg:#e8f0fb;--answer-line:#1f5fa9;--degraded-bg:#fdf3e0;--degraded-line:#a86a12;--waiting-bg:#eef1f5;--waiting-line:#55607a;--attention-bg:#fdeee2;--attention-line:#a5511a;--fault-bg:#fdecec;--fault-line:#9d2626;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}a{color:var(--answer-line)}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.75rem 1.25rem;display:flex}.topbar .brand{letter-spacing:-.01em;font-weight:700}.topbar nav{flex-wrap:wrap;gap:1rem;display:flex}.topbar nav a{color:var(--ink);border-radius:var(--radius);padding:.35rem .6rem;text-decoration:none}.topbar nav a:hover,.topbar nav a[aria-current=page]{background:var(--waiting-bg);text-decoration:underline}.topbar .who{color:var(--ink-soft);align-items:center;gap:.75rem;margin-left:auto;font-size:.9rem;display:flex}.page{gap:1.25rem;width:100%;max-width:68rem;margin:0 auto;padding:1.5rem 1.25rem 4rem;display:grid}.page.narrow{max-width:34rem}h1{letter-spacing:-.01em;font-size:1.5rem}h2{font-size:1.1rem}h3{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:.95rem}.muted{color:var(--ink-soft);font-size:.9rem}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.9em}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:1rem;padding:1.25rem;display:grid}.grid2{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;display:grid}.field{gap:.3rem;display:grid}.field>label{font-size:.9rem;font-weight:600}.field .help{color:var(--ink-soft);font-size:.82rem}input,select,textarea{font:inherit;color:inherit;border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;padding:.6rem .7rem}input:focus,select:focus,textarea:focus,button:focus{outline-offset:1px;outline:3px solid #9dc0ee}button{font:inherit;border-radius:var(--radius);border:1px solid var(--line);cursor:pointer;background:#fff;padding:.6rem 1rem;font-weight:600}button.primary{background:var(--answer-line);border-color:var(--answer-line);color:#fff}button.danger{border-color:var(--fault-line);color:var(--fault-line)}button[disabled]{opacity:.55;cursor:not-allowed}.actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.55rem .6rem}th{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-size:.78rem}dl.kv{grid-template-columns:minmax(9rem,auto) 1fr;gap:.35rem 1rem;font-size:.95rem;display:grid}dl.kv dt{color:var(--ink-soft)}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:.25rem .6rem;font-size:.82rem}.chip[aria-pressed=true]{background:var(--answer-line);border-color:var(--answer-line);color:#fff}.badge{border:1px solid var(--line);background:var(--waiting-bg);border-radius:999px;padding:.15rem .5rem;font-size:.78rem;display:inline-block}.notice{border:1px solid var(--line);border-radius:var(--radius);background:#fff;border-left-width:5px;gap:.45rem;padding:.9rem 1rem;display:grid}.notice .headline{font-weight:700}.notice .verbatim{border-radius:var(--radius);background:#ffffffbf;border:1px dashed;padding:.5rem .7rem;font-size:1.05rem;font-weight:600}.notice .source{color:var(--ink-soft);font-size:.8rem}.tone-ok{background:var(--ok-bg);border-color:var(--ok-line)}.tone-answer{background:var(--answer-bg);border-color:var(--answer-line)}.tone-degraded{background:var(--degraded-bg);border-color:var(--degraded-line)}.tone-waiting{background:var(--waiting-bg);border-color:var(--waiting-line)}.tone-attention{background:var(--attention-bg);border-color:var(--attention-line)}.tone-fault{background:var(--fault-bg);border-color:var(--fault-line)}.backdrop{z-index:10;background:#10161f73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{background:var(--panel);border-radius:var(--radius);gap:.9rem;width:min(26rem,100%);padding:1.25rem;display:grid}