:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--face-tile-height:5rem;--face-tile-aspect:16 / 9;--work-min-height:480px;font-family:system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{color:#eee;background:#111;margin:0}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar,.calibration-notice,.controls{flex:none}.child-view,.tutor-host,.face-stage{flex-direction:column;flex:1;min-height:0;display:flex}.topbar{justify-content:space-between;align-items:baseline;padding:.5rem 1rem;display:flex}.auth-bar{align-items:baseline;gap:.5rem;display:flex}.auth-who{opacity:.75;font-size:.8rem}.topbar h1{margin:0;font-size:1.1rem;font-weight:600}.hud{font-variant-numeric:tabular-nums;color:#9fd8b4;gap:.75rem;font-size:.85rem;display:flex}.panels{grid-template-columns:2fr 3fr;gap:.5rem;padding:0 .5rem;display:grid}.panels,.tutor-main{grid-auto-rows:minmax(var(--work-min-height), 1fr);flex:1;min-height:0;overflow-y:auto}@media (width<=700px){.panels{grid-template-columns:1fr}}.raw-panel{place-self:center;width:fit-content;max-width:100%;position:relative}.raw-panel video{width:auto;max-width:100%;height:auto;max-height:var(--work-height,80vh);border-radius:4px;display:block}.raw-panel canvas,.handle-layer{position:absolute;inset:0}.handle-layer{pointer-events:none}.corner-handle{pointer-events:auto;touch-action:none;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute}.corner-handle:after{content:"";background:#2ecc71f2;border:2px solid #fff;border-radius:50%;position:absolute;inset:14px}.dewarp-panel{aspect-ratio:1/1.4142;width:auto;max-width:100%;height:100%;max-height:var(--work-height,80vh);background:#000;border-radius:4px;place-self:center;margin:0 auto;position:relative;overflow:hidden}.dewarp-panel--landscape{aspect-ratio:1.4142}.publish-panel{aspect-ratio:auto;grid-column:1/-1;place-self:start stretch;width:100%;height:auto}.publish-panel video{object-fit:contain;width:100%;height:100%;display:block}.tutor{flex-direction:column;flex:1;min-height:0;display:flex}.tutor-main{grid-template-columns:minmax(0,3fr) minmax(12rem,1fr);align-items:stretch;gap:.5rem;padding:0 .5rem;display:grid}.tutor-worksheet{cursor:zoom-in;background:#000;border-radius:4px;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.tutor-stage{width:fit-content;max-width:100%;margin:0 auto;position:relative}.tutor-side{min-height:0}.tutor-worksheet video{width:auto;max-width:100%;height:auto;max-height:var(--work-height,80vh);object-fit:contain;display:block}.tutor-raw{min-width:0;display:none}.tutor--zoomed .tutor-main{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.tutor--zoomed .tutor-raw{display:block}.tutor--zoomed .tutor-side{display:none}.tutor--zoomed .tutor-worksheet{cursor:zoom-out}.tutor-placeholder{text-align:center;color:#aaa;place-items:center;margin:0;padding:1rem;font-size:.9rem;display:grid;position:absolute;inset:0}.tutor-side{gap:.5rem;display:grid}.tutor-faces{flex:none;align-items:flex-start;gap:.5rem;padding:.5rem;display:flex;overflow-x:auto}.tutor-face-children{gap:.5rem;display:flex}.tutor-face,.tutor-face-self{height:var(--face-tile-height);aspect-ratio:var(--face-tile-aspect);background:#000;border:1px solid #333;border-radius:4px;flex:none;padding:0;overflow:hidden}.tutor-face{cursor:pointer}.tutor-face[aria-pressed=true]{border-color:#2ecc71}.tutor-face video{object-fit:cover;width:100%;height:100%;display:block}.tutor-face-self{object-fit:cover;display:block;transform:scaleX(-1)}.tutor-ocr{color:#ccc;border:1px dashed #444;border-radius:4px;min-height:6rem;max-height:100%;padding:.75rem;font-size:.8rem;overflow-y:auto}.tutor-ocr-heading{color:#9fd8b4;margin:0 0 .35rem;font-weight:600}.tutor-ocr-verdict{margin:0 0 .5rem;font-weight:600}.tutor-ocr-source,.tutor-ocr-empty{color:#777;margin:.5rem 0 0}.grade-list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.grade-item{background:#1c1c1c;border-left:3px solid #555;border-radius:3px;justify-content:space-between;gap:.75rem;padding:.3rem .45rem;display:flex}.grade-item-source{white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.grade-item-outcome{color:#aaa;flex:none}.grade-item--correct{border-left-color:#2ecc71}.grade-item--incorrect{border-left-color:#e0a33c}.grade-item--not-graded{border-left-color:#555}.tutor-presence{color:#9fd8b4;flex:none;margin:0;padding:.5rem 1rem;font-size:.85rem}@media (width<=700px){.tutor-main{grid-template-columns:minmax(0,1fr)}}.face-stack{min-width:0;display:flex}.face-stack--stage{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:1rem;padding:1rem}.face-stack--stage>*{flex:320px;min-width:0;max-width:640px}.face-stack--row{flex:none;align-items:flex-start;gap:.5rem;padding:.5rem;overflow-x:auto}.face-stack--row>*{height:var(--face-tile-height);aspect-ratio:var(--face-tile-aspect);flex:none;width:auto}.face-stack-self{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:6px;display:block;transform:scaleX(-1)}.face-stack--stage .face-stack-self{width:100%}.face-stack--row .face-window-notice{padding:.25rem;font-size:.7rem;line-height:1.2}.face-window{aspect-ratio:16/9;background:#000;border:1px solid #333;border-radius:6px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.face-window video{object-fit:cover;width:100%;height:100%;display:block}.footer-hint{color:#aaa;max-width:18rem;font-size:.75rem}.face-window-notice{text-align:center;color:#aaa;margin:0;padding:.5rem;font-size:.8rem;line-height:1.3}.lobby{z-index:10;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:fixed;inset:0}.lobby-title{margin:0;font-size:1.1rem;font-weight:600}.lobby-row{align-items:center;gap:.6rem;min-width:12rem;padding:.5rem 1rem;font-size:1rem;display:flex}.lobby-row input{width:1.2rem;height:1.2rem}.remote-status{color:#9aa;background:#161616;border-radius:4px;margin:0;padding:.4rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.remote-status--waiting{color:#c9a227}.lobby-row--device select{border-radius:6px;padding:.3rem .5rem;font-size:.95rem}.lobby-row--code{justify-content:space-between}.lobby-row--code input{letter-spacing:.08em;color:#eee;background:#111;border:1px solid #555;border-radius:4px;width:8rem;height:auto;padding:.4rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem}.lobby-actions{gap:.75rem;display:flex}.lobby-actions button:disabled{color:#7d8c82;background:#2f4034}.lobby-actions button{font-size:.75rem}.lobby-actions .lobby-cancel{color:#eee;background:#333}.readback{z-index:10;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:fixed;inset:0}.readback-heading,.readback-question{margin:0;font-size:1.1rem;font-weight:600}.readback-reading{color:#eee;white-space:pre-wrap;overflow-wrap:anywhere;background:#111;border-radius:6px;max-width:min(40rem,90vw);max-height:40vh;margin:0;padding:.75rem 1rem;font-size:1.15rem;line-height:1.5;overflow:auto}.readback-correction{flex-direction:column;align-items:center;gap:.75rem;display:flex}.readback-hint{font-size:1rem}.readback-correction textarea{color:#eee;background:#111;border:none;border-radius:6px;width:min(40rem,90vw);padding:.75rem 1rem;font-family:inherit;font-size:1.15rem;line-height:1.5}.readback-actions{gap:.75rem;display:flex}.readback-actions button{font-size:.85rem}.readback-actions .icon-button-label{max-width:12rem}.readback-status{margin:0;font-size:1rem}.controls{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.icon-button{color:#04220f;text-align:center;cursor:pointer;background:#2ecc71;border:none;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-width:3.5rem;min-height:44px;padding:.35rem .6rem;font-size:.7rem;font-weight:600;line-height:1.15;display:inline-flex}.icon-button-glyph{stroke:currentColor;stroke-width:2px;fill:none;flex:none;width:1.4rem;height:1.4rem}.icon-button-label{overflow-wrap:anywhere;max-width:7rem}.icon-button:disabled{opacity:.5;cursor:default}.controls button{font-size:.7rem}.controls button:disabled{opacity:.5}.camera-picker{align-items:center;gap:.5rem;font-size:.9rem;display:inline-flex}.camera-picker select{border-radius:6px;padding:.4rem .6rem;font-size:.9rem}.status{color:#aaa;margin:0;font-size:.9rem}.status--warning{color:#f5a623}.settings-drawer{z-index:8;width:min(22rem,92vw);padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));background:#161616;border-left:1px solid #333;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.settings-drawer-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;display:flex}.settings-drawer-title{margin:0;font-size:1rem;font-weight:600}.settings-close{color:#ddd;background:0 0;border:1px solid #444}.settings{font-size:.9rem}.settings-rows{gap:.5rem;padding:.5rem 0;display:grid}.settings-row{grid-template-columns:1fr 3rem;grid-template-areas:"label value""input input";align-items:center;gap:.4rem .75rem;display:grid}.settings-label{grid-area:label}.settings-row input{grid-area:input}.settings-value{color:#aaa;font-variant-numeric:tabular-nums;text-align:right;grid-area:value}.settings-expert{border-left:2px solid #333;margin:.25rem 0 .75rem;padding-left:.75rem}.settings-expert>summary{cursor:pointer;color:#888;padding:.3rem 0;font-size:.85rem}.settings-hint{color:#888;max-width:42rem;margin:.25rem 0 .5rem;font-size:.8rem;line-height:1.4}.settings-expert-rows{gap:.5rem;padding:.25rem 0;display:grid}.settings-reset{color:#ddd;background:0 0;border:1px solid #444}.calibration-notice{color:#fff;text-align:center;background:#7a2e00;margin:0;padding:.7rem 1rem;font-size:1rem;font-weight:600}.raw-panel.calibration-active{outline-offset:-3px;outline:3px solid #ff8c1a}.tutor-worksheet{position:relative}.tutor-controls{z-index:4;gap:.4rem;display:flex;position:absolute;top:.5rem;right:.5rem}.tutor-calibrate{color:#eee;cursor:pointer;background:#000000b8;border:1px solid #555;border-radius:6px;min-width:3.25rem;min-height:44px;font-size:.65rem;font-weight:600;line-height:1.1}.tutor-calibrate .icon-button-glyph{width:1.15rem;height:1.15rem}.tutor-mark[aria-pressed=true],.mark-button[aria-pressed=true]{color:#04220f;background:#2ecc71;border-color:#2ecc71}.calibration{color:#eee;background:#141414;border:1px solid #333;border-radius:8px;width:min(96vw,1400px)}.calibration::backdrop{background:#000000b3}.calibration-title{margin:0 0 .25rem;font-size:1.1rem}.calibration-hint{color:#aaa;margin:0 0 .75rem;font-size:.85rem;line-height:1.4}.calibration-panes{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.calibration-pane{background:#000;border-radius:4px;margin:0;position:relative;overflow:hidden}.calibration-pane figcaption{z-index:2;color:#ccc;text-shadow:0 1px 2px #000;font-size:.75rem;position:absolute;top:.25rem;left:.5rem}.calibration-pane video{width:100%;height:auto;display:block}.calibration-waiting{color:#888;place-items:center;margin:0;font-size:.85rem;display:grid;position:absolute;inset:0}.calibration-handles{z-index:3;position:absolute;inset:0}.calibration-actions{justify-content:flex-end;gap:.75rem;margin-top:.75rem;display:flex}.calibration-actions button{color:#eee;background:#222;border:1px solid #444;font-size:.7rem}@media (width<=700px){.calibration-panes{grid-template-columns:1fr}}.region-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.region-layer--armed{pointer-events:auto;touch-action:none;cursor:crosshair}.region-box{pointer-events:none;background:#2ecc711f;border:2px solid #2ecc71;border-radius:3px;position:absolute}.annotation-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.annotation-layer--drawing{pointer-events:auto;touch-action:none;cursor:crosshair}.annotation-svg{width:100%;height:100%;display:block;overflow:visible}.annotation-stroke{fill:none;stroke:#e0533c;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.annotation{color:#eee;background:#141414;border:1px solid #333;border-radius:6px;width:min(96vw,1000px);padding:1rem}.annotation::backdrop{background:#000000b3}.annotation-title{margin:0 0 .25rem;font-size:1rem}.annotation-hint{color:#aaa;margin:0 0 .75rem;font-size:.85rem}.annotation-stage{background:#000;border-radius:4px;width:fit-content;max-width:100%;margin:0;position:relative;overflow:hidden}.annotation-stage figcaption{z-index:2;color:#ccc;background:#00000080;border-radius:3px;padding:.1rem .35rem;font-size:.75rem;position:absolute;top:.35rem;left:.5rem}.annotation-stage canvas{width:auto;max-width:100%;height:auto;max-height:70vh;display:block}.annotation-waiting{color:#aaa;place-items:center;margin:0;font-size:.9rem;display:grid;position:absolute;inset:0}.annotation-notice{color:#e0a33c;margin:.5rem 0 0;font-size:.85rem}.annotation-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.region-box--draft{border-style:dashed}.region-caption{color:#9fd8b4;white-space:nowrap;background:#000000b3;border-radius:3px;padding:0 .3rem;font-size:.7rem;position:absolute;top:-1.4rem;left:0}