:root{--bg:#f5f5f2;--surface:#fff;--surface-2:#f0f0ec;--border:#dcdcd5;--text:#1c1c1a;--muted:#5d5d57;--accent:#1f5fbf;--accent-soft:#e6eefb;--accent-text:#fff;--clear:#1e7a46;--clear-soft:#e3f3e9;--partial:#8a5a00;--partial-soft:#fcf0d9;--unclear:#55554f;--unclear-soft:#ecece7;--conflict:#b3261e;--conflict-soft:#fbe5e3;--focus:#1f5fbf;--radius:10px;--gutter:16px;--next-bar-height:0px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141413;--surface:#1e1e1c;--surface-2:#262624;--border:#3a3a36;--text:#ececea;--muted:#a6a69f;--accent:#7aa7ec;--accent-soft:#1d2a3f;--accent-text:#0c1424;--clear:#6fd19a;--clear-soft:#173023;--partial:#f0c062;--partial-soft:#3a2c10;--unclear:#b9b9b2;--unclear-soft:#2d2d2a;--conflict:#f08a82;--conflict-soft:#3c1a17;--focus:#7aa7ec}}*{box-sizing:border-box}html{scroll-padding-top:80px}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}kbd{border:1px solid var(--border);background:var(--surface-2);min-width:1.6em;height:1.6em;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;padding:0 .3em;font:600 .8rem/1 ui-monospace,Cascadia Mono,Menlo,monospace;display:inline-flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{max-width:760px;padding:var(--gutter);padding-left:max(var(--gutter), env(safe-area-inset-left));padding-right:max(var(--gutter), env(safe-area-inset-right));margin:0 auto}.message h1{margin:2rem 0 .5rem;font-size:1.5rem}.message p{color:var(--muted)}.topbar{z-index:5;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{max-width:760px;padding:10px var(--gutter);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.topbar .title{flex-direction:column;min-width:0;display:flex}.topbar .title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar .as{color:var(--muted);font-size:.8rem}.progress{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.dot{background:var(--unclear);border-radius:50%;width:10px;height:10px}.dot.live{background:var(--clear)}.dot.reconnecting{background:var(--partial)}.banner{border-radius:var(--radius);background:var(--accent-soft);color:var(--text);margin:0 0 12px;padding:10px 12px}.banner.offline{background:var(--partial-soft)}.brief{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin:4px 0 16px;padding:0 14px}.brief summary{cursor:pointer;padding:12px 0;font-weight:600}.brief .objective{margin-top:0}.brief h2{margin:16px 0 6px;font-size:1rem}.what-we-know{white-space:pre-wrap;color:var(--muted);margin-bottom:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.answered-list{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.card.answered .row{width:100%;min-height:48px;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius);background:0 0;border:0;align-items:center;gap:10px;padding:8px 12px;display:flex}.card.superseded .row{opacity:.65}.ref-label{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}.card.answered .choice{min-width:1.8em;font-weight:700}.card.answered .summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;overflow:hidden}.card.answered .body{padding:0 14px 14px}.options-readonly{color:var(--muted);flex-direction:column;gap:4px;margin:8px 0;padding:0;list-style:none;display:flex}.options-readonly li{border-radius:6px;align-items:baseline;gap:8px;padding:4px 6px;display:flex}.options-readonly li.picked{background:var(--accent-soft);color:var(--text)}.your-detail{margin:6px 0}.feedback{align-items:baseline;gap:8px;margin-top:10px;display:flex}.feedback p{margin:0}.note{color:var(--muted);font-size:.9rem}.link-button{min-height:44px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:8px;padding:8px 0;font-weight:600}.badge{white-space:nowrap;background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:600;display:inline-block}.grade-clear{background:var(--clear-soft);color:var(--clear)}.grade-partial{background:var(--partial-soft);color:var(--partial)}.grade-unclear{background:var(--unclear-soft);color:var(--unclear)}.grade-conflict{background:var(--conflict-soft);color:var(--conflict)}.badge.new{background:var(--accent-soft);color:var(--accent)}.card.current{margin-bottom:12px;padding:16px;scroll-margin-top:80px}.card.current .meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;font-size:.85rem;display:flex}.background{color:var(--muted);margin:0 0 10px}.question-text{margin:0 0 14px;font-size:1.15rem;line-height:1.4}.answered .question-text{margin:6px 0;font-size:1rem;font-weight:600}.ref{color:var(--accent)}.options{flex-direction:column;gap:8px;display:flex}.option{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;min-height:48px;color:inherit;font:inherit;text-align:left;cursor:pointer;align-items:flex-start;gap:12px;padding:12px;display:flex}.option:hover{border-color:var(--accent)}.option.picked{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.option.picked kbd{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.option-row{gap:8px;display:flex}.option.minor{flex:1;align-items:center}.detail-label{margin:16px 0 6px;font-weight:600;display:block}.detail{align-items:flex-start;gap:8px;display:flex}.detail textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:48px;color:inherit;font:inherit;resize:vertical;flex:1;padding:10px 12px}.mic{border:1px solid var(--border);background:var(--surface);width:48px;height:48px;color:var(--muted);cursor:pointer;border-radius:50%;flex:none;place-items:center;display:grid}.mic.on{background:var(--conflict);border-color:var(--conflict);color:#fff;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--conflict) 25%, transparent)}}.interim{color:var(--muted);margin:6px 0 0;font-style:italic}.hint{color:var(--conflict);margin:8px 0 0;font-weight:600}.fine{color:var(--muted);margin:6px 0 0;font-size:.8rem}.footer-note{margin-top:16px}.next-bar{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.next-bar .keys{color:var(--muted);font-size:.8rem}.next{border-radius:var(--radius);background:var(--accent);min-width:120px;min-height:48px;color:var(--accent-text);font:inherit;cursor:pointer;border:0;padding:0 20px;font-weight:700}.next:disabled{opacity:.45;cursor:default}.card.waiting,.card.done{color:var(--muted)}.spinner{vertical-align:-2px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=599px){.expert{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.next-bar{z-index:5;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);margin:0;position:fixed;bottom:0;left:0;right:0}.next-bar .keys{display:none}.next{flex:1}.topbar .as{display:none}.option-row{flex-direction:column}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}
