:root{--bg:#f6f4ef;--surface:#fff;--surface-2:#f0ede6;--text:#1f1d1a;--muted:#6b665d;--border:#ddd8cc;--accent:#3b4a6b;--accent-text:#fff;--accent-soft:#e3e7f0;--danger:#a33a2f;--warn-bg:#fff4d6;--warn-border:#e6c56b;--notice-bg:#eef1f7;--region:#2f6fd6;--region-fill:#2f6fd638;--drawing:#d6612f;--overlay:#5a5a5a2e;--overlay-stroke:#3c3c3c8c;--highlight:#d6612f4d;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#161719;--surface:#1f2124;--surface-2:#272a2e;--text:#e9e6df;--muted:#a09b90;--border:#363a40;--accent:#8fa6d6;--accent-text:#10131a;--accent-soft:#2a3246;--danger:#f08a7c;--warn-bg:#3a3220;--warn-border:#7d6a33;--notice-bg:#232a38;--region:#7fb0ff;--region-fill:#7fb0ff40;--drawing:#ffa06b;--overlay:#c8c8c824;--overlay-stroke:#dcdcdc80;--highlight:#ffa06b4d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}a{color:var(--accent)}h1{margin:0 0 .75rem;font-size:1.5rem;line-height:1.3}h2{margin:1.5rem 0 .75rem;font-size:1.2rem}h3{margin:1rem 0 .5rem;font-size:1rem}.app{min-height:100vh}.topbar{border-bottom:1px solid var(--border);background:var(--surface);padding:.75rem 16px}.brand{letter-spacing:.02em;color:var(--text);font-weight:700;text-decoration:none}.content{max-width:1100px;margin:0 auto;padding:1.25rem 16px 3rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:760px;margin:0 auto;padding:1.25rem}.panel.wide{max-width:none}.lead{font-size:1.1rem}.muted{color:var(--muted)}.small{font-size:.875rem}.error{color:var(--danger)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.steps li{margin-bottom:.4rem}.notice{background:var(--notice-bg);border:1px solid var(--border);border-radius:var(--radius);margin:1rem 0;padding:.75rem 1rem;font-size:.95rem}.warning-banner,.warnings{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius);margin:.75rem 0;padding:.6rem 1rem}.warnings{padding-left:2rem}button,.button{font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:8px;padding:.5rem .95rem;line-height:1.3;text-decoration:none;display:inline-block}button:hover:not(:disabled),.button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.link{color:var(--accent);background:0 0;border:none;padding:.2rem .4rem}button.link.danger{color:var(--danger)}.chip{border-radius:999px;padding:.3rem .7rem;font-size:.875rem}.chip.active{background:var(--accent-soft);border-color:var(--accent)}input,textarea,select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;max-width:100%;padding:.5rem .65rem}textarea{resize:vertical;width:100%}input:focus,textarea:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.check{align-items:flex-start;gap:.6rem;margin:1rem 0;display:flex}.check input{margin-top:.3rem}.check.inline{align-items:center;margin:0;display:inline-flex}.check.inline input{margin-top:0}.field{flex-direction:column;gap:.3rem;margin:1rem 0;display:flex}.field>span{font-weight:600}.actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.actions.end{justify-content:flex-end}.input-row{flex-wrap:wrap;align-items:flex-start;gap:.6rem;margin-top:.75rem;display:flex}.input-row textarea{flex:240px}.input-row input{flex:200px}.phase-indicator{max-width:760px;color:var(--muted);margin:0 auto .5rem;font-size:.85rem}.progress{max-width:760px;margin:0 auto .5rem}.card-head h1{margin-bottom:.25rem}.prompt{margin:.25rem 0 .75rem}.card-stage{background:var(--surface-2);border-radius:var(--radius);aspect-ratio:4/3;justify-content:center;align-items:center;width:100%;max-height:60vh;padding:1rem;display:flex;overflow:hidden}.card-image{-webkit-user-select:none;user-select:none;max-width:72%;max-height:72%;transition:transform .25s}.card-stage.turnable{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.card-stage.turnable.dragging{cursor:grabbing}.card-stage.turnable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.examiner{background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:8px;margin:.75rem 0;padding:.6rem .9rem}.examiner.prominent{background:var(--warn-bg);border-left-color:var(--warn-border);font-size:1.05rem}.response-list{margin:1rem 0 0;padding:0;list-style:none}.response-list li{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.45rem 0;display:flex}.response-list .verbatim{flex:1}@media (width<=720px){.panel{padding:1rem}.editor-layout{grid-template-columns:1fr}.card-image{max-width:85%;max-height:85%}}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin:1.25rem 0 1rem;display:flex}.tab{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;padding:.5rem .9rem;font-weight:600}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.bands{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;display:grid}.band{border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.band h3{margin:0 0 .6rem}.band-scale{grid-template-columns:1fr 1fr 1fr;gap:3px;margin-bottom:.6rem;display:grid}.band-seg{text-align:center;background:var(--surface-2);color:var(--muted);padding:.3rem 0;font-size:.75rem}.band-seg:first-child{border-radius:999px 0 0 999px}.band-seg:last-child{border-radius:0 999px 999px 0}.band-seg.on{background:var(--accent);color:var(--accent-text);font-weight:600}.band-level{margin:0 0 .4rem}