@layer components{.start-class{min-width:0;max-width:100%}.start-class-text{text-overflow:ellipsis;min-width:0;overflow:hidden}:is(:root:has(.live-room) .shell-header,:root:has(.live-room) .shell-tabbar,:root:has(.live-projector) .shell-header,:root:has(.live-projector) .shell-tabbar){display:none}.live-room{z-index:30;background:var(--vz-paper);flex-direction:column;display:flex;position:fixed;inset:0}.live-bar{min-height:52px;padding:calc(6px + env(safe-area-inset-top,0px)) 10px 6px 8px;border-bottom:1px solid var(--vz-line);background:var(--vz-surface);flex-wrap:wrap;flex:none;align-items:center;gap:6px 10px;display:flex}.live-bar-title{flex:180px;gap:1px;min-width:0;display:grid}.live-bar-title strong{font:650 15px/1.25 var(--vz-font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-bar-title span{color:var(--vz-ink-2);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex;overflow:hidden}.live-bar-group{flex-wrap:wrap;flex:none;align-items:center;gap:4px;display:flex}.live-dot{border-radius:var(--vz-radius-pill);background:var(--vz-mint);width:8px;height:8px;box-shadow:0 0 0 3px var(--vz-mint-soft);flex:none;display:inline-block}.live-dot[data-link=connecting],.live-dot[data-link=polling]{background:var(--vz-marigold);box-shadow:0 0 0 3px var(--vz-marigold-soft)}.live-dot[data-link=offline]{background:var(--vz-berry);box-shadow:none}.live-code{border:1.5px dashed var(--vz-line-strong);border-radius:var(--vz-radius-menu);background:var(--vz-surface-2);height:32px;color:var(--vz-ink);font:650 14px/1 var(--vz-font-mono);letter-spacing:.12em;cursor:pointer;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.live-code:hover{border-color:var(--vz-accent)}.live-code:focus-visible{outline:var(--vz-focus-ring);outline-offset:2px}.live-steps{color:var(--vz-ink-2);font:650 13px var(--vz-font-body);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.live-split{--side-share:.5;grid-template-columns:minmax(0, 1fr) 11px clamp(300px, calc(var(--side-share) * 100%), calc(100% - 331px));flex:1;min-height:0;display:grid}.live-split[data-dragging]{cursor:col-resize;-webkit-user-select:none;user-select:none}.live-split[data-dragging] .live-pane{pointer-events:none}.live-pane{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.live-pane-bar{border-bottom:1px solid var(--vz-line);background:var(--vz-surface);flex-wrap:wrap;flex:none;align-items:center;gap:4px 8px;min-height:44px;padding:4px 8px 4px 12px;display:flex}.live-pane-title{min-width:0;font:650 14px/1.2 var(--vz-font-display);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.live-pane-body{overscroll-behavior:contain;flex:1;align-content:start;gap:12px;min-height:0;padding:12px;display:grid;overflow:auto}.live-board-wrap{gap:8px;width:100%;max-width:min(100%,100dvh - 346px);margin-inline:auto;display:grid}.live-home{flex:none;align-items:center;gap:2px;display:flex}.live-home-mark{border-radius:var(--vz-radius-menu);place-items:center;width:34px;height:34px;display:grid}.live-home-mark:hover{background:var(--vz-surface-2)}@media (width<=899px){.live-split{display:flex}.live-split>.live-divider{display:none}.live-split>.live-pane{flex:1}.live-split[data-show=main]>.live-pane-side,.live-split[data-show=side]>.live-pane-main{display:none}.live-board-wrap{max-width:min(100%,100dvh - 286px)}.live-room-student .live-pane-bar{display:none}}.live-switch{display:none}@media (width<=899px){.live-switch{display:flex}}.live-prompt{font:650 18px/1.35 var(--vz-font-display);text-wrap:balance}.live-prompt[data-empty]{color:var(--vz-ink-3);font-weight:600}.live-note{border-radius:var(--vz-radius-md);background:var(--vz-surface-2);color:var(--vz-ink-2);padding:8px 12px;font-size:13px;line-height:1.45}.live-modes{flex-wrap:wrap;gap:6px;display:flex}.live-mode{border:1.5px solid var(--vz-line);border-radius:var(--vz-radius-pill);background:var(--vz-surface);height:34px;color:var(--vz-ink);font:650 13px var(--vz-font-body);cursor:pointer;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.live-mode:hover{border-color:var(--vz-line-strong)}.live-mode[aria-pressed=true]{border-color:var(--vz-accent);background:var(--vz-accent);color:var(--vz-on-accent)}.live-mode:focus-visible{outline:var(--vz-focus-ring);outline-offset:2px}.live-options{color:var(--vz-ink-2);flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;display:flex}.live-options label{align-items:center;gap:6px;display:inline-flex}.live-options select{border:1px solid var(--vz-control-edge);border-radius:var(--vz-radius-md);background-color:var(--vz-surface);height:32px;color:var(--vz-ink);font:500 13px var(--vz-font-body);padding:0 28px 0 8px}.live-tally{gap:4px;display:grid}.live-tally-row{border-radius:var(--vz-radius-md);width:100%;color:var(--vz-ink);font:600 14px var(--vz-font-body);font-variant-numeric:tabular-nums;text-align:left;background:0 0;border:0;grid-template-columns:4.5em minmax(0,1fr) 2.5em;align-items:center;gap:10px;padding:4px 6px;display:grid}button.live-tally-row{cursor:pointer}button.live-tally-row:hover{background:var(--vz-surface-2)}button.live-tally-row:focus-visible{outline:var(--vz-focus-ring);outline-offset:1px}.live-tally-bar{border-radius:var(--vz-radius-pill);background:var(--vz-line);height:10px;display:block;overflow:hidden}.live-tally-bar>span{border-radius:inherit;background:var(--vz-ink-3);transform-origin:0;height:100%;display:block}.live-tally-row[data-right] .live-tally-bar>span{background:var(--vz-mint)}.live-tally-count{color:var(--vz-ink-2);text-align:right}.live-wall{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;display:grid}.live-wall[data-size=large]{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.live-seat{border:1.5px solid var(--vz-line);border-radius:var(--vz-radius-lg);background:var(--vz-surface);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--vz-duration-fast) ease-out, transform var(--vz-duration-fast) ease-out;gap:6px;padding:6px;display:grid;position:relative}.live-seat:hover{border-color:var(--vz-line-strong)}.live-seat:active{transform:translateY(1px)}.live-seat:focus-visible{outline:var(--vz-focus-ring);outline-offset:2px}.live-seat[data-status=right]{border-color:var(--vz-mint)}.live-seat[data-status=wrong]{border-color:var(--vz-berry)}.live-seat[data-status=late]{border-color:var(--vz-marigold)}.live-seat[data-away]{opacity:.55}.live-seat[data-hand]{box-shadow:0 0 0 3px var(--vz-marigold)}.live-seat .vz-board-thumb{aspect-ratio:1;border-radius:var(--vz-radius-sm);width:100%;height:auto}.live-seat-name{min-width:0;font:600 13px/1.2 var(--vz-font-body);align-items:center;gap:6px;display:flex}.live-seat-name .truncate{flex:1;min-width:0}.live-seat-move{color:var(--vz-ink-2);font:600 13px var(--vz-font-body);font-variant-numeric:tabular-nums}.live-seat-flag{border-radius:var(--vz-radius-pill);background:var(--vz-marigold);width:24px;height:24px;color:var(--vz-on-marigold);box-shadow:var(--vz-lift-1);place-items:center;display:grid;position:absolute;top:10px;right:10px}.live-status-icon{flex:none}.live-status-icon[data-status=right]{color:var(--vz-mint)}.live-status-icon[data-status=wrong]{color:var(--vz-bad-text)}.live-status-icon[data-status=late]{color:var(--vz-attention-text)}.live-status-icon[data-status=thinking]{color:var(--vz-ink-3)}.live-student{align-content:start;gap:12px;width:100%;max-width:720px;margin-inline:auto;display:grid}.live-callout{border:1px solid var(--vz-line);border-radius:var(--vz-radius-lg);background:var(--vz-surface);align-items:center;gap:10px;padding:10px 12px;font-size:14px;line-height:1.4;display:flex}.live-callout[data-tone=right]{border-color:var(--vz-mint);background:var(--vz-mint-soft);color:var(--vz-on-mint)}.live-callout[data-tone=wrong]{border-color:var(--vz-berry);background:var(--vz-berry-soft)}.live-callout>svg{flex:none;width:22px;height:22px}.live-callout>span{flex:1;min-width:0}.live-callout-steady{min-height:66px}.live-timer{border-radius:var(--vz-radius-pill);background:var(--vz-accent);min-width:3.2em;height:34px;color:var(--vz-on-accent);font:650 16px var(--vz-font-display);font-variant-numeric:tabular-nums;flex:none;place-items:center;padding:0 10px;display:inline-grid}.live-timer[data-low]{background:var(--vz-berry);color:var(--vz-on-berry)}.live-paused{z-index:5;background:color-mix(in srgb, var(--vz-paper) 82%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;place-content:center;gap:8px;padding:24px;display:grid;position:absolute;inset:0}.live-paused strong{font:650 22px var(--vz-font-display)}.live-spot{border:2px solid var(--vz-accent);border-radius:var(--vz-radius-lg);background:var(--vz-surface);gap:6px;padding:10px;display:grid}.live-spot-label{color:var(--vz-ink);font:600 13px var(--vz-font-body);align-items:center;gap:6px;display:flex}.live-projector{z-index:30;background:var(--vz-paper);grid-template-columns:minmax(0,1fr) minmax(280px,34%);align-items:center;gap:3vw;padding:3vh 3vw;display:grid;position:fixed;inset:0}.live-projector-board{justify-self:center;width:min(100%,92vh)}.live-projector-side{align-content:center;gap:3vh;min-width:0;display:grid}.live-projector-side h1{font:650 clamp(24px, 3.2vw, 48px)/1.1 var(--vz-font-display);letter-spacing:-.02em;text-wrap:balance}.live-projector-prompt{font:650 clamp(20px, 2.4vw, 36px)/1.25 var(--vz-font-display);text-wrap:balance}.live-projector-code{justify-items:start;gap:1vh;display:grid}.live-projector-code strong{font:650 clamp(34px, 5vw, 84px)/1 var(--vz-font-mono);letter-spacing:.14em}.live-projector-code span{color:var(--vz-ink-2);font-size:clamp(14px,1.3vw,20px)}.live-projector-count{color:var(--vz-ink-2);font:650 clamp(18px, 2vw, 30px) var(--vz-font-display);font-variant-numeric:tabular-nums}.live-projector .live-tally-row{grid-template-columns:5em minmax(0,1fr) 2.5em;font-size:clamp(16px,1.7vw,26px)}.live-projector .live-tally-bar{height:clamp(12px,1.4vh,20px)}@media (width<=899px){.live-projector{grid-template-columns:minmax(0,1fr);align-content:start;overflow:auto}}.live-activity{grid-template-columns:148px minmax(0,1fr);align-items:start;gap:14px;display:grid}.live-activity .vz-board-thumb{border-radius:var(--vz-radius-md);width:148px;height:148px}@media (width<=559px){.live-activity{grid-template-columns:minmax(0,1fr)}.live-activity .vz-board-thumb{aspect-ratio:1;width:100%;max-width:320px;height:auto}}.live-answers{flex-wrap:wrap;gap:6px;display:flex}.lesson-editor{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=899px){.lesson-editor{grid-template-columns:minmax(0,1fr)}}@media (width>=900px) and (height>=600px){.lesson-editor{height:calc(var(--page-room) - var(--fill-top,240px) - 56px);align-items:stretch;min-height:360px}.lesson-editor>*{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}}.lesson-steps{gap:6px;display:grid}.lesson-step{border:1.5px solid var(--vz-line);border-radius:var(--vz-radius-lg);background:var(--vz-surface);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;padding:6px;display:grid}.lesson-step:focus-visible{outline:var(--vz-focus-ring);outline-offset:2px}.lesson-step[aria-current=true]{border-color:var(--vz-accent);box-shadow:inset 0 0 0 1px var(--vz-accent)}.lesson-step .vz-board-thumb{border-radius:var(--vz-radius-sm);width:56px;height:56px}.lesson-step-text{gap:2px;min-width:0;display:grid}.lesson-step-text strong{font:600 14px/1.3 var(--vz-font-body);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-step-text span{color:var(--vz-ink-2);font-size:13px}.lesson-step-board{width:100%;max-width:440px}.lesson-textarea{border:1.5px solid var(--vz-line-strong);border-radius:var(--vz-radius-menu);background:var(--vz-surface);width:100%;min-height:76px;color:var(--vz-ink);font:500 14px/1.45 var(--vz-font-body);resize:vertical;padding:8px 10px}.lesson-textarea:focus{border-color:var(--vz-accent);outline:none}}