.demo-study-intro{padding:24px;margin:0 0 24px;background:#fff;border:1px solid #dce1f0;border-top:4px solid #5146e5;border-radius:18px;color:#17203b}.demo-study-kicker{font-size:12px;font-weight:900;letter-spacing:.1em;color:#5146e5;margin:0 0 10px}.demo-study-intro h2{font-size:clamp(23px,2.4vw,32px);line-height:1.15;letter-spacing:-.025em;margin:0 0 10px}.demo-study-intro>div>p:last-child{color:#586279;line-height:1.6;max-width:800px;margin:0;font-size:16px}.demo-study-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 12px}.demo-study-actions button{padding:12px 16px;border:1px solid #5146e5;border-radius:10px;background:#5146e5;color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer}.demo-study-actions button:first-child{color:#5146e5;background:#fff}.demo-study-actions button:disabled{opacity:.6;cursor:wait}#demo-starter-prompts{display:flex;flex-wrap:wrap;gap:8px}#demo-starter-prompts button{padding:10px 12px;border:1px solid #d3d9ee;background:#f5f7ff;color:#33415e;border-radius:10px;font:inherit;font-size:14px;cursor:pointer;font-weight:700}.demo-study-note{font-size:13px;color:#68748b;line-height:1.6;margin:18px 0 12px}.demo-study-links{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.demo-study-links a,.demo-study-links button{font:inherit;font-size:13px;color:#5146e5;background:none;padding:0;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.demo-study-intro button:focus-visible,.demo-study-intro a:focus-visible,.demo-material-dialog button:focus-visible{outline:3px solid #a59bff;outline-offset:4px}.demo-material-dialog{width:min(860px,94vw);max-height:88vh;padding:28px;border:1px solid #dce1f0;border-radius:22px;color:#17203b;box-shadow:0 24px 80px #10172f55}.demo-material-dialog::backdrop{background:#111a36b3}.demo-material-dialog header{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}.demo-material-dialog h2{font-size:26px;line-height:1.2;margin:0}.demo-material-dialog header>button{padding:10px 14px;border:1px solid #cbd3e3;border-radius:9px;background:white;color:#17203b;font:inherit;font-weight:800;cursor:pointer}.demo-material-dialog>p{font-size:14px;line-height:1.6;color:#586279}#demo-document-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}#demo-document-tabs button{padding:10px;border:1px solid #cbd3e3;border-radius:9px;background:#f5f7ff;color:#17203b;font:inherit;font-size:14px;cursor:pointer}#demo-document-tabs button[aria-pressed=true]{background:#5146e5;color:#fff;border-color:#5146e5}#demo-document-name{font-size:19px;margin:18px 0}#demo-document-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:16px/1.8 ui-sans-serif,system-ui,sans-serif;background:#f5f7ff;border:1px solid #dce1f0;border-radius:12px;padding:22px;max-height:47vh;overflow:auto}.demo-material-status{color:#9c2b42!important}.demo-mode #admin-add-student,.demo-mode #family-section,.demo-mode #invite-panel{display:none!important}@media(max-width:620px){.demo-study-intro{padding:20px 16px}.demo-study-actions{flex-direction:column;align-items:stretch}#demo-starter-prompts button{flex:1 1 150px}.demo-material-dialog{padding:22px 16px}.demo-material-dialog h2{font-size:22px}#demo-document-text{padding:16px;font-size:15px}}
.demo-subject-label{display:grid;gap:7px;font-size:14px;font-weight:850;color:#17203b}.demo-subject-label select{box-sizing:border-box;width:100%;min-height:46px;padding:10px 12px;border:1px solid #c7cfea;border-radius:11px;background:#f6f5ff;color:#17203b;font:inherit;font-size:16px}#demo-subject-hint{margin:7px 0 14px;font-size:12px;line-height:1.5;color:#66728b}