:root{--paper:#fbf7f1;--paper-deep:#f3ece2;--surface:#fff;--surface-strong:#f6efe6;--surface-soft:#fcf9f4;--ink:#2b2420;--ink-soft:#50463f;--muted:#7a6f66;--line:#ece3d8;--line-strong:#d9ccbd;--teal:#6d5dd3;--teal-dark:#5546b3;--teal-soft:#efebff;--green:#2f855a;--amber:#d97706;--amber-soft:#fff1d6;--coral:#e0573b;--coral-soft:#fff0eb;--blue:#2563eb;--peach:#ffd9c2;--mint:#d7f3e6;--sky:#dbeafe;--radius-sm:12px;--radius:18px;--radius-lg:24px;--shadow-sm:0 1px 2px #2b24200a, 0 8px 22px #6d5dd312;--shadow:0 22px 50px #4838281f;--focus:0 0 0 3px #6d5dd33d}*{box-sizing:border-box;letter-spacing:0}html,body{min-height:100%;margin:0}body{background:radial-gradient(1100px 560px at 8% -12%, #6d5dd31f, transparent 60%), radial-gradient(900px 520px at 100% -5%, #ffb08238, transparent 55%), radial-gradient(700px 420px at 50% 110%, #5dc8a01f, transparent 60%), var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,Segoe UI,sans-serif}button,input,select{font:inherit}button,a.entry-action{border-radius:var(--radius-sm);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:700;text-decoration:none;transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex}button{background:linear-gradient(135deg, #7b6ae0 0%, var(--teal-dark) 100%);color:#fff;padding:0 16px;box-shadow:inset 0 1px #ffffff40,0 6px 16px #5546b33d}button:hover:not(:disabled),a.entry-action:hover{transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}input,select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);background:#fff;width:100%;min-height:44px;padding:0 12px;transition:border-color .14s,box-shadow .14s}input::placeholder{color:#9aa59e}input:focus,select:focus,button:focus-visible,a:focus-visible{border-color:var(--teal);box-shadow:var(--focus);outline:none}h1,h2,h3,p{margin:0}.entry-shell,.app-shell{max-width:1200px;min-height:100vh;margin:0 auto;padding:24px 28px 48px}.entry-shell{align-items:center;display:flex}.entry-band{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;gap:32px;width:100%;padding:40px;display:grid}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-lockup h1{letter-spacing:-.01em}.brand-lockup.compact h1{font-size:22px}.brand-mark{background:linear-gradient(145deg, #1f2f29 0%, var(--ink) 100%);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;box-shadow:0 6px 16px #17221d40}.eyebrow{color:var(--teal-dark);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:800;line-height:1.35}.entry-band h1{letter-spacing:-.02em;font-size:clamp(34px,5vw,64px);line-height:1}.entry-grid{grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:18px;display:grid}.entry-action{background:linear-gradient(135deg, var(--surface-strong) 0%, #f7fbf8 100%);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--ink);justify-content:space-between;min-height:116px;padding:24px}.entry-action:hover{border-color:var(--teal);box-shadow:var(--shadow-sm)}.entry-action span{justify-items:start;gap:6px;display:grid}.entry-action strong{font-size:24px}.entry-action small{color:var(--muted);font-size:14px}.join-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;gap:12px;padding:20px;display:grid}.join-panel label{color:var(--muted);font-size:13px;font-weight:800}.join-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.topbar-status{align-items:center;gap:10px;display:flex}.room-chip{border:1px solid var(--line-strong);box-shadow:var(--shadow-sm);color:var(--ink);background:#fff;gap:10px;min-height:40px;padding:0 12px 0 14px}.room-chip strong{font-variant-numeric:tabular-nums;letter-spacing:.12em;font-size:18px}.room-chip svg{color:var(--muted)}.room-chip-label{color:var(--muted);font-size:12px;font-weight:800}.room-chip.is-live{border-color:#c2410c66}.room-chip.is-live .room-chip-label{color:var(--coral)}.status-pill{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:96px;min-height:36px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:999px;width:8px;height:8px}.status-pill.connected{color:var(--green);background:#e9f7ef;border-color:#2f855a4d}.status-pill.connecting,.status-pill.idle{color:var(--amber);background:#fff8e8;border-color:#d977064d}.status-pill.connecting:before{animation:1.2s ease-in-out infinite pulse}.status-pill.error,.status-pill.closed{background:var(--coral-soft);color:var(--coral);border-color:#c2410c4d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.console-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.console-col{align-content:start;gap:18px;min-width:0;display:grid}.control-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:14px;min-width:0;padding:20px 22px 22px;display:grid}.primary-panel{background:linear-gradient(#f6fbf9 0%,#fff 22%)}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin:-4px -22px 2px;padding:0 22px 12px;display:flex}.panel-heading h2{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:19px;line-height:1.25}.panel-heading>svg{color:var(--teal-dark);background:var(--teal-soft);box-sizing:content-box;border-radius:10px;flex:none;padding:8px}.icon-button{border:1px solid var(--line-strong);box-shadow:none;color:var(--ink);background:#fff;width:40px;min-height:40px;padding:0}.icon-button:hover:not(:disabled){border-color:var(--teal);color:var(--teal-dark)}.secondary-button{border:1px solid var(--line-strong);box-shadow:none;color:var(--ink);background:#fff}.secondary-button:hover:not(:disabled){border-color:var(--teal);color:var(--teal-dark)}.secondary-button.active{background:var(--teal-soft);border-color:var(--teal);color:var(--teal-dark)}.button-row{flex-wrap:wrap;gap:10px;display:flex}.code-row{align-items:center;gap:10px;display:flex}.live-badge{background:var(--coral);color:#fff;letter-spacing:.08em;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800;animation:1.6s ease-in-out infinite pulse}.code-row .room-code-input{font-variant-numeric:tabular-nums;letter-spacing:.06em;text-align:center;flex:1;min-width:0;font-size:18px;font-weight:800}.pin-input{max-width:260px}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.metric{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:54px;padding:0 14px;display:grid}.metric svg{color:var(--teal-dark)}.metric span,.field-label{color:var(--muted);font-size:13px;font-weight:800}.field-label{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.field-hint{color:var(--muted);font-size:12px;font-weight:500}.metric strong{font-variant-numeric:tabular-nums;font-size:24px}.mask-button{box-shadow:none;color:var(--coral);background:#fff7ed;border:1px solid #fed7aa;width:100%;min-height:54px}.mask-button.active{background:var(--coral);border-color:var(--coral);color:#fff}.language-panel,.log-panel{align-content:start}.language-list,.event-list{gap:8px;display:grid}.language-row{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;min-height:42px;padding:0 14px;display:flex}.language-row strong{border:1px solid var(--line);color:var(--blue);font-variant-numeric:tabular-nums;text-align:center;background:#fff;border-radius:999px;min-width:32px;padding:2px 10px}.empty-state{background:var(--surface-soft);border:1px dashed var(--line-strong);border-radius:var(--radius);color:var(--muted);align-items:center;min-height:96px;padding:16px 18px;font-size:14px;line-height:1.55;display:flex}.event-item{background:var(--surface-soft);border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:var(--radius-sm);color:inherit;gap:3px;padding:10px 12px;text-decoration:none;transition:border-color .16s,transform .16s;display:grid}.event-item strong{font-size:14px}.event-item.action{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.event-item.action:hover{border-color:#0f8b8d6b;transform:translateY(-1px)}.event-copy{gap:3px;min-width:0;display:grid}.event-action-icon{color:var(--teal)}.event-item.error{background:var(--coral-soft);border-left-color:var(--coral)}.event-item.translation{border-left-color:var(--blue)}.event-item p{color:var(--muted);font-size:13px;line-height:1.45}.student-layout{grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:16px;display:grid}.student-topbar{flex-wrap:wrap}.join-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.student-identity-fields{grid-template-columns:auto auto;align-items:end;gap:8px;display:grid}.student-identity-fields label{color:var(--muted);gap:4px;font-size:12px;font-weight:700;display:grid}.join-bar .student-number-input,.join-bar .student-code-input{border:1px solid var(--line);font:inherit;text-align:center;text-transform:uppercase;border-radius:12px;width:74px;min-height:44px;padding:0 10px;font-weight:700}.join-bar .student-code-input{letter-spacing:.12em;width:92px}.student-number-badge{background:var(--teal-soft);color:var(--teal-dark);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800}.student-slots{gap:8px;display:grid}.student-slots-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.student-slots-row input{width:72px}.student-slots table{border-collapse:collapse;width:100%;font-size:14px}.student-slots th,.student-slots td{border-bottom:1px solid var(--line);text-align:left;padding:6px 8px}.student-slots code{letter-spacing:.12em;font-size:16px;font-weight:800}.student-slots .link-button{color:var(--teal-dark)}.join-bar .room-code-input{letter-spacing:2px;text-transform:uppercase;width:180px;font-weight:800}.join-bar .language-select{width:auto;max-width:240px}.summary-panel{perspective:900px;background:#f8fcfb;align-content:start}.panel-heading-actions{align-items:center;gap:10px;display:flex}.flip-button{white-space:nowrap;min-height:36px;padding:0 12px;font-size:14px}.summary-flip{transform-origin:0;animation:.34s summary-flip-in}@keyframes summary-flip-in{0%{opacity:0;transform:rotateY(70deg)}to{opacity:1;transform:rotateY(0)}}.summary-content{gap:8px;max-height:60vh;display:grid;overflow-y:auto}.ko-transcript{gap:8px;max-height:320px;display:grid;overflow-y:auto}.ko-line{border-left:3px solid var(--teal);color:var(--ink);background:#f8fcfb;border-radius:0 8px 8px 0;padding:8px 12px;font-size:17px;line-height:1.5}.ko-line:first-child{background:var(--surface-strong);font-weight:700}.summary-heading{margin-top:8px;font-size:16px;font-weight:800}.summary-heading:first-child{margin-top:0}.summary-bullet{border-left:3px solid var(--teal);padding-left:10px;font-size:16px;line-height:1.5}.view-switch{background:var(--surface-strong);border:1px solid var(--line);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.view-switch button{color:var(--muted);background:0 0;border:0;border-radius:999px;gap:6px;min-height:34px;padding:0 14px;font-size:13px;font-weight:800}.view-switch button.is-active{background:var(--surface);color:var(--teal-dark);box-shadow:0 4px 12px #0f8b8d29}.student-layout--map{grid-template-columns:1fr}.view-switch button{white-space:nowrap}.concept-map{gap:26px;max-width:900px;margin:0 auto;padding:8px 2px;display:grid}.cmap-tree{gap:22px;animation:.36s cubic-bezier(.22,1,.36,1) both cmap-rise;display:grid}@media (min-width:761px){.cmap-tree:has(.cmap-branch){grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;column-gap:30px}}.cmap-main{gap:0;display:grid}@keyframes cmap-rise{0%{opacity:0;transform:translateY(10px)}}.cmap-hero{background:radial-gradient(120% 140% at 0% 0%, #ffffff2e, transparent 55%), linear-gradient(135deg, var(--teal) 0%, var(--teal-dark) 100%);color:#fff;border-radius:18px;gap:10px;width:100%;padding:20px 22px;display:grid;position:relative;box-shadow:0 18px 38px #0a676847}.cmap-tag{letter-spacing:.01em;border-radius:999px;justify-self:start;align-items:center;gap:5px;padding:4px 11px;font-size:12px;font-weight:800;display:inline-flex}.cmap-tag--now{color:#fff;background:#ffffff2e}.cmap-hero-title{font-size:25px;font-weight:800;line-height:1.18}.cmap-hero-idea{color:#ffffffeb;font-size:15px;line-height:1.5}.cmap-vocab{flex-wrap:wrap;gap:7px;margin-top:2px;display:flex}.cmap-chip{color:#fff;background:#ffffff29;border:1px solid #ffffff3d;border-radius:999px;align-items:baseline;gap:6px;padding:4px 11px;font-size:14px;font-weight:700;display:inline-flex}.cmap-chip-sub{color:#ffffffc7;font-size:12px;font-weight:600}.cmap-example{color:#fff;background:#ffffff24;border-radius:12px;align-items:start;gap:7px;padding:9px 12px;font-size:14px;line-height:1.45;display:flex}.cmap-example svg{flex:none;margin-top:2px}.cmap-warn{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;gap:7px;width:100%;margin-top:18px;padding:14px 16px;display:grid;position:relative}.cmap-warn:before{background:linear-gradient(var(--teal), #fdba74);content:"";width:2px;height:18px;position:absolute;top:-18px;left:28px}.cmap-tag--warn{color:var(--coral);background:#fff;border:1px solid #fed7aa;justify-self:start}.cmap-warn-text{color:#7c2d12;font-size:14.5px;font-weight:700;line-height:1.45}.cmap-fix{color:var(--green);align-items:start;gap:6px;font-size:14px;font-weight:700;line-height:1.45;display:flex}.cmap-fix svg{flex:none;margin-top:2px}.cmap-branch{border:1px solid var(--line);background:#fbfdfb;border-radius:16px;width:100%;padding:16px 16px 18px;position:relative}.cmap-branch:before{content:"";width:0;height:0;position:absolute}.cmap-branch-label{color:var(--teal-dark);align-items:center;gap:6px;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.cmap-nodes{gap:10px;margin:0;padding:0 0 0 18px;list-style:none;display:grid;position:relative}.cmap-nodes:before{background:var(--line);content:"";border-radius:2px;width:2px;position:absolute;top:18px;bottom:18px;left:4px}.cmap-node{position:relative}.cmap-node:before{background:var(--line);content:"";width:12px;height:2px;position:absolute;top:21px;left:-14px}.cmap-node:after{background:var(--surface);border:2px solid var(--teal);content:"";border-radius:50%;width:9px;height:9px;position:absolute;top:17px;left:-18px}.cmap-node.is-open:after{background:var(--teal)}.cmap-node-button{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:12px;justify-content:flex-start;align-items:center;gap:9px;width:100%;min-height:44px;padding:0 14px;font-size:16px;font-weight:700;display:flex}.cmap-node-button svg{color:var(--teal);flex:none}.cmap-node-button:hover{border-color:var(--teal);transform:translateY(-1px);box-shadow:0 8px 18px #0f8b8d1f}.cmap-node:hover:before{background:var(--teal)}.cmap-node:hover:after{background:var(--teal);box-shadow:0 0 0 4px #0f8b8d1f}.cmap-node.is-open .cmap-node-button{background:var(--surface-strong);border-color:var(--teal)}.cmap-node-name{text-align:left}.cmap-node-detail{color:var(--muted);padding:9px 14px 4px;font-size:14.5px;line-height:1.5;animation:.24s both cmap-rise}.cmap-links{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:16px;gap:10px;padding:16px;animation:.36s both cmap-rise;display:grid}.cmap-links .cmap-branch-label{color:#6d28d9}.cmap-links-row{flex-wrap:wrap;gap:10px;display:flex}.cmap-link{background:#fff;border:1px solid #ddd6fe;border-radius:12px;gap:3px;max-width:340px;padding:10px 13px;display:grid}.cmap-link-name{color:#5b21b6;font-size:15px;font-weight:800}.cmap-link-text{color:var(--muted);font-size:13.5px;line-height:1.45}.listen-panel{min-height:560px}.audio-strip{color:var(--blue);background:#eef7ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:10px;min-height:54px;padding:0 14px;font-weight:800;display:flex}.transcript{overscroll-behavior:contain;scroll-behavior:smooth;align-content:start;gap:18px;min-height:320px;max-height:60vh;padding-right:8px;display:grid;overflow-y:auto}.transcript-line{border-left:4px solid #0000;border-radius:6px;gap:6px;padding:4px 8px 4px 14px;display:grid}.transcript-line h3{cursor:pointer}.transcript-line h3:hover{background:var(--surface-strong);border-radius:6px}.source-line{border-left:3px solid var(--line);color:var(--muted);overflow-wrap:anywhere;background:#fbfcfa;border-radius:4px;padding:6px 10px;font-size:15px;line-height:1.55}.line-detail{border-left:3px solid var(--surface-strong);gap:10px;padding:6px 0 6px 10px;display:grid}.line-actions{gap:8px;display:flex}.line-actions button{min-height:36px;padding:0 12px;font-size:14px}.replay-player{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;display:grid}.replay-toggle{background:var(--teal);color:#fff;border:0;border-radius:999px;width:38px;height:38px;min-height:38px}.replay-toggle:hover:not(:disabled){background:var(--teal-dark)}.replay-player input[type=range]{accent-color:var(--teal);cursor:pointer;border:0;width:100%;height:6px;min-height:0;padding:0}.replay-time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:700}.corrected-badge{color:var(--green);vertical-align:middle;white-space:nowrap;background:#e9f7ef;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:800}.thread-entry{border-radius:8px;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:8px 10px;font-size:15px;line-height:1.5;display:flex}.thread-entry.question{color:var(--blue);background:#eef7ff;border:1px solid #bfdbfe}.thread-entry.answer{color:#1f513a;background:#e9f7ef;border:1px solid #bbe5c8}.ask-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.ask-row input{min-height:40px}.ask-row button{min-height:40px;padding:0 14px}.transcript-line h3{overflow-wrap:anywhere;font-size:clamp(20px,3.4vw,30px);font-weight:600;line-height:1.45}.transcript-line p{color:var(--muted);overflow-wrap:anywhere;font-size:15px;line-height:1.55}.transcript-line.live{border-left-color:var(--teal)}.transcript-line.live h3:after{background:var(--teal);content:"";vertical-align:text-bottom;border-radius:2px;width:10px;height:1em;margin-left:8px;animation:1.1s steps(2,start) infinite transcript-blink;display:inline-block}@keyframes transcript-blink{50%{opacity:0}}.error-line{color:var(--coral);font-weight:800}.questions-panel,.quiz-report-panel{grid-column:1/-1}.quiz-report{gap:14px;display:grid}.quiz-overview{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.quiz-overview-card{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:14px;gap:8px;padding:14px 16px;display:grid}.quiz-overview-card--precheck{border-left-color:var(--amber)}.quiz-overview-card>header{justify-content:space-between;align-items:baseline;display:flex}.quiz-overview-card>header strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:28px;line-height:1}.quiz-overview-card--precheck>header strong{color:#92400e}.quiz-overview-card--exit>header strong{color:var(--teal-dark)}.quiz-overview-meta,.quiz-ok{color:var(--muted);font-size:13px}.quiz-ok{color:var(--green);font-weight:600}.quiz-kind-tag{letter-spacing:.02em;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.quiz-kind-tag--precheck{color:#92400e;background:#fef3c7}.quiz-kind-tag--exit{color:var(--teal-dark);background:#e7f5ef}.quiz-weak{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.quiz-weak-label{color:var(--coral);font-size:12px;font-weight:800}.quiz-weak-chip{color:#9a3412;background:#fff1ee;border:1px solid #fecdc3;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.quiz-weak-chip b{color:var(--coral);font-variant-numeric:tabular-nums}.quiz-report-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.quiz-student-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:10px;padding:14px;display:grid}.quiz-student-card>header{justify-content:space-between;align-items:center;display:flex}.quiz-student-card>header div{gap:2px;display:grid}.quiz-student-card>header span,.quiz-total{color:var(--muted);font-size:13px}.quiz-student-card>header b{color:var(--teal-dark);font-variant-numeric:tabular-nums;font-size:22px}.quiz-pair{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;display:grid}.quiz-pair-arrow{color:var(--muted);align-self:center}.quiz-cell{background:#f8faf8;border-radius:10px;gap:2px;min-width:0;padding:8px 10px;display:grid}.quiz-cell--precheck{background:#fffbeb}.quiz-cell--exit{background:#eefaf3}.quiz-cell.is-empty{color:var(--muted);background:#f3f4f3}.quiz-cell-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.quiz-cell strong{font-variant-numeric:tabular-nums;font-size:20px;line-height:1.1}.quiz-cell strong small{color:var(--muted);font-size:13px;font-weight:600}.quiz-cell-none{color:var(--muted)}.quiz-cell-missed{color:var(--coral);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.quiz-cell-missed.is-clear{color:var(--green)}.quiz-progress{background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden}.quiz-progress span{background:linear-gradient(90deg, var(--teal) 0%, var(--teal-dark) 100%);border-radius:inherit;height:100%;transition:width .32s;display:block}.quiz-total{margin:0}.quiz-attempt-list{gap:6px;display:grid}.quiz-attempt-list details{background:#f8fafc;border-radius:8px;padding:8px 10px}.quiz-attempt-list summary{cursor:pointer;align-items:center;gap:8px;display:flex}.quiz-attempt-list summary>span:not(.quiz-kind-dot){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.quiz-attempt-list summary strong{font-variant-numeric:tabular-nums}.quiz-kind-dot{border-radius:999px;flex:none;width:8px;height:8px}.quiz-kind-dot--precheck{background:var(--amber)}.quiz-kind-dot--exit{background:var(--teal)}.quiz-standard-results{flex-wrap:wrap;gap:6px;padding-top:8px;display:flex}.quiz-standard-results span{color:var(--teal-dark);background:#e7f5ef;border-radius:999px;padding:4px 8px;font-size:12px}.quiz-standard-results span.is-missed{color:#9a3412;background:#fff1ee}.lesson-brief{border:1px solid var(--line);color:var(--muted);white-space:pre-line;background:#fbfcfa;border-radius:8px;max-height:180px;padding:10px 12px;font-size:14px;line-height:1.55;overflow-y:auto}.question-list{gap:12px;display:grid}.question-card{border:1px solid var(--line);border-left:5px solid var(--amber);background:#fff;border-radius:8px;gap:8px;padding:14px;display:grid}.question-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.language-tag{background:var(--surface-strong);color:var(--teal-dark);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:800}.question-context{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.question-ko{font-size:18px;font-weight:700;line-height:1.45}.question-original{color:var(--muted);font-size:14px;line-height:1.45}.answer-block{background:#e9f7ef;border-radius:8px;gap:4px;padding:10px 12px;display:grid}.answer-ko{font-weight:700}.answer-translated{color:#1f513a;font-size:14px}.answer-form{gap:8px;display:grid}@media (max-width:860px){.entry-shell,.app-shell{padding:16px}.entry-grid,.console-grid,.student-layout,.join-row{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}.status-pill{width:100%}}.mic-meter{background:#94a3b840;border-radius:999px;height:10px;margin:.5rem 0;overflow:hidden}.mic-meter-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:999px;width:0%;height:100%;transition:width 80ms linear}.mic-transcript{border:1px solid var(--line);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;background:#f3faf7;border-radius:8px;min-height:44px;padding:10px 12px;font-size:15px;line-height:1.5}.presenter-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ac7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.presenter-card{text-align:center;background:#fff;border-radius:16px;justify-items:center;gap:12px;width:min(520px,100%);padding:40px 32px 32px;display:grid;position:relative;box-shadow:0 24px 60px #0f172a59}.presenter-close{position:absolute;top:14px;right:14px}.presenter-eyebrow{color:var(--muted);font-size:15px;font-weight:800}.presenter-code{letter-spacing:.12em;color:var(--teal-dark);font-size:clamp(64px,16vw,112px);font-weight:900;line-height:1}.presenter-qr{border:1px solid var(--line);background:#fff;border-radius:12px;width:min(320px,70vw);height:auto}.presenter-qr-placeholder{aspect-ratio:1;background:var(--surface-strong)}.presenter-url{color:var(--muted);overflow-wrap:anywhere;font-size:15px}.presenter-hint{color:var(--ink);font-size:16px;font-weight:700}.save-star{color:#cbd5e1;cursor:pointer;background:0 0;border:none;min-height:32px;padding:0 6px;font-size:20px;line-height:1}.save-star.saved{color:var(--amber)}.info-line{color:var(--teal-dark);font-weight:700}.review-link{text-decoration:none}.review-stage{justify-items:center;gap:16px;padding:24px 0;display:grid}.review-card{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:16px;justify-items:center;gap:16px;width:min(560px,100%);padding:40px 24px;display:grid;position:relative;box-shadow:0 10px 26px #1f2a250f}.review-listen{position:absolute;top:12px;right:12px}.review-ko{font-size:clamp(24px,5vw,36px);font-weight:800}.review-translated{color:var(--teal-dark);font-size:20px}.review-grade button{min-width:120px}.lesson-flow{border-top:1px solid var(--line);gap:10px;margin-top:14px;padding-top:14px;display:grid}.lesson-action{background:var(--surface);border:1px solid var(--line);color:var(--ink);text-align:left;border-radius:12px;grid-template-columns:auto auto 1fr;justify-content:start;align-items:center;gap:10px;min-height:56px;padding:10px 12px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.lesson-action:hover:not(:disabled){border-color:var(--teal);box-shadow:0 6px 18px #0f8b8d1f}.lesson-action svg{color:var(--teal-dark)}.lesson-action--pre svg{color:var(--amber)}.lesson-action-step{background:var(--surface-strong);color:var(--teal-dark);border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:inline-flex}.lesson-action--pre .lesson-action-step{color:#92400e;background:#fef3c7}.lesson-action.is-sent{background:linear-gradient(#fffbeb 0%,#fff 70%);border-color:#d9770673}.lesson-action-copy{gap:2px;min-width:0;display:grid}.lesson-action-copy strong{font-size:14px;line-height:1.3}.lesson-action-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.4;overflow:hidden}.standard-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.standard-tags li{background:var(--surface-strong);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px}.lesson-review{gap:14px;margin-bottom:24px;display:grid}.lesson-card{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--teal);border-radius:10px;gap:12px;padding:16px;display:grid}.lesson-card h2{margin:0;font-size:17px}.lesson-label{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:600}.lesson-summary-line{margin:0 0 4px;font-size:15px;line-height:1.55}.lesson-structure{gap:8px;display:grid}.lesson-review--ref{border-top:1px solid var(--line);margin-top:28px;padding-top:16px}.lesson-review--ref .lesson-card h2{font-size:15px}.lesson-review--ref .concept-row{padding:9px 11px}.lesson-review--ref .concept-title{font-size:14px}.lesson-review--ref .concept-badge{padding:2px 7px;font-size:10px}.lesson-review--ref .note-explanation{font-size:13px;line-height:1.45}.lesson-review--ref .note-check{font-size:12px}.lesson-review--ref .prereq-explanation{font-size:13px}.concept-row{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--teal-dark);border-radius:10px;padding:12px 14px}.concept-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.concept-badge{background:var(--teal-dark);color:#fff;letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.concept-title{margin:0;font-size:17px;font-weight:700;line-height:1.35}.concept-title-ko{color:var(--muted);margin:2px 0 0;font-size:13px}.concept-name{font-weight:600}.prereq-toggle{color:var(--blue);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:13px;display:inline-flex}.prereq-section-label{color:var(--blue);margin:0 0 2px;font-size:12px;font-weight:700}.prereq-list{border-left:2px dashed var(--line);gap:8px;margin:10px 0 0 6px;padding-left:12px;display:grid}.prereq-item{border:1px solid var(--line);border-left:4px solid var(--blue);background:#fbfcff;border-radius:8px;gap:2px;padding:8px 11px;display:grid}.prereq-name{color:var(--muted);margin:0;font-size:12px;font-weight:700}.prereq-explanation{margin:0;font-size:14px;line-height:1.45}.concept-note{gap:6px;margin-top:8px;display:grid}.note-key-idea{margin:0;font-size:16px;font-weight:600}.note-explanation{margin:0;font-size:15px;line-height:1.55}.note-example{background:var(--surface-strong);border-radius:8px;margin:0;padding:8px 10px;font-size:14px}.note-vocab{flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none;display:flex}.note-vocab li{background:var(--surface-strong);border-radius:999px;align-items:baseline;gap:6px;padding:3px 10px;font-size:13px;display:inline-flex}.note-vocab-translated{color:var(--teal-dark)}.note-check{color:var(--coral);margin:4px 0 0;font-size:14px;font-weight:600}.note-fixpair{background:#fff7ed;border-left:3px solid #f59e0b;border-radius:8px;gap:4px;margin:0;padding:8px 11px;display:grid}.note-misconception{color:#9a3412;margin:0;font-size:14px;font-weight:600;line-height:1.45}.note-fix{color:var(--teal-dark);margin:0;font-size:14px;line-height:1.45}.lesson-review--ref .note-misconception,.lesson-review--ref .note-fix{font-size:13px}.problem-stage{gap:12px;margin-top:24px;display:grid}.problem-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:10px;padding:14px 16px;display:grid}.problem-prompt{margin:0;font-size:16px;font-weight:600;line-height:1.4}.problem-choices{gap:8px;display:grid}.problem-choice{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:10px;padding:10px 12px;font-size:15px}.problem-choice:disabled{cursor:default}.problem-choice.is-correct{border-color:var(--teal-dark);color:var(--teal-dark);background:#ecfdf5;font-weight:600}.problem-choice.is-wrong{color:#b91c1c;background:#fef2f2;border-color:#ef4444}.problem-result{border-radius:10px;gap:4px;padding:10px 12px;display:grid}.problem-result.ok{background:#ecfdf5}.problem-result.no{background:#fff7ed}.problem-result strong{font-size:14px}.problem-result.ok strong{color:var(--teal-dark)}.problem-result.no strong{color:#9a3412}.problem-result p{margin:0;font-size:14px;line-height:1.5}.join-bar .student-name-input{width:170px;min-width:150px}.quiz-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;--quiz-accent:var(--teal);--quiz-accent-dark:var(--teal-dark);--quiz-accent-soft:#e7f5ef;background:#0f172a94;justify-content:center;align-items:center;padding:18px;animation:.18s ease-out quiz-fade;display:flex;position:fixed;inset:0}.quiz-overlay--precheck{--quiz-accent:var(--amber);--quiz-accent-dark:#92400e;--quiz-accent-soft:#fef3c7}@keyframes quiz-fade{0%{opacity:0}to{opacity:1}}@keyframes quiz-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.quiz-dialog{background:var(--surface);border-top:6px solid var(--quiz-accent);border-radius:20px;width:100%;max-width:720px;max-height:calc(100vh - 36px);padding:22px 24px 24px;animation:.22s cubic-bezier(.2,.8,.2,1) quiz-rise;position:relative;overflow-y:auto;box-shadow:0 28px 80px #0f172a47}.quiz-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.quiz-head h2{margin:4px 0 2px;font-size:22px;line-height:1.25}.quiz-kind{color:var(--quiz-accent-dark)}.quiz-lesson{color:var(--muted);font-size:13px}.quiz-close{flex:none}.quiz-intro{color:var(--muted);margin:10px 0 14px;line-height:1.55}.quiz-steps{gap:6px;margin-bottom:14px;display:flex}.quiz-steps span{background:var(--line);border-radius:999px;flex:1;height:6px;transition:background .2s}.quiz-steps span.is-done{background:var(--quiz-accent)}.quiz-question-list{gap:14px;display:grid}.quiz-question{border:1px solid var(--line);border-radius:16px;padding:16px;transition:border-color .16s,box-shadow .16s}.quiz-question.is-answered{border-color:#0f8b8d73}.quiz-question.is-correct{box-shadow:inset 4px 0 0 var(--green);border-color:#2f855a80}.quiz-question.is-wrong{box-shadow:inset 4px 0 0 var(--coral);border-color:#c2410c73}.quiz-question-head{align-items:center;gap:10px;display:flex}.quiz-number{background:var(--quiz-accent-soft);color:var(--quiz-accent-dark);border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:800;display:inline-flex}.quiz-question h3{margin:10px 0 12px;font-size:18px;line-height:1.5}.quiz-standard{color:var(--muted);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:12px;font-weight:700;overflow:hidden}.quiz-choices{gap:8px;display:grid}.quiz-choice{border:1.5px solid var(--line);color:var(--ink);text-align:left;background:#fff;border-radius:12px;justify-content:flex-start;gap:12px;min-height:48px;padding:10px 14px 10px 10px;font-weight:600;line-height:1.45}.quiz-choice:hover:not(:disabled){border-color:var(--quiz-accent);transform:none}.quiz-choice:disabled{opacity:1}.quiz-letter{background:var(--surface-strong);color:var(--muted);border-radius:8px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:inline-flex}.quiz-choice-text{flex:1}.quiz-choice-mark{color:var(--green);flex:none}.quiz-choice.is-picked{border-color:var(--blue);background:#eff6ff}.quiz-choice.is-picked .quiz-letter{background:var(--blue);color:#fff}.quiz-choice.is-correct{border-color:var(--green);color:#14532d;background:#ecfdf5}.quiz-choice.is-correct .quiz-letter{background:var(--green);color:#fff}.quiz-choice.is-wrong{color:#b91c1c;background:#fef2f2;border-color:#ef4444}.quiz-choice.is-wrong .quiz-letter{color:#fff;background:#ef4444}.quiz-explanation{background:#f8fafc;border-radius:10px;gap:8px;margin-top:10px;padding:10px 12px;display:grid}.quiz-explanation p{margin:0;line-height:1.5}.quiz-explanation summary{color:var(--teal-dark);cursor:pointer;font-size:13px;font-weight:700}.quiz-footer{background:var(--surface);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin:18px -24px -24px;padding:12px 24px 16px;display:flex;position:sticky;bottom:-24px}.quiz-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.quiz-submit{background:var(--quiz-accent-dark);flex:1;max-width:320px;min-height:48px}.quiz-submit:hover:not(:disabled){background:var(--quiz-accent-dark);filter:brightness(1.08)}.quiz-score{background:var(--quiz-accent-soft);color:var(--quiz-accent-dark);border-radius:14px;align-items:center;gap:14px;margin-top:18px;padding:14px;display:flex}.quiz-score-ring{background:conic-gradient(var(--quiz-accent) calc(var(--pct,0) * 1%), #00000014 0);border-radius:999px;flex:none;justify-content:center;align-items:center;width:64px;height:64px;display:inline-flex;position:relative}.quiz-score-ring:before{background:var(--surface);border-radius:inherit;content:"";position:absolute;inset:6px}.quiz-score-ring strong{font-variant-numeric:tabular-nums;font-size:20px;position:relative}.quiz-score-ring small{color:var(--muted);font-size:12px;font-weight:600}.quiz-score-copy{flex:1;gap:2px;min-width:0;display:grid}.quiz-score-copy strong{font-size:17px}.quiz-score-copy span{color:var(--muted);font-size:13px}.quiz-score button{background:var(--quiz-accent-dark);margin-left:auto}@media (max-width:520px){.quiz-dialog{padding:18px 16px 20px}.quiz-footer{margin:16px -16px -20px;padding:10px 16px 14px}.quiz-score{flex-wrap:wrap}.quiz-score button{width:100%}}.lesson-brief{background:var(--surface-soft);border:1px solid var(--line);border-left:4px solid var(--teal);border-radius:var(--radius-sm);color:var(--ink-soft);white-space:pre-line;max-height:160px;padding:10px 12px;font-size:13.5px;line-height:1.55;overflow-y:auto}.standard-tags li{background:var(--teal-soft);color:var(--teal-dark);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.question-card{border-radius:var(--radius);box-shadow:none;border-left-width:4px}.mic-meter{background:var(--paper-deep);height:8px;margin:2px 0}.mic-meter-fill{background:linear-gradient(90deg, var(--teal) 0%, var(--green) 100%)}.mic-transcript{border-radius:var(--radius-sm)}.ko-transcript{max-height:320px;overflow-y:auto}.lesson-picker{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:0;display:grid;overflow:hidden}.lp-tabs{background:var(--surface-soft);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;padding:8px;display:flex}.lp-tab{box-shadow:none;color:var(--ink-soft);background:0 0;border:1px solid #0000;border-radius:999px;flex:none;gap:6px;min-height:32px;padding:0 12px;font-size:13px;font-weight:700;position:relative}.lp-tab:hover:not(:disabled){background:#fff;transform:none}.lp-tab.is-active{background:var(--ink);color:#fff}.lp-tab-dot{background:var(--amber);border-radius:999px;width:7px;height:7px}.lp-search{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:8px 12px;display:flex}.lp-search input{background:0 0;border:0;border-radius:0;min-height:32px;padding:0}.lp-search input:focus{box-shadow:none}.lp-groups{scrollbar-width:thin;gap:12px;max-height:320px;padding:12px;display:grid;overflow-y:auto}.lp-empty{min-height:64px}.lp-group{gap:8px;display:grid}.lp-group h4{color:var(--muted);letter-spacing:.04em;margin:0;font-size:12px;font-weight:800}.lp-chips{flex-wrap:wrap;gap:6px;display:flex}.lp-chip{border:1px solid var(--line-strong);box-shadow:none;color:var(--ink);text-align:left;background:#fff;border-radius:999px;gap:6px;min-height:34px;padding:0 12px 0 6px;font-size:13px;font-weight:600}.lp-chip:hover:not(:disabled){border-color:var(--teal);transform:none}.lp-chip-code{background:var(--surface-strong);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:800}.lp-chip.is-on{background:var(--teal-soft);border-color:var(--teal);color:var(--teal-dark)}.lp-chip.is-on .lp-chip-code{background:var(--teal);color:#fff}.lp-plan{gap:6px;max-height:320px;padding:10px;display:grid;overflow-y:auto}.lp-plan-item{border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:none;color:var(--ink);text-align:left;background:#fff;grid-template-columns:1fr auto;justify-items:start;gap:2px;min-height:52px;padding:8px 12px;display:grid}.lp-plan-item strong{grid-column:1;font-size:14px}.lp-plan-item svg{color:var(--teal-dark);grid-area:1/2/span 2}.lp-plan-item:hover:not(:disabled){border-color:var(--teal);transform:none}.lp-plan-item.is-on{background:var(--teal-soft);border-color:var(--teal)}.lp-plan-meta{color:var(--muted);grid-column:1;font-size:12px;font-weight:700}.lp-footer{background:var(--surface-soft);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.lp-selection{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.lp-hint{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.lp-tag{border:1px dashed var(--amber);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:3px 4px 3px 10px;font-size:13px;font-weight:700;display:inline-flex}.lp-tag.is-applied{background:var(--teal-soft);border:1px solid var(--teal);color:var(--teal-dark)}.lp-tag--plan{border:1px solid var(--teal);color:var(--teal-dark);padding-right:10px}.lp-tag button{box-shadow:none;color:inherit;background:0 0;border-radius:999px;width:22px;height:22px;min-height:0;padding:0}.lp-tag button:hover:not(:disabled){background:#0000000f;transform:none}.lp-apply{min-height:40px}@media (max-width:860px){.topbar-status{justify-content:space-between}.panel-heading{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.control-panel{padding:16px 18px 18px}}.qr-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:900;--qr-accent:var(--teal);--qr-accent-dark:var(--teal-dark);--qr-accent-soft:var(--teal-soft);background:#0f172a8c;justify-content:center;align-items:center;padding:18px;animation:.16s ease-out quiz-fade;display:flex;position:fixed;inset:0}.qr-dialog{background:var(--surface);border-top:6px solid var(--qr-accent);border-radius:20px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;width:100%;max-width:880px;max-height:calc(100vh - 36px);padding:20px 24px;animation:.2s cubic-bezier(.2,.8,.2,1) quiz-rise;display:grid;box-shadow:0 28px 80px #0f172a47}.qr-dialog--precheck{--qr-accent:var(--amber);--qr-accent-dark:#92400e;--qr-accent-soft:var(--amber-soft)}.qr-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.qr-head h2{margin-top:2px;font-size:21px;line-height:1.25}.qr-eyebrow{color:var(--qr-accent-dark)}.qr-lesson,.qr-hint{color:var(--muted);font-size:13.5px;line-height:1.5}.qr-list{scrollbar-width:thin;gap:10px;padding-right:4px;display:grid;overflow-y:auto}.qr-item{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);opacity:.62;gap:10px;padding:12px 14px;transition:opacity .16s,border-color .16s;display:grid}.qr-item.is-on{border-color:var(--qr-accent);opacity:1;background:#fff}.qr-item.has-issue{border-color:var(--coral)}.qr-pick{cursor:pointer;align-items:center;gap:10px;display:flex}.qr-pick input[type=checkbox]{accent-color:var(--qr-accent-dark);width:18px;height:18px;min-height:0}.qr-number{background:var(--qr-accent-soft);color:var(--qr-accent-dark);border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:inline-flex}.qr-standard{color:var(--muted);align-items:center;gap:8px;min-width:0;font-size:12.5px;font-weight:700;display:inline-flex}.qr-standard em{background:var(--qr-accent-soft);color:var(--qr-accent-dark);border-radius:999px;padding:2px 8px;font-size:11px;font-style:normal}.qr-dialog textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);font:inherit;resize:vertical;background:#fff;width:100%;padding:8px 10px;line-height:1.5}.qr-dialog textarea:focus{border-color:var(--qr-accent);box-shadow:var(--focus);outline:none}.qr-prompt{font-size:15px;font-weight:700}.qr-choices{gap:6px;display:grid}.qr-choice{grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;display:grid}.qr-choice input[type=radio]{accent-color:var(--green);width:18px;height:18px;min-height:0}.qr-choice input[type=text],.qr-choice input:not([type]){min-height:40px}.qr-choice.is-answer input:not([type]){background:#f0fdf4;border-color:#2f855a80}.qr-letter{background:var(--surface-strong);color:var(--muted);border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:inline-flex}.qr-choice.is-answer .qr-letter{background:var(--green);color:#fff}.qr-remove{width:32px;height:32px;min-height:0}.qr-add{border:1px dashed var(--line-strong);box-shadow:none;color:var(--muted);background:0 0;justify-self:start;min-height:34px;padding:0 12px;font-size:13px}.qr-add:hover:not(:disabled){border-color:var(--qr-accent);color:var(--qr-accent-dark);transform:none}.qr-more{gap:8px;display:grid}.qr-more summary{color:var(--qr-accent-dark);cursor:pointer;font-size:13px;font-weight:700}.qr-grounding{background:var(--surface-soft);border-left:3px solid var(--line-strong);color:var(--ink-soft);padding:6px 10px;font-size:13px;line-height:1.5}.qr-issue{color:var(--coral);font-size:13px;font-weight:700}.qr-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;display:flex}.qr-count{color:var(--muted);font-size:13px;font-weight:700}.qr-count.is-bad{color:var(--coral)}.qr-actions{gap:8px;display:flex}.qr-send{background:var(--qr-accent-dark);box-shadow:none}.qr-send:hover:not(:disabled){background:var(--qr-accent-dark);filter:brightness(1.08)}.lesson-action.is-busy{opacity:.7}.lesson-action.is-busy svg:first-of-type{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.panel-alert{background:var(--coral-soft);border:1px solid color-mix(in srgb, var(--coral) 45%, transparent);border-radius:var(--radius);color:var(--ink);word-break:break-word;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:0 0 10px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.panel-alert strong{color:var(--coral);flex-shrink:0}.transcript{gap:12px;padding-right:4px}.transcript-line{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--peach);border-radius:var(--radius);box-shadow:var(--shadow-sm);gap:10px;padding:14px 16px 12px 18px;transition:border-color .16s,box-shadow .16s,transform .16s}.transcript-line:hover{transform:translateY(-1px);box-shadow:0 10px 28px #4838281a}.transcript-line.live{border-left-color:var(--teal);background:linear-gradient(#fffdf9 0%,#fff7ee 100%)}.transcript-line h3{color:var(--ink);border-radius:10px;margin:-4px -6px;padding:4px 6px;font-size:clamp(20px,3.2vw,28px);font-weight:650;line-height:1.5}.transcript-line h3:hover{background:var(--surface-strong)}.line-toolbar{flex-wrap:wrap;gap:6px;display:flex}.line-chip{background:var(--surface-soft);border:1px solid var(--line);box-shadow:none;color:var(--ink-soft);border-radius:999px;gap:6px;min-height:34px;padding:0 12px;font-size:13px;font-weight:650}.line-chip:hover:not(:disabled){background:var(--teal-soft);color:var(--teal-dark);border-color:#6d5dd359}.line-chip.is-active{background:var(--teal-soft);border-color:var(--teal);color:var(--teal-dark)}.line-detail{gap:10px;display:grid}.source-line{background:var(--surface-soft);border:1px dashed var(--line-strong);border-left:3px solid var(--peach);color:var(--ink-soft);border-radius:12px;padding:10px 12px;font-size:16px;line-height:1.8}.source-line--tappable{flex-wrap:wrap;gap:2px 0;display:flex}.ko-token{box-shadow:none;color:var(--ink);font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;min-height:0;padding:0 4px;font-weight:500;transition:background .12s,color .12s}.ko-token:hover:not(:disabled){background:var(--amber-soft);color:var(--ink);transform:none}.ko-token.is-saved{background:var(--mint);color:#1f6b46;border-color:#2f855a59;font-weight:700}.ko-token.is-pending{background:var(--teal-soft);color:var(--teal-dark);opacity:1}.thread{gap:6px;display:grid}.thread-entry{border-radius:12px;padding:8px 12px;font-size:15px}.thread-entry.question{background:var(--sky);color:#1e3a8a}.thread-entry.answer{background:var(--mint);color:#1f5f42;border:0}.vocab-chip{background:var(--surface);border:1px solid var(--line-strong);box-shadow:none;color:var(--ink-soft);border-radius:999px;min-height:40px;padding:0 12px;font-size:14px}.vocab-chip:hover:not(:disabled),.vocab-chip.is-open{background:var(--amber-soft);border-color:var(--amber);color:#8a4b06}.vocab-count{background:var(--amber);color:#fff;text-align:center;border-radius:999px;min-width:20px;padding:0 6px;font-size:12px;font-weight:800;line-height:20px}.word-toast{color:#8a4b06;background:linear-gradient(135deg,#fff3d6 0%,#ffe6cf 100%);border:1px solid #d9770659;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 14px;font-size:14px;font-weight:700;animation:.22s word-toast-in;display:inline-flex}@keyframes word-toast-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.word-selectable,.word-selectable .translated-token,.word-selectable .ko-token{-webkit-user-select:text;user-select:text}.translated-token,.ko-token{cursor:pointer}.translated-token.is-pending,.ko-token.is-pending{cursor:progress}.transcript-line{position:relative}.drag-hint{color:var(--ink-soft);align-items:center;gap:6px;margin:0 0 6px;font-size:13px;font-weight:600;display:inline-flex}.word-lookup{background:var(--surface);z-index:5;border:1px solid #d9770666;border-radius:14px;gap:8px;width:max-content;max-width:min(360px,100%);padding:12px 14px;animation:.18s word-toast-in;display:grid;position:absolute;top:0;left:0;box-shadow:0 12px 32px #141e282e}.word-lookup--inline{width:auto;max-width:100%;margin:6px 0 2px;position:static}.word-lookup-head{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.word-lookup-head strong{font-size:18px}.word-lookup-translated{color:var(--ink-soft);font-weight:600}.word-lookup-source{background:var(--teal-soft);color:var(--teal-dark);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.word-lookup-close{margin-left:auto}.word-lookup-note{color:var(--ink-soft);margin:0;font-size:14px}.word-lookup-note.is-error{color:#b3261e}.word-lookup .vocab-entry{margin:0}.word-lookup-saved{color:#1f6b46;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:700;display:flex}.link-button{box-shadow:none;color:var(--ink-soft);font:inherit;background:0 0;border:0;min-height:0;padding:0 2px;font-size:13px;text-decoration:underline}.vocab-drawer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);gap:14px;padding:18px 20px 20px;display:grid}.vocab-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.vocab-head h2{align-items:center;gap:8px;font-size:22px;display:inline-flex}.vocab-head-actions{align-items:center;gap:8px;display:flex}.vocab-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.vocab-item{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);gap:8px;padding:12px 14px;display:grid}.vocab-term{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.vocab-term strong{font-size:20px}.vocab-translated{background:var(--teal-soft);color:var(--teal-dark);border-radius:999px;padding:3px 10px;font-size:14px;font-weight:700}.vocab-entry{grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0;display:grid}.vocab-entry dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding-top:3px;font-size:12px;font-weight:800}.vocab-entry dd{gap:2px;margin:0;display:grid}.vocab-entry dd span{font-size:15px;line-height:1.55}.vocab-entry .vocab-mine{color:var(--ink-soft)}.review-entry{background:var(--surface-soft);text-align:left;border-radius:12px;padding:10px 12px}.vocab-stage{gap:12px;display:grid}.icon-button{background:var(--surface);border:1px solid var(--line);box-shadow:none;color:var(--ink-soft);min-width:36px;min-height:36px;padding:0}.icon-button:hover:not(:disabled){background:var(--teal-soft);color:var(--teal-dark)}@media (max-width:720px){.transcript-line h3{font-size:20px}.vocab-entry{grid-template-columns:1fr}}a.secondary-button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);background:#fff;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:700;text-decoration:none;display:inline-flex}a.secondary-button:hover{border-color:var(--teal);color:var(--teal-dark)}.sound-toggle{background:var(--surface-soft);border:1px solid var(--line-strong);box-shadow:none;color:var(--ink-soft);border-radius:999px;min-height:34px;padding:0 12px;font-size:13px}.sound-toggle:hover:not(:disabled){background:var(--teal-soft);border-color:var(--teal);color:var(--teal-dark)}.sound-toggle.is-muted{background:var(--amber-soft);border-color:var(--amber);color:#8a4b06}.muted-hint{background:var(--amber-soft);color:#8a4b06;border-radius:10px;margin:-6px 0 10px;padding:6px 10px;font-size:13px}.student-chat-form textarea,.answer-form textarea{resize:vertical;width:100%;min-width:0;font:inherit;color:#302b23;background:#fff;border:1px solid #dfd0ad;border-radius:10px;flex:1;padding:12px}.chat-pending{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff8e7;border-radius:10px;flex-basis:100%;padding:8px 12px}.chat-pending small{opacity:.7;display:block}.lp-life{border:1px solid #dfd0ad;border-radius:12px;margin-bottom:16px;padding:12px}.lp-life p{margin:6px 0 10px;font-size:13px}.chat-pending{max-height:8em;overflow:auto}.teacher-workspace .lp-life .lp-tab[aria-pressed=true]{color:#fff;background:#24483f;border-color:#24483f}
:root{--paper:#f7f8fc;--paper-deep:#eef0f7;--surface:#fff;--surface-strong:#f0edff;--surface-soft:#fafaff;--ink:#22243b;--ink-soft:#50546d;--muted:#73788e;--line:#e7e9f1;--line-strong:#d4d8e5;--teal:#7560df;--teal-dark:#6450ce;--teal-soft:#f0edff;--shadow-sm:0 2px 8px #22243b04;--shadow:0 16px 48px #22243b0a;--focus:0 0 0 3px #7560df26}body{background:var(--paper)}button{background:var(--teal-dark);box-shadow:none}button:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #a99aea}h1,h2,h3{letter-spacing:-.035em}.section-kicker{color:var(--muted);letter-spacing:1.5px;font-size:11px;font-weight:700;line-height:1.6;display:block}.control-panel,.transcript-panel,.summary-panel,.lesson-review,.review-stage,.vocab-stage{border-color:var(--line);box-shadow:var(--shadow-sm)}.teacher-shell{max-width:1480px}.lesson-brief{background:#f7f7fc;font-size:14px;line-height:1.85}.lp-chip{line-height:1.65}.lp-chip.is-selected,.lp-tag.is-applied{color:#6450ce;background:#f2efff;border-color:#b5a8ed}.concept-map{gap:24px;max-width:1040px;padding:0}.cmap-tree{border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:18px;padding:28px;display:block}.concept-section-header{color:var(--muted);letter-spacing:1px;align-items:center;gap:10px;margin-bottom:20px;font-size:11px;font-weight:700;display:flex}.concept-section-header small{letter-spacing:0;margin-left:auto;font-size:12px;font-weight:400}.concept-number{color:#7560df;background:#f0edff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.cmap-main{display:block}.cmap-hero{color:var(--ink);box-shadow:none;background:0 0;border:0;padding:0}.cmap-tag--now{color:#7560df;background:0 0;padding:0;font-size:12px}.cmap-hero-title{color:var(--ink);margin:10px 0 16px;font-size:25px;line-height:1.5}.cmap-hero-idea{color:var(--ink);font-size:18px;line-height:1.8}.cmap-explanation{color:var(--ink-soft);white-space:pre-wrap;font-size:15px;line-height:1.9}.cmap-chip{color:#65588a;background:#f4f3fb;border:0;border-radius:6px;padding:6px 10px;font-size:13px}.cmap-chip-sub{color:var(--muted)}.cmap-example{color:#494263;background:#f7f5ff;border:0;border-left:3px solid #9b8ae5;border-radius:0 12px 12px 0;align-items:flex-start;gap:12px;margin-top:20px;padding:20px;font-size:16px;line-height:1.9;display:flex}.cmap-example svg{color:#8a77d5;flex-shrink:0;margin-top:4px}.note-block-label{color:#7a699f;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.cmap-warn{background:#fffcf6;border:1px solid #f0e6d7;border-radius:12px;margin:22px 0 0;padding:20px}.cmap-warn:before{display:none}.cmap-tag--warn{color:#9d783e;background:0 0;border:0;padding:0;font-size:12px}.cmap-warn-text{color:#756349;font-size:15px;line-height:1.85}.cmap-fix{color:#50546d;border-top:1px solid #efe6d8;margin-top:14px;padding-top:14px;font-size:15px;line-height:1.85}.cmap-check{border:1px solid var(--line);background:#fafbfe;border-radius:12px;margin-top:22px;padding:18px 20px}.cmap-check p{margin:6px 0;font-size:15px;line-height:1.8}.cmap-branch{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.cmap-branch:before,.cmap-nodes:before,.cmap-node:before,.cmap-node:after{display:none}.cmap-nodes{flex-wrap:wrap;gap:10px;margin-top:12px;padding:0;display:flex}.cmap-node{max-width:100%;padding:0}.cmap-node-button{border:1px solid var(--line);color:var(--ink-soft);background:#f7f8fc;border-radius:9px;padding:10px 14px;font-size:14px}.cmap-node-detail{background:#f7f8fc;border-radius:10px;max-width:560px;padding:16px;line-height:1.9}.cmap-links{background:#f3f0ff;border-color:#e2dbf7}.concept-row{border:1px solid var(--line);background:#fff;border-radius:16px;margin-bottom:20px;padding:24px}.concept-title{font-size:22px}.concept-note,.note-explanation{font-size:16px;line-height:1.9}.note-example,.note-check{background:#f7f5ff;border-radius:12px;padding:20px;line-height:1.9}.note-fixpair{background:#fffcf6;border:1px solid #f0e6d7;border-radius:12px;padding:18px}.note-misconception,.note-fix{line-height:1.85}.word-pool{background:#faf9ff;border:1px solid #e6e0f5;border-radius:14px;margin:20px 0;padding:20px}.word-pool header{justify-content:space-between;align-items:center;gap:10px;display:flex}.word-pool h3{align-items:center;gap:8px;margin:8px 0 0;font-size:16px;display:flex}.pool-count{color:#7560df;white-space:nowrap;font-size:13px}.word-pool>p,.word-pool>small{color:var(--muted);font-size:13px;line-height:1.8;display:block}.pool-chips{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.pool-chips button{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;min-height:38px;padding:7px 12px;font-size:13px}.pool-chips button[aria-pressed=true]{color:#6550b5;background:#eee9ff;border-color:#b8a8ed}.pool-add{gap:8px;display:flex}.pool-add input{background:#fff;min-width:0}.word-pool footer{flex-wrap:wrap;justify-content:space-between;gap:10px;margin:16px 0;display:flex}.word-pool footer button{font-size:13px}.word-pool .pool-reset{color:var(--ink-soft);background:0 0}.quiz-overview-card,.quiz-student-card{border:1px solid var(--line);box-shadow:none;border-radius:16px;overflow:hidden}.quiz-attempt-list details{border:1px solid var(--line);border-radius:12px;margin-top:12px;padding:16px}.answer-review-list{gap:18px;margin-top:20px;display:grid}.answer-review{border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;border-radius:14px;padding:22px}.answer-review.is-wrong{border-color:#ebd9bb}.answer-review>header{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.answer-review>header b{color:#278269;background:#eef8f4;border-radius:6px;padding:5px 9px;font-size:12px}.answer-review.is-wrong>header b{color:#9c7034;background:#fff5e5}.answer-review h4{margin:18px 0;font-size:17px;line-height:1.8}.answer-review ol{gap:8px;padding:0;list-style:none;display:grid}.answer-review li{border:1px solid var(--line);color:var(--ink-soft);border-radius:9px;align-items:center;gap:10px;padding:12px;font-size:15px;line-height:1.7;display:flex}.answer-review li>span:first-child{text-align:center;background:#f4f5fa;border-radius:6px;flex:0 0 26px}.answer-choice-text{flex:1}.answer-review em{white-space:nowrap;font-size:12px;font-style:normal}.answer-review li.correct-answer{color:#27765a;background:#eff9f4;border-color:#9cd2b9}.answer-review li.selected-answer{color:#8a602b;background:#fff8ec;border-color:#e1bd85}.answer-explanation,.answer-diagnosis{background:#f7f8fc;border-radius:10px;margin-top:14px;padding:16px}.answer-explanation strong,.answer-diagnosis strong{font-size:13px}.answer-explanation p,.answer-diagnosis p{margin:8px 0 0;font-size:15px;line-height:1.9}.answer-diagnosis{background:#fffbf2}.answer-diagnosis small{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.8;display:block}.lesson-card-heading{gap:8px;margin-bottom:18px;display:grid}.lesson-card-heading h2{font-size:23px;line-height:1.6}.lesson-card .lesson-summary{background:#f7f8fc;border-radius:14px;margin-bottom:24px;padding:22px}.lesson-summary-line{line-height:1.9}.practice-quiz{margin:28px 0}.practice-quiz>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.practice-quiz h3{margin:7px 0;font-size:22px}.practice-quiz>header p{color:var(--muted);margin:0;font-size:14px}.practice-count{color:#7560df;background:#eee9ff;border-radius:12px;place-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:grid}.practice-question{border:1px solid var(--line);background:#fff;border-radius:16px;margin:16px 0;padding:24px}.practice-question h4{align-items:baseline;gap:14px;margin:0 0 20px;font-size:18px;line-height:1.8;display:flex}.practice-question h4>span{color:#9a8acb;flex-shrink:0;font-size:13px}.practice-options{gap:10px;display:grid}.practice-options .practice-option{text-align:left;border:1px solid var(--line);width:100%;color:var(--ink-soft);box-shadow:none;background:#fff;border-radius:10px;justify-content:flex-start;gap:12px;padding:13px 16px;font-size:15px;font-weight:500;line-height:1.7;display:flex}.practice-option .option-number{border:1px solid var(--line);width:27px;height:27px;color:var(--muted);border-radius:7px;flex-shrink:0;align-self:flex-start;place-items:center;font-size:12px;display:grid}.practice-option>span:nth-child(2){flex:1}.practice-option em{align-items:center;gap:4px;font-size:12px;font-style:normal;display:flex}.practice-options .practice-option.is-picked{color:#6450a6;background:#f6f3ff;border-color:#aa98e8}.practice-options .practice-option:disabled{opacity:1;cursor:default}.practice-options .practice-option.is-correct{color:#27765a;background:#eff9f4;border-color:#9cd2b9}.practice-options .practice-option.is-wrong{color:#a15b3e;background:#fff5f0;border-color:#e6b39a}.practice-submit{margin-top:18px}.practice-result{background:#fff8ef;border-radius:12px;margin-top:20px;padding:18px;font-size:15px;line-height:1.85}.practice-result.is-correct{background:#f0f9f5}.practice-result p{margin:8px 0 0}.practice-question .practice-retry{color:var(--ink-soft);background:0 0;border:0;margin-top:14px;padding:0;font-size:13px}.practice-note{color:var(--muted);font-size:12px;line-height:1.8;display:block}@media (min-width:760px){.cmap-tree:has(.cmap-branch){grid-template-columns:none}}@media (max-width:640px){.cmap-tree,.concept-row{padding:20px}.cmap-hero-title{font-size:22px}.concept-section-header small{text-align:right;max-width:50%}.answer-review,.practice-question{padding:18px}.answer-review li{flex-wrap:wrap}.answer-review em{margin-left:auto}.practice-option em{max-width:65px}.practice-question h4{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.pool-steps{color:var(--ink-soft);gap:6px;margin:14px 0;padding-left:22px;font-size:13px;line-height:1.6;display:grid}.pool-state{color:#6550b5;background:#eee9ff;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.word-pool .pool-save-note{background:#fff;border-left:3px solid #b8a8ed;padding:10px 12px}
@media (max-width:860px){.app-shell,.entry-shell{min-height:100dvh;padding:16px 16px max(24px, env(safe-area-inset-bottom))}.console-grid,.student-layout,.console-col,.student-layout>*,.quiz-student-card,.quiz-student-card>*,.concept-map{min-width:0}.quiz-report-list,.quiz-attempt-list,.answer-review-list{grid-template-columns:minmax(0,1fr)}.quiz-attempt-list details,.quiz-attempt-list summary>span,.answer-review,.answer-choice-text{min-width:0}.quiz-attempt-list summary>span:not(.quiz-kind-dot){white-space:normal;overflow-wrap:anywhere}.quiz-pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.quiz-student-card header,.quiz-progress,.quiz-attempt-list summary{flex-wrap:wrap;gap:8px}.quiz-student-card,.question-card,.transcript-line,.concept-map{overflow-wrap:anywhere}.panel-heading{flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:12px}.listen-panel{align-content:start}.teacher-topbar .topbar-status{flex-wrap:wrap}.teacher-topbar .room-chip{white-space:nowrap;flex:1 0 auto}.teacher-topbar .status-pill{flex:1;width:auto}.panel-heading:has(>.icon-button)>div:first-child{flex:1 1 0}.panel-heading>div:first-child{flex:1 0 100%;min-width:0}.panel-heading-actions{flex-wrap:wrap;gap:8px;max-width:100%}.view-switch{flex-wrap:wrap;max-width:100%}.student-topbar .join-bar{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.student-identity-fields{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.student-identity-fields .student-number-input,.student-identity-fields .student-code-input{width:100%}.join-bar .student-name-input,.join-bar .room-code-input,.join-bar .language-select{width:100%;min-width:0;max-width:100%}.join-bar .language-select,.join-bar .status-pill{grid-column:1/-1}.join-bar>a,.join-bar>button{white-space:normal;min-width:0}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{max-width:100%;min-height:44px;font-size:16px}button,.icon-button,a.secondary-button,.sound-toggle,.flip-button,.view-switch button{min-height:44px}.icon-button{flex-shrink:0;min-width:44px}button,a{touch-action:manipulation}.control-panel details input{margin-top:10px}.control-panel details>button{width:100%;margin-top:10px}.quiz-overlay,.qr-overlay{padding:12px}.quiz-dialog,.qr-dialog{min-width:0;max-height:calc(100dvh - 24px);padding:16px}.qr-head,.qr-footer,.quiz-footer{flex-wrap:wrap;gap:10px}.qr-dialog input,.qr-dialog textarea{min-width:0}.presenter-overlay{padding:20px;overflow-y:auto}}@media (max-width:520px){.entry-band{gap:24px;padding:24px 18px}.entry-action{min-width:0;padding:18px 14px}.control-panel,.transcript-panel,.summary-panel{padding:16px}.panel-heading{margin:0;padding:0 0 14px}.student-layout .panel-heading{margin:0}.student-layout .concept-map,.concept-map .cmap-tree{min-width:0;max-width:100%}.cmap-tree,.concept-row{padding:16px}.cmap-hero-title{font-size:21px}.cmap-hero-idea,.concept-note{font-size:17px;line-height:1.75}.code-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.code-row button{padding-inline:12px}.button-row,.vocab-head,.vocab-head-actions,.transcript-actions{flex-wrap:wrap}.button-row>button{flex:130px}.vocab-entry dd{overflow-wrap:anywhere;min-width:0}.qr-choice-row{grid-template-columns:auto minmax(0,1fr)}.quiz-question,.question-card{padding:14px}}