:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6;color:#243447;background:#f4f5f7;--ink: #20344c;--muted: #5d6b7b;--line: #dce2e8;--surface: #fff;--teal: #146c60;--teal-light: #edf5f2;--amber: #895608;--red: #a73131;--radius: 6px;--sidebar: 216px;--space: 24px}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:disabled,.upload-label:has(input:disabled){opacity:.5;cursor:not-allowed}button,a{transition:background .15s,color .15s}:is(button,a,input,summary,[tabindex="0"]):focus-visible{outline:3px solid #237568;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);line-height:1.4}h1{font-size:24px;font-weight:650}h2{font-size:16px;font-weight:600}h3{font-size:15px;font-weight:600}a{color:inherit;text-decoration:none}svg{flex-shrink:0}small{font-size:12px}[hidden]{display:none!important}.muted,.field-label{color:var(--muted);font-size:13px}.mono,.metric-value,.record-facts dd{font-variant-numeric:tabular-nums}.mono{font-family:SFMono-Regular,Consolas,monospace}.skip-link{position:fixed;top:12px;left:15px;z-index:100;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);background:#fff}.skip-link:focus{width:auto;height:auto;overflow:visible;clip-path:none;padding:12px}.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;padding:26px 14px 20px;z-index:50;overflow-y:auto}.brand-row{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;padding:0 12px;font-size:21px;font-weight:650;color:var(--ink)}.brand svg{color:var(--teal)}.brand small{display:block;font-weight:400;font-size:12px;letter-spacing:1px;color:var(--muted);margin-top:2px}.workspace-name{margin:28px 12px 24px;display:grid;gap:5px}.workspace-name span{font-size:12px;color:var(--muted)}.workspace-name strong{font-size:14px;overflow-wrap:anywhere}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:4px;color:#4e5f70}.nav-item:hover{background:#f3f5f6}.nav-item.active{background:var(--teal-light);color:var(--teal);font-weight:600;border-left:3px solid var(--teal);padding-left:9px}.nav-item.nav-separator{margin-top:18px}.nav-count{margin-left:auto;color:var(--amber);background:#fff0d3;border-radius:4px;padding:0 6px;font-size:12px}.nav-item .status-dot{margin-left:auto}.sidebar-bottom{margin:auto 12px 0;padding-top:45px;font-size:12px;color:var(--muted)}.sidebar-bottom>span{font-weight:600}.sidebar-bottom p{margin:6px 0 12px}.sidebar-bottom .text-button{font-size:12px}.main-shell{margin-left:var(--sidebar)}.topbar{height:62px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 32px;font-size:13px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px;min-width:0}.topbar-left>svg,.breadcrumb-root,.topbar time{color:var(--muted)}.observer-label{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid var(--line);padding-left:18px}.icon-button{width:40px;height:40px;border:0;border-radius:4px;display:inline-grid;place-items:center;background:transparent;color:var(--ink)}.icon-button:hover{background:#eef2f4}.menu-toggle,.close-menu{display:none}.main-content{padding:28px 32px 0;max-width:1740px;margin:auto;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.page-heading h1{outline:none}.page-heading p{margin-top:7px;color:var(--muted);font-size:13px}.page-actions{padding-top:5px;flex-shrink:0}.button{border:1px solid #c7d0d9;background:#fff;color:var(--ink);padding:8px 14px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius);font-weight:500}.button:hover:not(:disabled){background:#f1f4f6;border-color:#9cabb8}.button.primary{color:#fff;background:var(--teal);border-color:var(--teal)}.button.primary:hover:not(:disabled){background:#0e584e}.button.danger{color:var(--red);border-color:#dfbaba;background:#fff}.button.danger:hover:not(:disabled){background:#fff2f1;border-color:var(--red)}.button.amber{background:#fff4df;color:var(--amber);border-color:#e5c992}.full-width{width:100%}.text-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;padding:6px 0;background:none;border:0;color:var(--teal);font-size:13px;text-align:left}.text-button:hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}.badge{display:inline-flex;align-items:center;gap:6px;color:#536171;font-size:12px;line-height:1.5;border:1px solid #dfe5ea;border-radius:4px;background:#f6f8fa;padding:3px 7px;white-space:nowrap;font-weight:400}.badge i,.status-dot{width:6px;height:6px;border-radius:50%;background:#798696;display:inline-block;flex-shrink:0}.badge.success{color:#146354;border-color:#c8e0d7;background:#f0f7f3}.badge.success i,.status-dot.online{background:#178165}.badge.warning{color:var(--amber);background:#fff6e6;border-color:#ead5af}.badge.warning i{background:#ae7318}.badge.error{color:var(--red);background:#fff2f1;border-color:#e6c8c5}.badge.error i{background:var(--red)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px}.panel-header p{margin-top:5px;color:var(--muted);font-size:13px}.section-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:26px 0 14px}.section-caption>span{color:var(--muted);font-size:12px}.notice,.ongoing-banner{display:flex;align-items:center;gap:10px;padding:13px 16px;margin-bottom:18px;border:1px solid #d0ddd9;background:#f1f7f4;border-radius:var(--radius);color:#285b50;width:100%;text-align:left;font-size:13px;overflow-wrap:anywhere}.notice.warning{color:var(--amber);background:#fff7e8;border-color:#ead8b9}.notice.error{color:var(--red);background:#fff3f2;border-color:#e5c5c1}.ongoing-banner>span{flex:1}.page-footer{display:flex;justify-content:space-between;gap:16px;padding:22px 0;margin-top:30px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.classroom-brief{background:#fff;border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:4px}.brief-heading{padding:23px 24px 14px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.brief-heading h2{font-size:22px;margin:6px 0;overflow-wrap:anywhere}.brief-heading h2 span{color:#4d6072;font-size:16px;font-weight:400;margin-left:16px}.brief-heading p{color:var(--muted);font-size:13px}.brief-actions{padding:0 24px 23px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.brief-hint,.session-duration{margin-left:auto;color:var(--muted);font-size:13px}.session-duration strong{margin-left:7px;color:var(--ink)}.service-strip{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;padding:12px 24px;border-top:1px solid var(--line);background:#fafbfc;font-size:12px;color:#4f5f6f}.service-strip>span{display:inline-flex;align-items:center;gap:7px}.service-strip .text-button{margin-left:auto;font-size:12px;padding:0;min-height:28px}.service-strip p{width:100%;color:var(--amber)}.preparation-steps{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.preparation-steps li:nth-child(2n){border-left:1px solid var(--line)}.preparation-steps li:nth-child(n+3){border-top:1px solid var(--line)}.preparation-steps button{background:none;width:100%;display:flex;align-items:center;gap:16px;border:0;padding:20px 24px;text-align:left;color:var(--ink)}.preparation-steps button:hover{background:#f6f8fa}.step-number{width:28px;height:28px;display:grid;place-items:center;border:1px solid #bcc9d2;border-radius:4px;font-size:13px;color:#536779;flex-shrink:0}.step-number.done{background:var(--teal-light);color:var(--teal);border-color:#b7d6cb}.preparation-steps strong{display:block;font-weight:500}.preparation-steps small{display:block;margin-top:4px;color:var(--muted)}.preparation-steps svg:last-child{margin-left:auto}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:28px;margin-top:26px;align-items:start}.record-empty{display:flex;gap:16px;align-items:flex-start;padding:23px 24px 34px}.record-empty svg{color:#6c7b8c}.record-empty strong{font-weight:500}.record-empty p{font-size:13px;color:var(--muted);margin-top:8px;max-width:400px}.operating-notes{padding:6px 0 0 8px}.operating-notes dl{margin:15px 0}.operating-notes dl>div{display:grid;grid-template-columns:76px 1fr;gap:12px;margin-bottom:13px;font-size:13px}.operating-notes dt{font-weight:500}.operating-notes dd{color:var(--muted);margin:0}.operating-notes>p{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:13px}.current-session,.recent-record{padding:0 24px 22px}.record-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.record-title .badge{margin-left:auto}.recent-record>p{margin-top:8px;color:var(--muted);font-size:13px}.record-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.record-facts dt{color:var(--muted);font-size:12px}.record-facts dd{margin:5px 0 0;color:var(--ink);font-size:18px}.behavior-summary{margin:0 24px 22px;border-top:1px solid var(--line);padding-top:15px;font-size:12px;color:var(--muted)}.behavior-summary>div:first-child{display:flex;justify-content:space-between;gap:14px}.behavior-meter{height:6px;background:#bb8637;margin:10px 0 7px}.behavior-meter i{display:block;height:100%;background:#357e6d}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.metric{padding:20px 24px;min-width:0}.metric+.metric{border-left:1px solid var(--line)}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px}.metric-value{font-size:29px;line-height:1.3;margin:8px 0;color:var(--ink)}.metric-value small{font-size:13px;margin-left:7px;color:var(--muted)}.metric p{font-size:12px;color:var(--muted)}.metric.amber .metric-value{color:var(--amber)}.live-context{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 0 15px;font-size:13px;color:var(--muted)}.live-context>div{display:flex;align-items:center;gap:16px;min-width:0;overflow-wrap:anywhere}.live-context strong{color:var(--ink)}.live-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(300px,3fr);gap:20px;align-items:start}.video-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.inline-heading{display:flex;align-items:center;gap:12px}.timer{font-size:17px;font-weight:600;color:var(--ink)}.video-stage{position:relative;background:#192532;min-height:280px;display:grid;align-items:center}.camera-frame{width:100%;position:relative;margin:auto}.camera-frame video{width:100%;height:100%;display:block;object-fit:fill;background:#192532}.camera-frame:has(.video-placeholder){min-height:280px}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#bac7d3;background:#192532}.video-placeholder h3{color:#e9edf1;font-size:17px;margin:18px 0 8px}.video-placeholder p{font-size:13px;max-width:370px}.video-placeholder>span{margin-top:24px;color:#aabac9;font-size:12px}.video-overlay-bar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:6px 15px;color:#eef3f7;background:#142331e8;font-size:12px}.video-overlay-bar span{display:flex;align-items:center;gap:7px}.video-overlay-bar button{border:0;display:grid;place-items:center;width:36px;height:36px;background:none;color:#fff}.video-stage:fullscreen{width:100vw;height:100vh}.class-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:16px}.class-controls .button{font-size:13px}.finish-button{margin-left:auto}.control-hint{font-size:12px;color:var(--muted)}.analysis-status{display:flex;align-items:flex-start;gap:8px;border-top:1px solid var(--line);padding:12px 16px;font-size:12px;color:var(--muted);background:#fafbfc}.analysis-status svg{margin-top:2px}.analysis-status span{flex:1;overflow-wrap:anywhere;min-width:0}.analysis-status strong{white-space:nowrap;font-weight:400}.live-aside{background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-width:0}.teacher-panel,.observation-panel{padding:20px}.observation-panel{border-top:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.teacher-profile{display:flex;align-items:center;gap:12px;margin-bottom:16px}.teacher-profile>div:last-child{min-width:0}.teacher-profile strong{font-weight:500;font-size:13px}.teacher-profile p{font-size:12px;color:var(--muted);margin-top:4px}.teacher-photo{width:48px;height:62px;border-radius:4px;overflow:hidden;border:1px solid var(--line);background:#f2f4f5;display:grid;place-items:center;flex-shrink:0;color:#63778a}.teacher-photo img{width:100%;height:100%;object-fit:cover}.teacher-photo.speaking{outline:2px solid var(--teal);outline-offset:2px}.upload-label{position:relative;cursor:pointer}.upload-label input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.upload-label:focus-within{outline:3px solid var(--teal);outline-offset:2px}.speech-feedback{font-size:12px;color:var(--muted);margin-top:12px;overflow-wrap:anywhere}.teacher-panel .amber{margin-top:12px}.live-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.live-stats>div+div{border-left:1px solid var(--line);padding-left:20px}.live-stats span{font-size:12px;color:var(--muted)}.live-stats strong{display:block;font-size:26px;color:var(--ink);margin-top:4px;font-weight:500}.live-stats small{margin-left:6px;color:var(--muted)}.amber-text{color:var(--amber)!important}.observation-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:10px}.observation-row strong{font-weight:500}.observation-empty{color:var(--muted);font-size:13px}.current-alerts{border-left:2px solid #b58436;padding-left:12px;margin-top:18px}.current-alerts>div+div{margin-top:12px}.current-alerts strong{font-size:13px;color:var(--amber)}.current-alerts p{color:var(--muted);font-size:12px}.metric-footnote{padding:0 22px 18px;color:var(--muted);font-size:12px}.observation-panel .metric-footnote{padding:14px 0 0;margin-top:16px;border-top:1px solid var(--line)}.live-timeline{grid-column:1 / -1;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.live-timeline>summary{padding:15px 20px;color:var(--ink);font-weight:500}.live-timeline>summary span:first-child{margin-left:8px}.live-timeline>summary span:last-child{float:right;font-size:13px;color:var(--muted);font-weight:400}.student-marker{position:absolute;border:2px solid #efbc56;pointer-events:none;border-radius:2px}.student-marker.info{border-color:#67d4b5}.student-marker.alert{border-color:#ff9284}.student-marker>span{position:absolute;left:-2px;top:0;transform:translateY(-100%);width:max-content;max-width:230px;background:#efbc56;color:#17232e;padding:3px 6px;font-size:12px;border-radius:3px 3px 0 0}.student-marker.info>span{background:#67d4b5}.student-marker.alert>span{background:#ff9284}.subtitle{position:absolute;left:50%;bottom:56px;transform:translate(-50%);max-width:90%;width:max-content;padding:10px 14px;color:#fff;background:#102332eb;border-radius:4px;display:flex;gap:8px;align-items:center;font-size:14px}.inline-notice{padding:0 16px 14px;color:var(--amber);font-size:13px}.empty-state{padding:56px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.empty-state.compact{padding:30px 24px}.empty-icon{color:#718497}.empty-state strong{font-size:16px;font-weight:500}.empty-state p{max-width:440px;color:var(--muted);font-size:13px}.empty-state .button{margin-top:8px}.event-list{padding:0 22px}.event-list.compact{max-height:380px;overflow-y:auto}.event-row{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.event-row:last-child{border:0}.event-indicator{color:var(--amber);margin-top:3px}.event-row.info .event-indicator{color:var(--teal)}.event-row.alert .event-indicator{color:var(--red)}.event-copy{flex:1;min-width:0}.event-copy>div{display:flex;justify-content:space-between;gap:12px}.event-copy strong{font-weight:500;overflow-wrap:anywhere}.event-copy time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.event-copy p{font-size:13px;color:var(--muted);margin-top:4px}.event-copy small{display:block;color:var(--muted);margin-top:5px}.event-copy blockquote{margin:10px 0;border-left:2px solid #a5bbb2;padding:8px 12px;background:#f6f8f7;font-size:13px}.list-toolbar{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{border:0;background:none;color:var(--muted);min-height:40px;padding:8px 12px;border-radius:4px;font-size:13px}.tabs button.selected{background:var(--teal-light);color:var(--teal);font-weight:600}.search-field{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #bbc6cf;border-radius:4px;color:var(--muted);max-width:100%;min-height:40px}.search-field input{border:0;outline:0;background:none;color:var(--ink);width:210px;min-width:0;font-size:13px}.search-field:focus-within{outline:2px solid var(--teal);outline-offset:2px}.search-field input:focus-visible{outline:none}input::placeholder{color:#687686}.list-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px;color:var(--muted);font-size:12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:12px;font-weight:600;padding:12px 20px;color:#536477;background:#f6f8fa;white-space:nowrap}td{padding:17px 20px;border-top:1px solid var(--line);vertical-align:top}td strong{display:block;font-weight:500;color:var(--ink)}td small{display:block;margin-top:4px;color:var(--muted);max-width:300px}td .text-button{white-space:nowrap;padding:0}tbody tr:hover{background:#fafcfc}.events-table{min-width:760px}.events-table td:nth-child(3){min-width:190px}.events-table td:nth-child(4),.events-table td:last-child{white-space:nowrap}.history-detail-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px;font-size:13px;color:var(--muted)}.info-strip{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted);margin-bottom:18px}.info-strip svg{margin-top:2px}.horizontal-chart{padding:6px 22px 22px}.horizontal-chart>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(60px,3fr) 48px;gap:16px;align-items:center;font-size:13px;margin:12px 0}.horizontal-chart>div>span{overflow-wrap:anywhere}.horizontal-chart>div>div{height:8px;background:#eef2f3}.horizontal-chart i{height:100%;display:block;background:#408777}.horizontal-chart strong{font-weight:500;text-align:right}.analysis-disclaimer{color:var(--muted);font-size:12px;margin:16px 0}.report-pending{display:flex;gap:10px;color:var(--muted);font-size:13px;padding:18px 0;border-top:1px solid var(--line)}.report-summary{display:flex;gap:24px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:4px;padding:24px}.report-summary>div{flex:1;min-width:0}.report-summary p{margin-top:12px;line-height:1.9;overflow-wrap:anywhere}.report-summary .button{flex-shrink:0}.student-report-grid{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.student-report{padding:22px 24px}.student-report+.student-report{border-top:1px solid var(--line)}.student-report header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.student-report header svg{color:#546c82}.student-report header .badge{margin-left:auto}.behavior-tags{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:18px}.behavior-tags>div{display:flex;align-items:baseline;gap:8px;font-size:13px}.behavior-tags strong{font-weight:500}.behavior-tags small{color:var(--muted)}.student-summary{color:var(--muted);font-size:13px;line-height:1.9;margin:16px 0}.student-report summary{color:var(--teal);font-size:13px}.report-timeline{list-style:none;padding:0;margin:12px 0 0}.report-timeline li{display:flex;align-items:center;gap:16px;padding:10px 0;border-top:1px solid var(--line);font-size:13px}.report-timeline time{color:var(--muted)}.report-timeline .badge{margin-left:auto}.settings-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);align-items:start;gap:28px}.settings-form{display:grid;gap:20px;padding:4px 24px 24px}.settings-form label{display:grid;gap:7px;font-size:13px}.settings-form input{padding:10px 12px;border:1px solid #bbc6cf;border-radius:4px;width:100%;color:var(--ink);background:#fff}.form-actions{display:flex;align-items:center;gap:16px}.saved-message{display:flex;gap:6px;color:var(--teal);font-size:13px}.settings-aside{display:grid;gap:28px}.settings-aside .service-strip{padding:14px 22px;gap:12px;flex-direction:column;align-items:flex-start}.settings-aside .service-strip .text-button{margin-left:0}.service-details{margin:20px 22px}.service-details>div{display:flex;justify-content:space-between;gap:12px;margin:12px 0;font-size:13px}.service-details dt{color:var(--muted)}.service-details dd{margin:0;text-align:right}.help-steps{padding-left:21px;margin:16px 0 0}.help-steps li{padding:0 0 16px 4px;font-size:13px}.help-steps strong{font-weight:500}.help-steps p{color:var(--muted);margin-top:5px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1700px){.main-content{padding:34px 42px 0}.preparation-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.preparation-steps li:nth-child(n+3){border-top:0}.preparation-steps li+li{border-left:1px solid var(--line)}.preparation-steps button{padding:24px 18px;gap:12px}}@media(max-width:1200px){:root{--sidebar: 190px}.main-content{padding:24px 24px 0}.topbar{padding:0 24px}.live-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.brief-hint{width:100%;margin:0}.class-controls .finish-button{margin-left:0}}@media(max-width:1000px){.dashboard-columns,.settings-grid,.live-layout{grid-template-columns:1fr}.live-aside{display:contents}.video-panel{order:1}.observation-panel,.teacher-panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.observation-panel{order:2}.teacher-panel{order:3}.live-timeline{order:4}.needs-setup .teacher-panel{order:0}.topbar time{display:none}.operating-notes{padding-left:0}}@media(max-width:760px){:root{--sidebar: 0px}.sidebar{width:258px;transform:translate(-100%);visibility:hidden;transition:transform .18s,visibility .18s}.sidebar.open{transform:translate(0);visibility:visible}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;border:0;background:#10263970}.menu-toggle,.close-menu{display:inline-grid}.topbar{height:58px;padding:0 12px}.topbar-left{gap:6px}.topbar-right{max-width:44%}.breadcrumb-root,.topbar-left>svg{display:none}.observer-label{border:0;padding:0;max-width:100%;font-size:12px}.main-content{padding:22px 16px 0}.page-heading{flex-wrap:wrap;gap:10px;margin-bottom:20px}.page-heading h1{font-size:23px}.page-actions{padding:0}.brief-heading{padding:18px 18px 14px;gap:12px;flex-wrap:wrap}.brief-heading h2{font-size:20px}.brief-heading h2 span{display:block;margin:5px 0 0;font-size:15px}.brief-actions{padding:0 18px 18px;gap:12px 18px}.service-strip{padding:12px 18px;gap:10px 16px}.service-strip .text-button{margin:0}.preparation-steps{grid-template-columns:1fr}.preparation-steps li:nth-child(2n){border-left:0}.preparation-steps li+li{border-top:1px solid var(--line)}.preparation-steps button{padding:17px 18px}.section-caption{align-items:flex-start}.section-caption>span{text-align:right}.dashboard-columns{gap:24px}.metrics-grid{grid-template-columns:1fr}.metric{display:grid;grid-template-columns:1fr auto;padding:14px 18px;align-items:center}.metric+.metric{border-left:0;border-top:1px solid var(--line)}.metric-value{grid-row:1 / 3;grid-column:2;font-size:26px;margin:0;padding-left:14px}.metric p{margin-top:4px}.panel-header{padding:16px 18px}.record-empty,.current-session,.recent-record{padding-left:18px;padding-right:18px}.record-facts{gap:12px}.record-facts dd{font-size:16px}.live-context{flex-direction:column;align-items:flex-start;gap:5px}.teacher-panel,.observation-panel{padding:18px}.video-stage,.camera-frame:has(.video-placeholder){min-height:260px}.video-placeholder{padding:18px}.video-placeholder h3{font-size:16px}.inline-heading{gap:8px}.inline-heading h2,.timer{font-size:15px}.class-controls{padding:14px;gap:8px}.class-controls .button{min-height:44px;padding:8px 11px}.control-hint{width:100%}.analysis-status{padding:12px 14px;flex-wrap:wrap}.analysis-status strong{margin-left:24px}.student-marker>span{max-width:150px;font-size:12px}.subtitle{font-size:13px;padding:8px 10px}.list-toolbar{padding:14px;gap:12px}.tabs{gap:0}.tabs button{padding:8px 10px;min-height:44px}.search-field{width:100%}.search-field input{width:100%;font-size:16px}.list-summary{padding:12px 14px;align-items:flex-start}table{min-width:680px}.table-scroll{overscroll-behavior-x:contain}.report-summary{padding:18px;flex-direction:column;gap:16px}.student-report{padding:18px}.student-report header .badge{margin-left:0}.horizontal-chart{padding:0 18px 18px}.horizontal-chart>div{grid-template-columns:minmax(95px,1fr) minmax(40px,1fr) 40px;gap:10px}.settings-form{padding:0 18px 20px}.settings-form input{font-size:16px}.ongoing-banner strong{display:none}.page-footer{flex-direction:column;gap:4px;margin-top:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}