:root{--bg:#fafaf7;--fg:#1a1a1a;--muted:#6b6b6b;--border:#d8d8d2;--accent:#2b5fa3;--accent-fg:#ffffff;--error:#b3261e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.55}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg)}main{max-width:720px;margin:0 auto;padding:3rem 1.5rem 4rem}main.study-shell{max-width:1160px;display:grid;grid-template-columns:minmax(0,720px) 320px;grid-gap:1.5rem;gap:1.5rem;align-items:start}.study-main{min-width:0}h1{font-size:1.6rem;margin:0 0 1rem}h2{font-size:1.25rem;margin:1.6rem 0 .6rem}.card{background:#fff;border:1px solid var(--border);border-radius:6px;padding:1.5rem;margin:1rem 0}.muted{color:var(--muted);font-size:.9rem}button{font:inherit;background:var(--accent);color:var(--accent-fg);border:none;padding:.65rem 1.2rem;border-radius:4px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}input[type=text],select,textarea{font:inherit;width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:4px;background:#fff}textarea{resize:vertical;min-height:5rem}label{display:block;margin:.8rem 0 .3rem;font-weight:500}.mode-selector{border:0;padding:0;margin:0 0 1.5rem}.mode-selector legend{font-weight:600;margin-bottom:.5rem}.mode-selector label{display:flex;gap:.65rem;align-items:flex-start;font-weight:400;margin:.6rem 0}.mode-selector input{margin-top:.35rem}.mode-selector span{display:grid;grid-gap:.1rem;gap:.1rem}.mode-selector strong{font-weight:600;color:var(--fg)}.likert{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.likert label{display:inline-flex;flex-direction:column;align-items:center;font-weight:400;font-size:.85rem;color:var(--muted);margin:0;cursor:pointer}.likert input{margin:0 0 .25rem}.likert-wide{justify-content:space-between}.cl-questionnaire{display:grid;grid-gap:1rem;gap:1rem;margin-top:1rem}.cl-questionnaire fieldset{border:1px solid var(--border);border-radius:6px;margin:0;padding:1rem}.cl-questionnaire legend{padding:0 .35rem;font-weight:500}.choice-list{display:grid;grid-gap:.65rem;gap:.65rem;margin-top:1rem}.choice-list label{display:flex;gap:.65rem;align-items:flex-start;font-weight:400;margin:0}.choice-list input{margin-top:.35rem;width:auto}.error{color:var(--error);margin:.5rem 0}.scenario-text{background:#fff;border-left:3px solid var(--accent);border-radius:0 4px 4px 0}.ai-response,.scenario-text{white-space:pre-wrap;padding:1rem 1.2rem}.ai-response{background:#f0f4fb;border:1px solid #d3def0;border-radius:4px}.ai-response strong{font-weight:600}.progress{font-size:.85rem;color:var(--muted);margin-bottom:1rem}.actions{margin-top:1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.material-sidebar{position:-webkit-sticky;position:sticky;top:1rem}.material-toggle{width:100%}.material-panel{background:#fff;border:1px solid var(--border);border-radius:6px;margin-top:1rem;padding:1rem;max-height:calc(100vh - 6rem);overflow:auto}.material-panel h2{font-size:1rem;margin:0 0 .75rem}.material-text{white-space:pre-wrap;font-size:.9rem}.material-table-wrap{overflow-x:auto}.material-table{width:100%;border-collapse:collapse;font-size:.85rem}.material-table td,.material-table th{border:1px solid var(--border);padding:.45rem .55rem;text-align:left;vertical-align:top}.material-table th{background:#f3f5f7;font-weight:600}.material-quotes{display:grid;grid-gap:.85rem;gap:.85rem}.material-quotes figure{margin:0;border-left:3px solid var(--accent);padding-left:.75rem}.material-quotes blockquote{margin:0;font-size:.9rem}.material-quotes figcaption{color:var(--muted);font-size:.8rem;margin-top:.3rem}@media (max-width:980px){main.study-shell{display:block;max-width:720px}.material-sidebar{position:static;margin-top:1rem}.material-panel{max-height:none}}