.demo-ribbon{position:fixed;z-index:100000;top:0;left:50%;transform:translateX(-50%);padding:7px 18px;border:1px solid #00e6ff;border-top:0;border-radius:0 0 10px 10px;background:#07111f;color:#7ff8ff;font:700 12px/1.2 system-ui;letter-spacing:.08em;box-shadow:0 4px 24px #000b;pointer-events:none}.demo-toast{position:fixed;z-index:100001;right:18px;bottom:54px;max-width:min(420px,calc(100vw - 36px));padding:12px 16px;border:1px solid #8a63ff;border-radius:8px;background:#10091deF;color:#fff;font:13px/1.45 system-ui;box-shadow:0 8px 30px #000c}.demo-toast b{color:#ffd84a}.identity .brand b::after{content:' · INTERACTIVE DEMO';color:#5ff6ff}.login-screen{display:none!important}.app{filter:none!important;pointer-events:auto!important}body::before{content:'';display:block;height:0}@media(max-width:700px){.demo-ribbon{width:calc(100% - 72px);text-align:center;font-size:10px}}
.demo-gate{position:fixed;z-index:200000;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 15%,#183358 0,#090514 45%,#030208 100%);overflow:auto}.demo-gate-card{display:block!important;box-sizing:border-box;width:min(760px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:28px;border:1px solid #2bd9ff;border-radius:16px;background:#0a0c18f5;color:#f8fbff;box-shadow:0 24px 90px #000}.demo-gate-card h1{margin:0 0 8px;color:#64efff;font:800 clamp(24px,5vw,42px)/1.05 system-ui}.demo-gate-card>p{margin:0 0 20px;color:#b9c6d8;line-height:1.55}.demo-gate-grid{display:grid!important;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px}.demo-gate label{display:grid;min-width:0;gap:5px;color:#d7e2ef;font:600 12px/1.3 system-ui}.demo-gate input,.demo-gate select{box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid #31415d;border-radius:7px;background:#060914;color:white}.demo-gate .wide{grid-column:1/-1}.demo-gate-check{display:flex!important;align-items:flex-start;gap:9px;font-weight:400!important;line-height:1.45!important}.demo-gate-check input{flex:0 0 auto;width:auto;margin-top:2px}.demo-gate button{width:100%;padding:13px;border:0;border-radius:8px;background:linear-gradient(90deg,#00add8,#7945ff);color:white;font-weight:800;cursor:pointer}.demo-gate button:disabled{opacity:.5;cursor:wait}.demo-gate-status{min-height:22px;color:#ffca61;font:600 12px system-ui}.demo-gate small{display:block;margin-top:12px;color:#899ab0;font:11px/1.45 system-ui}@media(max-width:650px){.demo-gate{padding:10px;place-items:start center}.demo-gate-grid{grid-template-columns:1fr}.demo-gate .wide{grid-column:auto}.demo-gate-card{max-height:none;padding:20px}}
.demo-gate button{display:block!important;visibility:visible!important;opacity:1!important}
.demo-render-job{display:grid;grid-template-columns:1fr auto;gap:8px 18px;align-items:center;padding:18px;border:1px solid #5b367b;background:#0d0718}.demo-render-job>span{color:#65f2ce;font-weight:800}.demo-render-job>p,.demo-render-job>progress,.demo-render-job>small,.demo-render-result{grid-column:1/-1}.demo-render-job progress{width:100%;height:14px;accent-color:#17cde0}.demo-render-job small{color:#aeb4c8}.demo-render-result{margin:12px 0 0;color:#65f2ce}
body[data-role-theme="TEACHER"] .identity,body[data-role-theme="TEACHER"] .section,body[data-role-theme="TEACHER"] .tabs{--role-accent:#39c7aa;--role-accent-dark:#147f70}
body[data-role-theme="LEAD"] .identity,body[data-role-theme="LEAD"] .section,body[data-role-theme="LEAD"] .tabs{--role-accent:#ffb547;--role-accent-dark:#ae6518}
body[data-role-theme="STUDENT"] .identity,body[data-role-theme="STUDENT"] .section,body[data-role-theme="STUDENT"] .tabs{--role-accent:#6dbaff;--role-accent-dark:#2767ac}
body[data-role-theme="COLLABORATOR"] .identity,body[data-role-theme="COLLABORATOR"] .section,body[data-role-theme="COLLABORATOR"] .tabs{--role-accent:#dc8bff;--role-accent-dark:#8c39ad}
.demo-student-register{display:grid;gap:14px;max-width:1100px;margin:auto;padding:24px;border:1px solid #2f7893;border-radius:16px;background:linear-gradient(135deg,#0e273e,#13152c);color:#eaf8ff}.demo-student-register[hidden]{display:none}.demo-student-register h1{margin:0;color:#f8fdff;font-size:clamp(24px,3vw,34px)}.demo-student-register>p{margin:0;color:#a8ccdf}.demo-student-register>article,.demo-register-cards article{padding:16px;border:1px solid #31546c;border-radius:12px;background:#0c1a30}.demo-student-register h2{margin:0 0 8px;font-size:17px;color:#7de3ea}.demo-student-register article p{margin:0;line-height:1.5}.demo-register-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.demo-register-cards article{display:grid;gap:8px}.demo-register-cards small{color:#9fc3d2}.demo-register-cards strong{font-size:20px}