:root{--action:#0084a1;--bg:#eef2f2;--ink:#172326;--line:#d8e0e1;--line-strong:#b9c8cb;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--muted:#66777c;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--surface:#fff;background:var(--bg);color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select,textarea{font-family:inherit}.app-shell{min-height:100svh;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:20px;max-width:1440px;margin:0 auto 18px;display:flex}.eyebrow,.section-label,.mini-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.76rem;font-weight:700}h1,h2,h3,p{margin:0}h1{color:var(--ink);font-size:clamp(1.8rem,3vw,3.5rem);line-height:.98}.subtitle{color:var(--muted);max-width:620px;margin-top:10px;font-size:.98rem;line-height:1.35}h2{color:var(--ink);font-size:1.18rem;line-height:1.2}h3{color:var(--ink);margin-bottom:10px;font-size:.94rem}.privacy-badge{background:var(--ink);color:#fff;text-align:right;border-radius:8px;gap:3px;max-width:280px;padding:12px 14px;display:grid}.privacy-badge span{color:#a7f3d0;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.privacy-badge strong{font-size:.9rem;line-height:1.25}.control-band,.level-band,.prompt-board,.workspace-grid{max-width:1440px;margin:0 auto}.control-band{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(160px,.7fr) minmax(220px,1fr) auto auto;align-items:end;gap:12px;padding:14px;display:grid}label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;gap:6px;font-size:.78rem;font-weight:800;display:grid}select,textarea,button{font:inherit;border-radius:7px}select,textarea{border:1px solid var(--line-strong);color:var(--ink);background:#fff}select{min-height:42px;padding:0 12px}textarea{box-sizing:border-box;resize:vertical;width:100%;min-height:104px;padding:12px;line-height:1.4}button{background:var(--action);border:1px solid var(--action);color:#fff;cursor:pointer;min-height:42px;padding:0 14px;font-weight:800}button:hover{background:#006f88;border-color:#006f88}button:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #0084a138}button.secondary{border-color:var(--line-strong);color:var(--ink);background:#fff}button.secondary:hover{background:#f3f7f8}.prompt-board{background:var(--ink);color:#d8eef3;border-radius:8px;justify-content:space-between;align-items:center;min-height:150px;margin-top:14px;padding:26px;display:flex;overflow:hidden}.prompt-copy{max-width:940px}.prompt-board h2{color:#fff;margin-bottom:12px;font-size:clamp(1.55rem,4vw,3.8rem);line-height:1}.timer-card{background:#ffffff1a;border:1px solid #ffffff38;border-radius:8px;place-items:center;gap:12px;min-width:190px;padding:18px;display:grid}.timer-card span{color:#fff;font-family:var(--mono);font-size:3rem;font-weight:800;line-height:1}.timer-actions{gap:8px;display:flex}.level-band{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:minmax(240px,.42fr) minmax(0,1fr);align-items:start;gap:16px;margin-top:14px;padding:18px;display:grid}.level-band>div:first-child p:last-child{color:var(--ink);margin-top:8px;line-height:1.4}.info-grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;display:grid}.info-card{border:1px solid var(--line);background:#f7fbfb;border-radius:8px;min-height:104px;padding:12px}.info-card span,.debrief-card span{color:var(--action);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:.74rem;font-weight:900;display:block}.info-card p{color:var(--ink);font-size:.9rem;line-height:1.3}.empty-info{color:var(--muted);align-items:center;min-height:104px;font-weight:800;display:flex}.workspace-grid{grid-template-columns:minmax(260px,.72fr) minmax(320px,1fr) minmax(320px,.92fr);gap:14px;margin-top:14px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-height:420px;padding:18px}.panel-heading{justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px;display:flex}.panel-heading>span{color:var(--action);white-space:nowrap;background:#e8f4f6;border-radius:999px;padding:4px 9px;font-size:.82rem;font-weight:800}.button-row,.chip-list{flex-wrap:wrap;gap:8px;display:flex}.button-row{margin-top:10px}.helper-copy{color:var(--muted);margin-top:12px;font-size:.86rem;line-height:1.35}.whiteboard-panel{background:#fbfaf5}.empty-state{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:8px;align-items:center;min-height:280px;padding:24px;display:flex}.response-list{gap:10px;display:grid}.response-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px}.response-card div{justify-content:space-between;align-items:start;gap:8px;margin-bottom:8px;display:flex}.response-card strong{color:var(--ink)}.response-card span{color:var(--muted);text-align:right;font-size:.78rem}.response-card p{color:var(--ink);line-height:1.35}.assistant-panel{background:#f7fbfb}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.metric-grid div{border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px}.metric-grid strong{color:var(--ink);font-size:2rem;line-height:1;display:block}.metric-grid span{color:var(--muted);margin-top:6px;font-size:.84rem;line-height:1.2;display:block}.assistant-section{border-top:1px solid var(--line);padding:16px 0}.chip{color:#006f88;background:#e8f4f6;border:1px solid #c8e5eb;border-radius:999px;padding:6px 9px;font-size:.84rem;font-weight:800}.split-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.positive,.warning,.muted{margin-top:7px;font-size:.9rem;line-height:1.3}.positive{color:#12633f}.warning{color:#9c3b19}.muted{color:var(--muted)}.teaching-pearl{border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px}.teaching-pearl span,.debrief-card span{color:var(--action);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:900;display:block}.teaching-pearl p,.debrief-card p{color:var(--ink);line-height:1.35}.debrief-card{background:#eef7f8;border:1px solid #c8e5eb;border-radius:8px;margin-top:12px;padding:14px}.quiet-chip{color:#5f4b17;background:#f4f1e8;border-color:#ded5bd}@media (width<=1100px){.control-band,.level-band,.workspace-grid,.info-grid{grid-template-columns:1fr 1fr}.assistant-panel{grid-column:1/-1}}@media (width<=720px){.app-shell{padding:12px}.topbar,.prompt-board{flex-direction:column;align-items:stretch}.privacy-badge{text-align:left;max-width:none}.control-band,.level-band,.info-grid,.workspace-grid,.metric-grid,.split-list{grid-template-columns:1fr}.prompt-board{padding:18px}.timer-card{min-width:0}.panel{min-height:auto}}