:root{--c-ink: #26323c;--c-ink-soft: #55656f;--c-paper: #f7f4ec;--c-card: #ffffff;--c-line: #d8d2c4;--c-sea: #2e6f77;--c-sea-press: #24575e;--c-sea-soft: #dcebe9;--c-lamp: #c9821e;--c-lamp-soft: #f6e7cd;--c-danger: #a04432;--c-danger-soft: #f3ded8;--c-ok: #3f7d4e;--c-ok-soft: #e0edd9;--c-focus: #1d4ed8;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-display: 700 1.65rem/1.25 var(--sans);--t-title: 700 1.25rem/1.3 var(--sans);--t-body: 400 1.06rem/1.55 var(--sans);--t-body-strong: 600 1.06rem/1.55 var(--sans);--t-small: 400 .9rem/1.5 var(--sans);--t-label: 600 .78rem/1.3 var(--sans);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 36px;--r-sm: 8px;--r-md: 14px;--r-lg: 22px;--hairline: 1px;--ring: 3px;--ring-off: 2px;--shadow: 0 2px 10px rgba(38, 50, 60, .1);--ease: .18s ease-out;--tap-min: 48px;--content-max: 520px}@media (prefers-reduced-motion: reduce){:root{--ease: 0ms linear}}@media (prefers-color-scheme: dark){:root{--c-ink: #e8e4da;--c-ink-soft: #a8b2ba;--c-paper: #1d2429;--c-card: #27313a;--c-line: #3b4650;--c-sea: #5eb0b8;--c-sea-press: #7cc4cb;--c-sea-soft: #253c40;--c-lamp: #e0a34a;--c-lamp-soft: #3c3120;--c-danger: #d4795f;--c-danger-soft: #402b24;--c-ok: #7db287;--c-ok-soft: #263c2b;--c-focus: #8ab4ff;--shadow: 0 2px 10px rgba(0, 0, 0, .35)}}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100%}body{background:var(--c-paper);color:var(--c-ink);font:var(--t-body)}.screen{max-width:var(--content-max);margin:0 auto;padding:var(--s4);padding-bottom:var(--s6);display:flex;flex-direction:column;gap:var(--s4);min-height:100dvh}.screen-header{display:flex;align-items:center;gap:var(--s3)}.display{font:var(--t-display)}.title{font:var(--t-title)}.body{font:var(--t-body)}.body-strong{font:var(--t-body-strong)}.small{font:var(--t-small);color:var(--c-ink-soft)}.label{font:var(--t-label);color:var(--c-ink-soft);text-transform:uppercase;letter-spacing:.06em}.card{background:var(--c-card);border-radius:var(--r-md);padding:var(--s4);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:var(--s3)}.card-quiet{background:var(--c-card);border:var(--hairline) solid var(--c-line);border-radius:var(--r-md);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3)}.notebook{background:var(--c-lamp-soft);border-radius:var(--r-md);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2)}.trouble{background:var(--c-danger-soft);border-radius:var(--r-md);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2)}.working{background:var(--c-ok-soft);border-radius:var(--r-md);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--tap-min);padding:var(--s3) var(--s4);border-radius:var(--r-lg);border:none;cursor:pointer;font:var(--t-body-strong);transition:background var(--ease),transform var(--ease);width:100%;text-align:center}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--c-sea);color:var(--c-paper)}.btn-primary:not(:disabled):hover{background:var(--c-sea-press)}.btn-primary:not(:disabled):active{transform:scale(.98)}.btn-quiet{background:transparent;border:var(--hairline) solid var(--c-line);color:var(--c-ink)}.btn-quiet:not(:disabled):hover{background:var(--c-sea-soft)}.btn-quiet:not(:disabled):active{transform:scale(.98)}.btn-choice{background:var(--c-card);border:var(--hairline) solid var(--c-line);color:var(--c-ink);font:var(--t-body);justify-content:flex-start;text-align:left}.btn-choice:not(:disabled):hover{background:var(--c-sea-soft)}.btn-choice[aria-pressed=true]{background:var(--c-sea-soft);border-color:var(--c-sea)}.btn:focus-visible,.tap:focus-visible,input:focus-visible{outline:var(--ring) solid var(--c-focus);outline-offset:var(--ring-off)}.tap{min-height:var(--tap-min);border:none;background:transparent;cursor:pointer;font:var(--t-body);color:inherit;display:flex;align-items:center;gap:var(--s2);border-radius:var(--r-sm);padding:var(--s2) var(--s3)}.tap:hover{background:var(--c-sea-soft)}.input{min-height:var(--tap-min);border:var(--hairline) solid var(--c-line);border-radius:var(--r-sm);padding:var(--s2) var(--s3);font:var(--t-body);width:100%;background:var(--c-card);color:var(--c-ink)}.empty{border:var(--hairline) dashed var(--c-line);border-radius:var(--r-md);padding:var(--s5);text-align:center;display:flex;flex-direction:column;gap:var(--s2);color:var(--c-ink-soft)}.row{display:flex;align-items:center;gap:var(--s3)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.stack{display:flex;flex-direction:column;gap:var(--s3)}.stack-tight{display:flex;flex-direction:column;gap:var(--s1)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.chip{font:var(--t-label);border-radius:var(--r-lg);padding:var(--s1) var(--s3);background:var(--c-sea-soft);color:var(--c-ink);width:fit-content}.chip-lamp{background:var(--c-lamp-soft)}.chip-line{background:transparent;border:var(--hairline) solid var(--c-line);color:var(--c-ink-soft)}.gauge{height:var(--s3);background:var(--c-sea-soft);border-radius:var(--r-lg);overflow:hidden}.gauge>div{height:100%;background:var(--c-sea);transition:width var(--ease)}.gauge-danger>div{background:var(--c-danger)}.divider{border:none;border-top:var(--hairline) solid var(--c-line)}.lamp-glow{color:var(--c-lamp)}.ok-ink{color:var(--c-ok)}.danger-ink{color:var(--c-danger)}.evidence-label{font:var(--t-label);border-radius:var(--r-sm);padding:var(--s1) var(--s2);width:fit-content}.evidence-label-observed{background:var(--c-ok-soft);color:var(--c-ink)}.evidence-label-reported{background:var(--c-lamp-soft);color:var(--c-ink)}.evidence-label-inferred{background:var(--c-sea-soft);color:var(--c-ink)}.evidence-label-none{background:transparent;border:var(--hairline) solid var(--c-line);color:var(--c-ink-soft)}.fill{width:100%}pre.small{white-space:pre-wrap;word-break:break-all;max-height:40vh;overflow-y:auto}