.lab-ribbon{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border:1px solid #5b4a2e;border-radius:14px;background:linear-gradient(90deg,#e8ca8d12,#78b9dd0c);color:#cbd7e3}
.lab-ribbon strong{color:var(--gold);font-weight:600}.lab-ribbon small{display:block;color:var(--muted)}.lab-actions{display:flex;gap:7px;flex-wrap:wrap}.lab-actions button,.lab-actions a{font:inherit;font-size:12px;color:#d9e4ef;background:#101f32;border:1px solid #31465e;border-radius:9px;padding:6px 9px;text-decoration:none;cursor:pointer}.lab-actions button:hover,.lab-actions a:hover{border-color:#b99c63;color:#f2dba9}
.learning-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:7px 0}.learning-controls .control-label{font-size:12px;color:#91a5ba}.learning-controls button[aria-pressed=true]{background:var(--gold);color:#172030;border-color:var(--gold)}
.route-strip{display:flex;gap:5px;overflow-x:auto;padding:6px 2px 10px;scrollbar-color:#405a75 transparent}.route-step{min-width:max-content;padding:5px 8px;border-radius:999px!important;font-size:11px!important;background:#0c192a!important;border-color:#2b4057!important;color:#9fb1c4!important}.route-step.current{border-color:var(--gold)!important;color:#f2dba9!important;box-shadow:0 0 14px #e8ca8d24}.route-step.passed{color:#c7d5e3!important;background:#13263a!important}.route-arrow{display:flex;align-items:center;color:#56718d;font-size:11px}
.track-lens{margin:10px 0 14px;padding:11px 13px;border:1px solid #2c435c;border-radius:11px;background:#091522}.track-lens strong{display:block;color:#f0d69f;font-size:13px}.track-lens span{display:block;color:#bccada;font-size:13px;line-height:1.55;margin-top:3px}
.content-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 7px;margin-inline-start:6px;font-size:10px;font-weight:600;vertical-align:middle}.badge-source{background:#75b9df20;color:#a9ddf8;border:1px solid #75b9df42}.badge-lesson{background:#e8ca8d18;color:#f0d69f;border:1px solid #e8ca8d40}.badge-soul{background:#83cfad18;color:#a8e1c7;border:1px solid #83cfad3b}
.position-map{margin:13px 0;padding:11px;border:1px solid #273d54;border-radius:11px;background:#091421}.position-map-head{display:flex;justify-content:space-between;gap:10px;color:#aebed0;font-size:12px;margin-bottom:7px}.position-map ol{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}.position-map li{padding:3px 7px;border:1px solid #2d435a;border-radius:999px;color:#8499ae;font-size:10px}.position-map li.current{color:#172030;background:var(--gold);border-color:var(--gold)}
.detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.detail-actions button{font-size:12px;padding:6px 9px}.source-kind{display:inline-flex;margin-inline-start:6px;padding:1px 6px;border-radius:999px;border:1px solid #47647e;color:#9dcbe6;font-size:9px;text-decoration:none}
.governance-open{width:100%;margin-top:8px;font-size:12px}.reference-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}.reference-table th,.reference-table td{padding:9px;border:1px solid #30465e;text-align:right;vertical-align:top}.reference-table th{color:#efd69f;background:#13243a}.reference-table td{color:#c9d5e1}.reference-table small{display:block;color:#8fa3b7;margin-top:3px}
.glossary-search{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #3a526d;background:#091522;color:#fff;font:inherit;margin:5px 0 12px}.glossary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.glossary-item{padding:11px 13px;border:1px solid #2d435b;border-radius:10px;background:#112237}.glossary-item b{display:block;color:#efd69f}.glossary-item p{font-size:13px;margin:4px 0!important}.glossary-item small{color:#87a1b9}
.quiz-question{padding:13px;border:1px solid #30465e;border-radius:11px;margin:9px 0;background:#102136}.quiz-question strong{display:block;color:#efd69f;margin-bottom:8px}.quiz-question label{display:block;padding:4px 0;color:#cbd7e3}.quiz-result{padding:11px;border-radius:10px;background:#e8ca8d14;color:#f1dba8;margin-top:12px}
body.presenter-mode .topbar,body.presenter-mode footer{display:none}body.presenter-mode main{height:100dvh;min-height:100dvh}body.presenter-mode .lab-ribbon{border-radius:0}body.presenter-mode .workspace{padding-top:8px}
body.large-text{font-size:18px}body.high-contrast{--muted:#d5e0eb;--line:#58718c}body.high-contrast .detail,body.high-contrast .cosmos-frame{background:#020914}body.aura-off .cursor-aura{display:none!important}
.view-toast{position:fixed;left:50%;bottom:54px;transform:translateX(-50%);z-index:30;padding:8px 13px;border-radius:999px;background:#efd69f;color:#132033;font-size:12px;font-weight:700;box-shadow:0 8px 28px #0008}
@media(max-width:1050px){.lab-ribbon{align-items:flex-start;flex-direction:column}.glossary-grid{grid-template-columns:1fr}.reference-table{font-size:11px}.reference-table th,.reference-table td{padding:6px}}
@media(min-width:851px){body{height:auto;min-height:100dvh;overflow:auto}main{height:auto;min-height:calc(100dvh - 78px);overflow:visible}.cosmos-frame{height:650px}.detail{position:sticky;top:78px;height:calc(100dvh - 78px);min-height:0;overflow:auto}body.presenter-mode{height:100dvh;overflow:hidden}body.presenter-mode main{height:100dvh;min-height:0;overflow:hidden}body.presenter-mode .detail{top:0;height:100dvh}body.presenter-mode .cosmos-frame{height:100%;min-height:520px}}
@media(max-width:850px){.lab-ribbon{padding:10px}.learning-controls{align-items:stretch}.learning-controls button{flex:1}.route-strip{margin-inline:-2px}.lab-actions{width:100%}.lab-actions button,.lab-actions a{flex:1;text-align:center}.reference-table{display:block;overflow-x:auto}}
@media(prefers-reduced-motion:reduce){.route-step,.view-toast{transition:none!important}}