html,body{height:100%;overflow:hidden}body.student-body{display:block;background:#eef1ee;color:#23322e}body.student-body>.topic-landing,body.student-body>.topic-head,body.student-body>.foot,body.student-body>.stage{display:none!important}.bar,.demo-strip,.scene-toolbar{display:none!important}#studentApp{height:100%;display:grid;grid-template-columns:192px minmax(0,1fr);grid-template-rows:1fr;background:#f5f7f4}button,select{min-height:44px}.lesson-rail{padding:20px 12px 12px;border-right:1px solid #d6ded7;display:flex;flex-direction:column;gap:14px;min-height:0;overflow:auto}.lesson-brand{font-size:17px;font-weight:700;letter-spacing:-.03em;padding:0 8px}.lesson-list{display:grid;gap:6px}.lesson-choice{text-align:left;width:100%;padding:11px 10px;border:1px solid transparent;border-radius:11px;background:transparent;line-height:1.25;display:grid;grid-template-columns:22px 1fr;gap:5px;font-weight:650;color:#33443c}.lesson-choice small{grid-column:2;font-size:11px;font-weight:450;color:#68786f;margin-top:2px}.lesson-choice[aria-current=true]{background:#fff;border-color:#becfc3;box-shadow:0 3px 12px #24372b08}.lesson-choice .number{font-size:10px;color:#8a5a37;padding-top:2px}.lesson-choice:hover{background:#fff}.lesson-choice[data-lesson=free]{border-top:1px solid #d5ddd6;margin-top:6px;padding-top:14px}.lesson-goal{font-size:12px;line-height:1.5;color:#53665a;padding:0 8px}.rail-fill{flex:1}.opening-inspector{background:#fff;border:1px solid #d7ded7;border-radius:11px;padding:10px;display:grid;gap:8px}.opening-inspector label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6a786d}.opening-inspector select{width:100%;font-size:12px;min-height:38px;padding:4px;background:#fafbf9}.opening-state{font-size:13px;display:flex;gap:6px;align-items:center;font-weight:650}.state-dot{width:7px;height:7px;border-radius:50%;background:#687367}.opening-state.is-open .state-dot{background:#2f8274}.opening-inspector button{font-size:12px;border:1px solid #ccd7cc;background:#edf3ed;min-height:38px}.opening-help{font-size:10px;color:#748074;line-height:1.35}.rail-actions{display:flex;gap:4px;flex-wrap:wrap}.rail-actions button{border:0;background:transparent;font-size:11px;min-height:36px;padding:6px;color:#53685a}.student-main{min-width:0;min-height:0;display:grid;grid-template-rows:70px minmax(0,1fr) auto}.student-head{display:flex;gap:10px;align-items:center;padding:10px 16px;border-bottom:1px solid #d9e0d8;background:#f8faf7}.student-title{margin:0;font-size:17px;font-weight:650;letter-spacing:-.025em;flex:1}.clock-block{text-align:right;line-height:1.12}.clock-block small{font-size:9px;display:block;color:#6d7c70;text-transform:uppercase;letter-spacing:.09em}.student-clock{font-size:25px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.03em}.student-head select{font-size:13px;min-width:58px;background:#fff;padding:7px;border:1px solid #cdd7cf;border-radius:9px}.student-head button{font-size:12px;padding:7px 11px;border:1px solid #cdd7cf;border-radius:9px;background:#fff}.student-head .primary{background:#a4452b;border-color:#a4452b;color:#fff;min-width:85px}.scene-slot{position:relative;min-height:0;overflow:hidden}.scene-slot .stage{display:flex!important;padding:0;width:100%;height:100%}.scene-slot .house{aspect-ratio:auto;max-width:none}.scene-hint{position:absolute;bottom:12px;right:16px;z-index:4;background:#f9fbf6d9;border:1px solid #d8dfd5;border-radius:8px;padding:6px 9px;font-size:10px;color:#627267;pointer-events:none}.opening-tag{position:absolute;z-index:5;background:#203b31ec;color:#fff;padding:6px 9px;font-size:11px;border-radius:7px;pointer-events:none;white-space:nowrap;box-shadow:0 3px 10px #14281d20;transform:translate(-50%,-115%)}.student-footer{padding:10px 18px 12px;border-top:1px solid #d7dfd5;background:#f8faf6;display:grid;gap:8px}.phase-line{display:flex;align-items:center;gap:10px}.phase-label{font-size:16px;font-weight:650}.phase-note{font-size:12px;color:#68786b;flex:1;line-height:1.4}.student-footer button{min-height:34px;font-size:11px;padding:5px 10px;border:1px solid #cbd6ca;border-radius:8px;background:#fff}.lesson-steps{display:flex;gap:5px}.lesson-steps span{flex:1;border-top:3px solid #d8e0d6;padding-top:5px;font-size:10px;color:#8a9589}.lesson-steps span.passed{border-color:#597e64;color:#597e64}.lesson-steps span.current{border-color:#b15a37;color:#92462c;font-weight:650}.model-time-note{font-size:10px;color:#7b8579}.comparison{font-size:11px;color:#5f6f62;padding:6px 8px;border:1px solid #d9e1d7;border-radius:7px}.student-head button:focus-visible,.lesson-choice:focus-visible,select:focus-visible{outline:3px solid #d39b62;outline-offset:2px}.student-body #setupDlg{right:16px;max-width:350px}.student-body .house #scene3d{touch-action:none}.student-body .house select,.student-body .house button{font-size:11px;min-height:38px;padding:7px 9px;border:1px solid #cbd5ca;border-radius:9px;background:#fafcf8e8}@media(max-width:850px){#studentApp{grid-template-columns:158px minmax(0,1fr)}.lesson-rail{padding:12px 8px}.student-head{gap:6px;padding:8px}.student-title{font-size:14px}.student-clock{font-size:21px}.student-head button{padding:6px}.student-footer{padding:8px 10px}.phase-line{flex-wrap:wrap}.phase-note{min-width:180px}.lesson-choice{font-size:12px}}@media(max-width:580px){#studentApp{grid-template-columns:128px minmax(0,1fr)}.lesson-brand{font-size:13px}.lesson-goal{font-size:10px}.student-head{flex-wrap:wrap;height:auto}.student-main{grid-template-rows:auto 1fr auto}.student-title{flex-basis:100%}.student-head button{min-height:36px}.clock-block{text-align:left;margin-right:auto}.opening-tag{max-width:200px;white-space:normal}}
.opening-tag.room-tag{background:#fbfbf8f2;color:#1f2a26;border:1px solid #c4cbc3;font-size:12px;font-weight:600;transform:translate(-50%,-50%)}