.shudan-goban{--shudan-board-border-width: .15em;--shudan-board-border-color: #CA933A;--shudan-board-background-color: #F1B458;--shudan-board-foreground-color: #5E2E0C;--shudan-black-background-color: #222;--shudan-black-foreground-color: #eee;--shudan-white-background-color: #eee;--shudan-white-foreground-color: #222;position:relative;border:var(--shudan-board-border-width) solid var(--shudan-board-border-color);color:var(--shudan-board-foreground-color)}.shudan-goban:not(.shudan-coordinates){padding:.25em}.shudan-goban-image{background:url(/assets/board-BjQgsRrQ.png) var(--shudan-board-background-color)}.shudan-coordx span,.shudan-coordy span{font-size:.6em}.shudan-vertex div{left:0;top:0;width:100%;height:100%}.shudan-goban:after{content:"";position:absolute;top:calc(-1 * var(--shudan-board-border-width));left:calc(-1 * var(--shudan-board-border-width));bottom:calc(-1 * var(--shudan-board-border-width));right:calc(-1 * var(--shudan-board-border-width));background:linear-gradient(to bottom,rgba(234,220,192,.1),transparent),linear-gradient(to bottom,transparent,rgba(23,10,2,.05));pointer-events:none;z-index:3}.shudan-goban.shudan-busy:after{animation:2s linear -.5s shudan-busy infinite;background-color:#170a021a;background-image:linear-gradient(to right,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);background-size:19em 100%;background-repeat:no-repeat;pointer-events:all}@keyframes shudan-busy{0%{background-position:-19em 0}to{background-position:calc(100% + 19em) 0}}.shudan-gridline,.shudan-hoshi{fill:var(--shudan-board-foreground-color)}.shudan-vertex .shudan-stone{top:.04em;left:.04em;width:calc(100% - .08em);height:calc(100% - .08em)}.shudan-vertex.shudan-sign_0 .shudan-stone{pointer-events:none}.shudan-vertex .shudan-shadow{border-radius:50%}.shudan-vertex .shudan-inner{text-indent:-9999rem}.shudan-vertex:not(.shudan-sign_0).shudan-dimmed .shudan-stone{opacity:.6}.shudan-vertex:not(.shudan-sign_0) .shudan-shadow{background:#170a0266;box-shadow:0 .1em .2em #170a0266}.shudan-stone-image{background-repeat:no-repeat;background-size:100% 100%}.shudan-stone-image.shudan-sign_1{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='43'%20height='43'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3clinearGradient%20id='b'%3e%3cstop%20offset='0'%20stop-color='%23636363'%20stop-opacity='.4'/%3e%3cstop%20offset='1'%20stop-color='%23636363'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='a'%3e%3cstop%20offset='0'%20stop-color='%230b0b0b'/%3e%3cstop%20offset='1'%20stop-color='%23443432'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='0'%20x2='0'%20y1='43'%20y2='0'%20xlink:href='%23a'%20gradientUnits='userSpaceOnUse'/%3e%3clinearGradient%20id='d'%20x1='0'%20x2='0'%20y1='2.38'%20y2='19.27'%20xlink:href='%23b'%20gradientUnits='userSpaceOnUse'/%3e%3c/defs%3e%3cg%3e%3ccircle%20cx='21.5'%20cy='21.5'%20r='20.5'%20fill='url(%23c)'%20stroke='%23000'%20stroke-width='1'/%3e%3ccircle%20cx='21.5'%20cy='21.5'%20r='18.5'%20fill='url(%23d)'%20/%3e%3c/g%3e%3c/svg%3e")}.shudan-stone-image.shudan-sign_-1{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='43'%20height='43'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3clinearGradient%20id='b'%3e%3cstop%20offset='0'%20stop-color='%23eee'%20stop-opacity='.8'/%3e%3cstop%20offset='1'%20stop-color='%23eee'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='a'%3e%3cstop%20offset='0'%20stop-color='%23C9D1FF'/%3e%3cstop%20offset='1'%20stop-color='%23fff'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='0'%20x2='0'%20y1='43'%20y2='0'%20xlink:href='%23a'%20gradientUnits='userSpaceOnUse'%20/%3e%3clinearGradient%20id='d'%20x1='0'%20x2='0'%20y1='40.65'%20y2='30.65'%20xlink:href='%23b'%20gradientUnits='userSpaceOnUse'/%3e%3c/defs%3e%3cg%3e%3ccircle%20cx='21.5'%20cy='21.5'%20r='20.5'%20fill='url(%23c)'%20stroke='%23c3c3c3'%20stroke-width='1'/%3e%3ccircle%20cx='21.5'%20cy='21.5'%20r='18.5'%20fill='url(%23d)'%20/%3e%3c/g%3e%3c/svg%3e")}.shudan-vertex:not(.shudan-sign_0).shudan-animate .shudan-stone{transition:transform .2s}.shudan-vertex:not(.shudan-sign_0).shudan-shift_1 .shudan-stone{transform:translate(-.07em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_2 .shudan-stone{transform:translateY(-.07em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_3 .shudan-stone{transform:translate(.07em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_4 .shudan-stone{transform:translateY(.07em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_5 .shudan-stone{transform:translate(-.04em,-.04em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_6 .shudan-stone{transform:translate(.04em,-.04em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_7 .shudan-stone{transform:translate(.04em,.04em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_8 .shudan-stone{transform:translate(-.04em,.04em)}.shudan-vertex .shudan-marker{left:.04em;top:.04em;width:calc(100% - .08em);height:calc(100% - .08em);text-align:center;fill:var(--shudan-board-background-color);stroke:var(--shudan-board-foreground-color);stroke-width:.07em;pointer-events:none}.shudan-vertex.shudan-sign_1 .shudan-marker,.shudan-vertex.shudan-sign_-1 .shudan-marker{left:0;top:0;width:100%;height:100%;fill:none}.shudan-vertex.shudan-sign_1 .shudan-marker{stroke:var(--shudan-black-foreground-color)}.shudan-vertex.shudan-sign_-1 .shudan-marker{stroke:var(--shudan-white-foreground-color)}.shudan-vertex.shudan-marker_point .shudan-marker{stroke:none;fill:var(--shudan-board-foreground-color)}.shudan-vertex.shudan-marker_point.shudan-sign_1 .shudan-marker{fill:var(--shudan-black-foreground-color)}.shudan-vertex.shudan-marker_point.shudan-sign_-1 .shudan-marker{fill:var(--shudan-white-foreground-color)}.shudan-vertex.shudan-marker_loader .shudan-marker{stroke-dasharray:1em;animation:1.5s linear 0s shudan-rotation infinite}@keyframes shudan-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shudan-vertex.shudan-marker_label .shudan-marker{display:inline-block;width:auto;height:auto;left:50%;top:50%;max-width:1.67em;max-height:1.67em;overflow:hidden;background:var(--shudan-board-background-color);color:var(--shudan-board-foreground-color);font-size:.6em;line-height:1.26;text-align:center;text-overflow:ellipsis;white-space:pre;transform:translate(-50%,-50%)}.shudan-vertex.shudan-marker_label.shudan-sign_1 .shudan-marker{background:transparent;color:var(--shudan-black-foreground-color)}.shudan-vertex.shudan-marker_label.shudan-sign_-1 .shudan-marker{background:transparent;color:var(--shudan-white-foreground-color)}.shudan-vertex.shudan-smalllabel .shudan-marker{max-height:2.7em;max-width:2.7em;font-size:.36em}.shudan-vertex .shudan-ghost{left:50%;top:50%;width:.4em;height:.4em;opacity:.5;transform:translate(calc(-50% + .5px),calc(-50% + .5px))}.shudan-vertex .shudan-ghost:before{content:"";box-sizing:border-box;display:none;position:absolute;left:50%;top:50%;width:.4em;height:.4em;border-radius:50%;transform:translate(-50%,-50%)}.shudan-vertex.shudan-ghost_faint .shudan-ghost{opacity:.3}.shudan-vertex.shudan-sign_0.shudan-ghost_1 .shudan-ghost:before,.shudan-vertex.shudan-sign_0.shudan-ghost_-1 .shudan-ghost:before{display:block}.shudan-vertex.shudan-ghost_1 .shudan-ghost:before{background:#000c}.shudan-vertex.shudan-ghost_-1 .shudan-ghost:before{background:#fff}.shudan-vertex.shudan-ghost_good .shudan-ghost:before{background:#59a80f}.shudan-vertex.shudan-ghost_interesting .shudan-ghost:before{background:#4886d5}.shudan-vertex.shudan-ghost_doubtful .shudan-ghost:before{background:#92278f}.shudan-vertex.shudan-ghost_bad .shudan-ghost:before{background:#f02311}.shudan-vertex .shudan-paint{overflow:hidden}.shudan-vertex .shudan-paint .shudan-inner{background:transparent;border-radius:.2em}.shudan-vertex.shudan-paint_1 .shudan-paint .shudan-inner{background:var(--shudan-black-background-color)}.shudan-vertex.shudan-paint_-1 .shudan-paint .shudan-inner{background:var(--shudan-white-background-color)}.shudan-vertex.shudan-paintedleft .shudan-paint .shudan-inner{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.shudan-vertex.shudan-paintedright .shudan-paint .shudan-inner{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.shudan-vertex.shudan-paintedtop .shudan-paint .shudan-inner{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.shudan-vertex.shudan-paintedbottom .shudan-paint .shudan-inner{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.shudan-vertex .shudan-heat{top:50%;left:50%;margin-left:-1px;margin-top:-1px;border-radius:50%;width:1px;height:1px;opacity:0;pointer-events:none;transition:opacity .5s,box-shadow .5s}.shudan-vertex.shudan-heat_9 .shudan-heat{background:#59a80f;box-shadow:0 0 1em 1em #59a80f;opacity:.8}.shudan-vertex.shudan-heat_8 .shudan-heat{background:#59a80f;box-shadow:0 0 1em .9em #59a80f;opacity:.7}.shudan-vertex.shudan-heat_7 .shudan-heat{background:#4886d5;box-shadow:0 0 1em .75em #4886d5;opacity:.8}.shudan-vertex.shudan-heat_6 .shudan-heat{background:#4886d5;box-shadow:0 0 1em .6em #4886d5;opacity:.8}.shudan-vertex.shudan-heat_5 .shudan-heat{background:#4886d5;box-shadow:0 0 .9em .55em #4886d5;opacity:.7}.shudan-vertex.shudan-heat_4 .shudan-heat{background:#92278f;box-shadow:0 0 .85em .5em #92278f;opacity:.8}.shudan-vertex.shudan-heat_3 .shudan-heat{background:#92278f;box-shadow:0 0 .8em .45em #92278f;opacity:.7}.shudan-vertex.shudan-heat_2 .shudan-heat{background:#f02311;box-shadow:0 0 .75em .4em #f02311;opacity:.8}.shudan-vertex.shudan-heat_1 .shudan-heat{background:#f02311;box-shadow:0 0 .75em .4em #f02311;opacity:.7}.shudan-vertex .shudan-heatlabel{display:inline-block;height:auto;top:50%;left:50%;overflow:hidden;color:#fff;font-size:.36em;line-height:1.26;text-align:center;text-overflow:ellipsis;text-shadow:0 .1em .3em black;white-space:pre;opacity:.9;transform:translate(-50%,-50%);pointer-events:none}.shudan-vertex .shudan-selection{box-sizing:border-box;border:.1em solid #0082F0;border-radius:.2em;background:#0082f033}.shudan-vertex.shudan-selectedleft .shudan-selection{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.shudan-vertex.shudan-selectedright .shudan-selection{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.shudan-vertex.shudan-selectedtop .shudan-selection{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.shudan-vertex.shudan-selectedbottom .shudan-selection{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.shudan-line,.shudan-arrow{fill:none;stroke:var(--shudan-board-foreground-color);stroke-width:.11em}.banner-bar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;pointer-events:none}.banner-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:600px;padding:8px 12px;border-radius:var(--radius-md);font-size:14px;pointer-events:auto;animation:banner-slide-in .2s ease-out}.banner-item--info{background:var(--primary-tint);color:var(--info)}.banner-item--warn{background:var(--warning-tint);color:var(--warning)}.banner-item--error{background:var(--error-tint);color:var(--error)}.banner-item__text{flex:1}.banner-item__dismiss{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;padding:2px 4px;opacity:.6;color:inherit}.banner-item__dismiss:hover{opacity:1}@keyframes banner-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}:root{color-scheme:light dark;--primary: #2D5F8A;--primary-light: #3A7CB0;--primary-dark: #1E4266;--accent: #B8762D;--accent-light: #D4923F;--accent-dark: #8E5B22;--bg: #F7F5F0;--surface: #FFFFFF;--surface-alt: #F0EDE6;--border: #DDD8CF;--border-light: #EBE8E1;--text: #1C1B18;--text-muted: #706B62;--text-subtle: #9C9589;--success: #3A7D44;--warning: #CC8822;--error: #B5332E;--info: #2D5F8A;--primary-tint: rgba(45, 95, 138, .1);--accent-tint: rgba(184, 118, 45, .1);--success-tint: rgba(58, 125, 68, .12);--warning-tint: rgba(204, 136, 34, .12);--error-tint: rgba(181, 51, 46, .1);--shadow-sm: 0 1px 3px rgba(28, 27, 24, .06);--shadow-md: 0 4px 12px rgba(28, 27, 24, .08);--shadow-lg: 0 10px 30px rgba(28, 27, 24, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-display: "Fraunces", "Noto Serif KR", "Noto Serif SC", "Noto Serif JP", Georgia, serif;--font-body: "DM Sans", "Noto Sans KR", "Noto Sans SC", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--_dark-theme: 1}}[data-theme=dark]{--_dark-theme: 1}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--primary: #5A9ED6;--primary-light: #7AB4E0;--primary-dark: #3A7CB0;--accent: #D4923F;--accent-light: #E0A858;--accent-dark: #B8762D;--bg: #1A1917;--surface: #252420;--surface-alt: #2E2D28;--border: #3E3B35;--border-light: #33312B;--text: #E8E5DE;--text-muted: #A09B92;--text-subtle: #6E6960;--info: #5A9ED6;--primary-tint: rgba(90, 158, 214, .16);--accent-tint: rgba(212, 146, 63, .16);--success-tint: rgba(93, 170, 106, .2);--warning-tint: rgba(212, 146, 63, .18);--error-tint: rgba(214, 88, 82, .18);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .3)}}[data-theme=dark]{color-scheme:dark;--primary: #5A9ED6;--primary-light: #7AB4E0;--primary-dark: #3A7CB0;--accent: #D4923F;--accent-light: #E0A858;--accent-dark: #B8762D;--bg: #1A1917;--surface: #252420;--surface-alt: #2E2D28;--border: #3E3B35;--border-light: #33312B;--text: #E8E5DE;--text-muted: #A09B92;--text-subtle: #6E6960;--info: #5A9ED6;--primary-tint: rgba(90, 158, 214, .16);--accent-tint: rgba(212, 146, 63, .16);--success-tint: rgba(93, 170, 106, .2);--warning-tint: rgba(212, 146, 63, .18);--error-tint: rgba(214, 88, 82, .18);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{font:inherit;padding:8px 14px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius-sm);cursor:pointer}button:hover{background:var(--surface-alt)}button:disabled{opacity:.5;cursor:not-allowed}.btn{font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:14px;font-weight:500;line-height:1.2;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-light)}.btn--primary:active:not(:disabled){background:var(--primary-dark)}.btn--accent{background:var(--accent);color:#1c1b18}.btn--accent:hover:not(:disabled){background:var(--accent-light)}.btn--accent:active:not(:disabled){background:var(--accent-dark)}.btn--ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn--ghost:hover:not(:disabled){background:var(--surface-alt)}.btn--block{width:100%}.room-bootstrap{max-width:520px;margin:64px auto;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.room-bootstrap h1{margin-top:0;font-family:var(--font-display)}.room-bootstrap .field{display:block;margin:12px 0}.room-bootstrap .field label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.passcode-grid{display:flex;gap:8px;justify-content:center;margin:0}.passcode-cell{width:40px;height:48px;line-height:48px;text-align:center;font-family:var(--font-body);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0}.passcode-cell--sm{width:32px;height:40px;line-height:40px;font-size:18px}.passcode-cell--input{border-width:2px}.passcode-cell--input:focus{outline:none;border-color:var(--primary)}.passcode-cell--error{border-color:var(--error)}.teacher-profile{max-width:720px;margin:48px auto;padding:0 24px 64px;color:var(--text)}.teacher-profile__hero{display:flex;align-items:center;gap:24px;margin-bottom:32px}.teacher-profile__avatar,.teacher-profile__avatar-placeholder{width:120px;height:120px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:var(--shadow-sm)}.teacher-profile__avatar{border:2px solid var(--border);background:var(--surface-alt)}.teacher-profile__avatar-placeholder{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:48px;color:var(--text-subtle);background:var(--surface-alt);border:2px solid var(--border)}.teacher-profile__identity{display:flex;flex-direction:column;gap:8px;min-width:0}.teacher-profile__name{font-family:var(--font-display);font-weight:600;font-size:clamp(32px,4vw,44px);line-height:1.1;margin:0;letter-spacing:-.01em}.teacher-profile__rank{display:inline-block;align-self:flex-start;padding:3px 10px;background:var(--primary-tint);color:var(--primary);border-radius:var(--radius-sm);font-size:13px;font-weight:600;letter-spacing:.04em}.teacher-profile__section{margin:24px 0}.teacher-profile__section-label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.teacher-profile__lang-chips{display:flex;gap:6px;flex-wrap:wrap}.teacher-profile__lang-chip{padding:4px 12px;background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;font-size:13px;color:var(--text-muted)}.teacher-profile__cta{margin-top:40px;text-align:center}.teacher-profile__cta .btn{padding:12px 32px;font-size:15px}.teacher-profile__success{margin-top:32px;padding:20px;border-radius:var(--radius-md);background:var(--success-tint);border:1px solid var(--border)}.teacher-profile__success-title{font-weight:600;margin-bottom:4px;color:var(--text)}.teacher-profile__success-body{font-size:14px;color:var(--text-muted)}@media (max-width: 640px){.teacher-profile{margin:24px auto;padding:0 16px 48px}.teacher-profile__hero{gap:16px}.teacher-profile__avatar,.teacher-profile__avatar-placeholder{width:88px;height:88px}.teacher-profile__avatar-placeholder{font-size:36px}}.teacher-bio{font-size:15px;line-height:1.6;color:var(--text)}.teacher-bio>*:first-child{margin-top:0}.teacher-bio>*:last-child{margin-bottom:0}.teacher-bio p{margin:0 0 12px}.teacher-bio h1,.teacher-bio h2,.teacher-bio h3{font-family:var(--font-display);margin:16px 0 8px;line-height:1.25}.teacher-bio h1{font-size:22px;font-weight:600}.teacher-bio h2{font-size:18px;font-weight:600}.teacher-bio h3{font-size:16px;font-weight:600}.teacher-bio ul,.teacher-bio ol{margin:0 0 12px;padding-left:20px}.teacher-bio li{margin:2px 0}.teacher-bio a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.teacher-bio a:hover{color:var(--primary-light)}.teacher-bio strong{font-weight:600;color:var(--text)}.teacher-bio em{font-style:italic}.teacher-bio code{font-family:var(--font-mono);font-size:.9em;padding:1px 5px;background:var(--surface-alt);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.teacher-bio pre{font-family:var(--font-mono);font-size:13px;padding:12px;margin:0 0 12px;background:var(--surface-alt);border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow-x:auto}.teacher-bio pre code{padding:0;background:none;border:none}.teacher-bio blockquote{margin:0 0 12px;padding:4px 0 4px 12px;border-left:3px solid var(--border);color:var(--text-muted)}.teacher-bio hr{border:none;border-top:1px solid var(--border-light);margin:16px 0}.lesson-room{display:grid;grid-template-columns:320px 1fr 260px;gap:12px;height:100vh;padding:12px}.chat-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;min-height:0}.chat-body{display:flex;flex-direction:column;flex:1;min-height:0}.chat-body__scroll{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.chat-body__peer-offline{font-size:12px;color:var(--text-muted);padding:6px 12px;border-top:1px solid var(--border-light)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-light)}.chat-header__title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.chat-header__download{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 8px;color:var(--text-muted);cursor:pointer;font-size:14px}.chat-header__download:hover:not(:disabled){background:var(--surface-alt);color:var(--primary)}.chat-header__download:disabled{opacity:.4;cursor:not-allowed}.chat-typing{display:flex;align-items:center;gap:8px;padding:6px 14px;border-top:1px solid var(--border-light);color:var(--text-muted);font-size:12px;font-style:italic}.chat-typing__label{flex:1;min-width:0}.chat-bubble__primary{font-size:14px;line-height:1.35}.chat-bubble__secondary{margin-top:4px;font-size:12px;opacity:.7;line-height:1.3}.chat-bubble__mic{font-size:11px;margin-right:4px;opacity:.6}.chat-bubble--asr{background:transparent;color:var(--text);border:1px dashed var(--border)}.chat-bubble--asr.chat-bubble--mine{background:transparent;color:var(--text);border-color:color-mix(in srgb,var(--primary) 60%,transparent)}.chat-bubble--asr.chat-bubble--peer{background:transparent;color:var(--text);border:1px dashed var(--border)}.chat-bubble--interim{animation:chat-bubble-shimmer 1.5s linear infinite}.chat-bubble--failed .chat-bubble__primary{color:var(--error)}@keyframes chat-bubble-shimmer{0%,to{opacity:.85}50%{opacity:.55}}.lesson-room .board-col{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center}.board-wrap{position:relative}.lesson-room .sidebar{display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto}.lesson-room .sidebar .panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px;box-shadow:var(--shadow-sm)}.lesson-room .sidebar .panel--tree{flex:1 1 0;min-height:120px;display:flex;flex-direction:column;overflow:hidden}.lesson-room .sidebar .panel h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em}.driver-indicator{position:absolute;top:10px;left:10px;padding:4px 10px;background:#000000b3;color:#fff;border-radius:var(--radius-sm);font-size:12px;z-index:5}.presence-indicator{position:absolute;top:36px;left:10px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#000000b3;color:#fff;border-radius:var(--radius-sm);font-size:12px;z-index:5}.presence-indicator__dot{width:8px;height:8px;border-radius:50%;display:inline-block;animation:presence-pulse .5s ease-out}.presence-indicator--paired .presence-indicator__dot{background:#5daa6a;box-shadow:0 0 #5daa6a99}.presence-indicator--alone .presence-indicator__dot{background:#b8b6b0}.presence-indicator__count{font-variant-numeric:tabular-nums;font-weight:600;opacity:.9}.presence-indicator__label{opacity:.85}@keyframes presence-pulse{0%{transform:scale(1);box-shadow:0 0 #5daa6ab3}60%{transform:scale(1.4);box-shadow:0 0 0 8px #5daa6a00}to{transform:scale(1);box-shadow:0 0 #5daa6a00}}.turn-badge{position:absolute;top:10px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#000000b3;color:#fff;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:14px;font-weight:500;z-index:5}.turn-badge__dot{width:10px;height:10px;border-radius:50%;display:inline-block}.turn-badge__dot--black{background:#000}.turn-badge__dot--white{background:#fff;border:1px solid #222}.anno-panel{display:flex;flex-direction:column;gap:8px}.anno-tool-row{display:flex;gap:4px;flex-wrap:wrap}.anno-tool-btn{width:32px;height:32px;padding:0;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.anno-tool-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.anno-color-row{display:flex;gap:6px}.anno-swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;padding:0}.anno-swatch.active{outline:2px solid var(--primary);outline-offset:2px}.anno-mode-badge{position:absolute;bottom:10px;left:10px;padding:4px 10px;background:#000000b3;color:#fff;border-radius:var(--radius-sm);font-size:12px;z-index:5}.board-zoom{position:absolute;bottom:10px;right:10px;z-index:5;display:inline-flex;align-items:center;gap:2px;padding:3px;background:#000000b3;border-radius:999px;font-family:var(--font-body);font-size:12px;color:#fff;-webkit-user-select:none;user-select:none}.board-zoom__btn{width:24px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;font-size:16px;line-height:1;font-weight:500;cursor:pointer;border-radius:50%;transition:background .12s ease,opacity .12s ease}.board-zoom__btn:hover:not(:disabled){background:#ffffff26}.board-zoom__btn:focus-visible{outline:2px solid #fff;outline-offset:1px}.board-zoom__btn:disabled{opacity:.35;cursor:not-allowed}.board-zoom__value{min-width:34px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em}.move-numbers{position:absolute;bottom:10px;right:112px;z-index:5;font-family:var(--font-body);font-size:12px;color:#fff;-webkit-user-select:none;user-select:none}.move-numbers__trigger{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#000000b3;border:none;border-radius:999px;color:#fff;font:inherit;cursor:pointer;transition:background .12s ease}.move-numbers__trigger:hover{background:#000000d1}.move-numbers__trigger:focus-visible{outline:2px solid #fff;outline-offset:1px}.move-numbers__icon{font-weight:700;opacity:.85}.move-numbers__summary{font-variant-numeric:tabular-nums;letter-spacing:.01em}.move-numbers__popover{position:absolute;bottom:calc(100% + 6px);right:0;min-width:200px;padding:6px;display:flex;flex-direction:column;gap:2px;background:#141414f5;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg)}.move-numbers__option{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .12s ease}.move-numbers__option:hover{background:#ffffff14}.move-numbers__option.is-active{background:#ffffff24}.move-numbers__option input[type=radio]{margin:0;accent-color:#fff}.move-numbers__n{width:48px;margin-left:4px;padding:2px 4px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#fff;font:inherit;font-variant-numeric:tabular-nums}.move-numbers__n:focus-visible{outline:1px solid #fff;outline-offset:1px}.board-help{position:absolute;bottom:10px;right:212px;z-index:5;width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#000000b3;border:none;border-radius:50%;color:#fff;font-family:var(--font-body);font-weight:600;font-size:14px;line-height:1;cursor:pointer;transition:background .12s ease,transform .12s ease}.board-help:hover{background:#000000d1}.board-help:active{transform:scale(.96)}.board-help:focus-visible{outline:2px solid #fff;outline-offset:2px}.board-help-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;align-items:center;justify-content:center;padding:24px;background:#1c1b1873;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:board-help-fade .18s ease-out}.board-help-dialog{width:100%;max-width:560px;max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);outline:none;animation:board-help-rise .22s ease-out}.board-help-dialog:focus-visible{box-shadow:var(--shadow-lg),0 0 0 2px var(--primary)}.board-help-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 6px}.board-help-dialog__title{font-family:var(--font-display);font-weight:600;font-size:22px;line-height:1.2;margin:0;color:var(--text)}.board-help-dialog__close{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:14px;line-height:1;cursor:pointer;transition:background .12s ease,color .12s ease}.board-help-dialog__close:hover{background:var(--surface-alt);color:var(--text)}.board-help-dialog__close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.board-help-dialog__intro{margin:0 20px 14px;font-size:14px;line-height:1.5;color:var(--text-muted)}.board-help-dialog__body{flex:1 1 auto;overflow-y:auto;padding:0 20px 8px;display:flex;flex-direction:column;gap:18px}.board-help-section{display:flex;flex-direction:column;gap:10px}.board-help-section__title{margin:0;font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.board-help-section__rows{margin:0;display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:8px 16px;align-items:center}.board-help-row{display:contents}.board-help-row__glyphs{margin:0;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-self:start}.board-help-row__desc{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;line-height:1.45;color:var(--text)}.board-help-row__badge{display:inline-flex;align-items:center;padding:1px 8px;background:var(--primary-tint, rgba(45, 95, 138, .1));color:var(--primary);border-radius:999px;font-size:11px;font-weight:500;letter-spacing:.02em;white-space:nowrap}.board-help-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 6px;background:var(--surface);border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;color:var(--text);font-family:var(--font-mono);font-size:13px;font-weight:500;line-height:1;box-shadow:0 1px #1c1b180a inset}.board-help-mouse{display:inline-flex;align-items:center;padding:3px 10px;background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:12px;font-weight:500;white-space:nowrap}.board-help-glyph{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 6px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);font-size:14px;font-weight:600;line-height:1}.board-help-dialog__footer{display:flex;justify-content:flex-end;padding:14px 20px 18px;border-top:1px solid var(--border-light);margin-top:6px}.board-help-dialog__done{min-width:96px}@keyframes board-help-fade{0%{opacity:0}to{opacity:1}}@keyframes board-help-rise{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 520px){.board-help-section__rows{grid-template-columns:1fr}.board-help-row__desc{padding-left:2px}}.lesson-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:6;pointer-events:none}.lesson-empty-state__card{pointer-events:auto;padding:28px;min-width:280px;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);text-align:center;animation:lesson-empty-fade-in .3s ease-out}.lesson-empty-state__pulse{width:10px;height:10px;border-radius:50%;background:var(--primary);margin:0 auto 16px;animation:lesson-empty-pulse 1.6s ease-in-out infinite}.lesson-empty-state__title{font-family:var(--font-display);font-weight:600;font-size:22px;line-height:1.2;margin:0 0 8px;color:var(--text)}.lesson-empty-state__hint{font-size:14px;color:var(--text-muted);margin:0 0 20px;line-height:1.5}.lesson-empty-state__passcode{margin-bottom:20px}.lesson-empty-state__label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.lesson-empty-state__cta{width:100%}@keyframes lesson-empty-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes lesson-empty-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes click-ping-ripple{0%{transform:translate(-50%,-50%) scale(.6);opacity:.9}70%{opacity:.5}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}.click-ping-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.click-ping{position:absolute;width:28px;height:28px;border-radius:50%;border:2px solid var(--click-ping-color, currentColor);pointer-events:none;animation:click-ping-ripple .45s ease-out forwards;will-change:transform,opacity}.click-ping[data-role=teacher]{--click-ping-color: var(--accent)}.click-ping[data-role=student]{--click-ping-color: var(--primary)}@keyframes click-ping-fade{0%{opacity:.9}to{opacity:0}}@media (prefers-reduced-motion: reduce){.click-ping{animation:click-ping-fade .25s ease forwards}}.move-tree{font-family:var(--font-mono);font-size:12px;line-height:1.5;flex:1 1 0;min-height:0;overflow:auto}.move-tree .node{display:inline-block;padding:2px 6px;margin:1px;border-radius:3px;cursor:pointer}.move-tree .node:hover{background:var(--surface-alt)}.move-tree .node.cursor{background:var(--primary);color:#fff}.move-tree .variation{margin-left:12px;border-left:2px solid var(--border);padding-left:6px}.video-thumbs{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;z-index:10;pointer-events:none}.video-tile{position:relative;width:144px;height:108px;border-radius:var(--radius-md);overflow:hidden;background:#1a1917;box-shadow:0 2px 6px #0006;pointer-events:auto}.video-tile video{width:100%;height:100%;object-fit:cover;background:#000}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-subtle);font-size:12px;background:#1a1917}.video-label{position:absolute;bottom:4px;left:6px;color:#fff;font-size:11px;background:#00000080;padding:1px 5px;border-radius:3px}.top-toolbar{position:fixed;top:10px;right:12px;z-index:100;display:flex;align-items:center;gap:8px}.theme-switcher{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--surface);border:1px solid var(--border);border-radius:16px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.theme-switcher:hover{background:var(--surface-alt);color:var(--text)}.theme-switcher__icon{font-size:13px;line-height:1}.theme-switcher__label{line-height:1}.ui-lang-switcher{position:relative}.ui-lang-switcher>button{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--surface);border:1px solid var(--border);border-radius:16px;font-size:13px;color:var(--text-muted);cursor:pointer}.ui-lang-switcher>button:hover{background:var(--surface-alt)}.ui-lang-switcher__globe{font-size:11px}.ui-lang-switcher__chevron{font-size:10px;color:var(--text-subtle)}.ui-lang-switcher__dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden;min-width:120px}.ui-lang-switcher__dropdown button{display:block;width:100%;padding:8px 14px;border:none;background:none;text-align:left;font-size:13px;cursor:pointer}.ui-lang-switcher__dropdown button:hover{background:var(--surface-alt)}.ui-lang-switcher__dropdown button.active{background:var(--primary-tint);color:var(--primary)}.lesson-timer{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 8px;font-size:11px;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em}.lesson-timer__value{font-variant-numeric:tabular-nums;font-size:13px;color:var(--text-muted);letter-spacing:.06em}.mic-meter{width:60px;height:6px;background:var(--border);border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle;margin-left:8px}.mic-meter__fill{height:100%;border-radius:3px;transition:width 80ms ease-out}.asr-waveform{display:flex;align-items:flex-end;gap:2px;height:20px}.asr-waveform__bar{width:3px;background:var(--success);border-radius:1px;transition:height .1s ease-out;min-height:3px}.asr-waveform__bar--generic-0{animation:asr-bar-a .8s ease-in-out infinite}.asr-waveform__bar--generic-1{animation:asr-bar-b .8s ease-in-out infinite .1s}.asr-waveform__bar--generic-2{animation:asr-bar-c .8s ease-in-out infinite .2s}.asr-waveform__bar--generic-3{animation:asr-bar-b .8s ease-in-out infinite .3s}.asr-waveform__bar--generic-4{animation:asr-bar-a .8s ease-in-out infinite .15s}@keyframes asr-bar-a{0%,to{height:4px}50%{height:14px}}@keyframes asr-bar-b{0%,to{height:8px}50%{height:18px}}@keyframes asr-bar-c{0%,to{height:12px}50%{height:6px}}.gallery{max-width:960px;margin:0 auto;padding:32px}.gallery__hero{margin-bottom:32px}.gallery__title{font-family:var(--font-display);font-weight:600;font-size:clamp(36px,5vw,56px);line-height:1.1;margin:0 0 8px;color:var(--text)}.gallery__subtitle{font-family:var(--font-body);font-weight:400;font-size:22px;line-height:1.4;color:var(--text-muted);margin:0}.gallery__grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 960px){.gallery{padding:24px}.gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.gallery{padding:16px}.gallery__grid{grid-template-columns:1fr}}.teacher-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease-out,transform .2s ease-out}.teacher-card:hover,.teacher-card:focus-visible{box-shadow:var(--shadow-md)}@media (prefers-reduced-motion: no-preference){.teacher-card:hover,.teacher-card:focus-visible{transform:translateY(-4px)}}.teacher-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.teacher-card__photo{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;background:var(--surface-alt)}.teacher-card__photo--placeholder{display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:64px;font-weight:600;color:var(--text-subtle);background:var(--surface-alt)}.teacher-card__body{padding:16px}.teacher-card__name{font-family:var(--font-body);font-weight:600;font-size:16px;line-height:1.3;color:var(--text);margin:0 0 4px}.teacher-card__rank{font-family:var(--font-body);font-weight:500;font-size:13px;line-height:1.3;color:var(--text-subtle);margin:0 0 8px}.teacher-card__headline{font-family:var(--font-body);font-weight:400;font-size:15px;line-height:1.5;color:var(--text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.teacher-card--skeleton{pointer-events:none}.teacher-card__skeleton-line{height:12px;background:var(--surface-alt);border-radius:4px;margin:8px 16px}.teacher-card__skeleton-line--lg{height:18px;margin-top:16px;width:60%}.teacher-card__skeleton-line--sm{width:40%;margin-bottom:16px}.gallery__state{text-align:center;padding:64px 24px}.gallery__state-title{font-family:var(--font-display);font-weight:600;font-size:24px;color:var(--text);margin:0 0 8px}.gallery__state-body{font-family:var(--font-body);font-size:15px;color:var(--text-muted);margin:0}.gallery__retry{margin-top:16px;font-family:var(--font-body);font-weight:500;font-size:14px;padding:10px 24px;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:6px;cursor:pointer;transition:background .1s ease-out}.gallery__retry:hover,.gallery__retry:focus-visible{background:var(--accent-tint)}.gallery__retry:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chat-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.chat-list--empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;padding:24px}.chat-bubble{max-width:78%;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.4;word-wrap:break-word;white-space:pre-wrap}.chat-bubble--mine{align-self:flex-end;background:var(--primary);color:#fff}.chat-bubble--peer{align-self:flex-start;background:var(--surface-alt);border:1px solid var(--border-light);color:var(--text)}.chat-input{display:flex;flex-direction:column;gap:6px}.chat-input__textarea{width:100%;resize:none;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-md, 6px);font-family:inherit;font-size:14px;line-height:1.4;background:var(--surface);min-height:36px;max-height:120px}.chat-input__textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}.chat-input__row{display:flex;align-items:center;justify-content:flex-end;gap:8px}.chat-input__counter{font-size:11px;color:var(--text-muted)}.chat-input__send{background:var(--primary);color:#fff;border:none;padding:6px 14px;border-radius:var(--radius-md, 6px);font-size:13px;font-weight:600;cursor:pointer}.chat-input__send:hover:not(:disabled){background:var(--primary-dark)}.chat-input__send:disabled{opacity:.5;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only.sr-focusable:focus,.sr-only.sr-focusable:focus-visible{position:fixed;top:12px;left:12px;width:auto;height:auto;padding:10px 16px;margin:0;overflow:visible;clip:auto;white-space:normal;background:var(--surface);color:var(--text);border:2px solid var(--primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);font-weight:500;z-index:1000}.landing{max-width:1200px;margin:0 auto;padding:24px;font-family:var(--font-body)}.landing-top{display:flex;justify-content:flex-end;align-items:center}.landing-top__signin{font-size:13px;padding:8px 16px;min-height:36px}.landing-top+.landing-hero{padding-top:32px}.landing-hero{display:grid;grid-template-columns:minmax(0,540px) minmax(0,480px);gap:48px;align-items:center;padding:64px 0 0}.landing-hero__copy{display:flex;flex-direction:column;gap:20px}.landing-hero__headline{font-family:var(--font-display);font-size:clamp(36px,5vw,56px);font-weight:600;line-height:1.1;color:var(--text);margin:0;letter-spacing:-.01em}.landing-hero__subhead{font-size:17px;line-height:1.5;color:var(--text-muted);margin:0;max-width:50ch}.landing-hero__actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:8px}.landing-hero__cta{font-size:15px;padding:14px 24px;min-height:48px}.landing-hero__secondary{font-size:14px;font-weight:500;color:var(--primary);text-decoration:none;padding:8px 0}.landing-hero__secondary:hover{text-decoration:underline}.landing-hero__stage{display:flex;align-items:center;justify-content:center;padding:24px;background:#f7f5f0;border:1px solid transparent;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-height:400px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .landing-hero__stage{background:#2e2d28;border-color:#3e3b35}}[data-theme=dark] .landing-hero__stage{background:#2e2d28;border-color:#3e3b35}.hero-sim{display:flex;flex-direction:column;gap:16px;width:100%;max-width:280px}.hero-sim__waveform{display:flex;align-items:center;justify-content:center;gap:2px;height:36px}.hero-sim__waveform-bar{display:block;width:3px;height:4px;background:var(--text-muted);border-radius:1px;transition:height .12s ease}.hero-sim__waveform[data-speaking=true] .hero-sim__waveform-bar{animation:hero-sim-pulse .8s ease-in-out infinite alternate}@keyframes hero-sim-pulse{0%{height:4px}50%{height:16px}to{height:28px}}@media (prefers-reduced-motion: reduce){.hero-sim__waveform[data-speaking=true] .hero-sim__waveform-bar{animation:none;height:4px}}.hero-sim__board{display:flex;justify-content:center;transition:opacity .1s linear}.hero-sim__subtitles{display:flex;flex-direction:column;gap:4px;min-height:52px;text-align:center;padding:8px 0;transition:opacity .3s ease-out}.hero-sim__subtitle{font-size:14px;line-height:1.4;transition:opacity .3s ease-out}.hero-sim__subtitle--ko{font-size:14px;color:var(--text-muted)}.hero-sim__subtitle--en{font-size:16px;color:var(--text);font-weight:500}.landing-featured,.landing-more,.landing-how{padding:96px 0 0}.landing-featured__heading,.landing-more__heading,.landing-how__heading{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--text);margin:0 0 24px;text-align:left}.landing-featured{max-width:640px;margin:0 auto}.landing-featured__card{display:flex;justify-content:center}.landing-featured__card .teacher-card,.landing-featured__skeleton .teacher-card{width:100%;max-width:420px}.landing-more{max-width:1120px;margin:0 auto}.landing-more__strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.landing-how{max-width:620px;margin:0 auto}.landing-how__list{list-style:none;padding:0;margin:0;counter-reset:how-step}.landing-how__list li{font-family:var(--font-display);font-size:22px;line-height:1.4;color:var(--text);padding:16px 0;border-bottom:1px solid var(--border-light)}.landing-how__list li:last-child{border-bottom:none}.landing-empty,.landing-error{max-width:520px;margin:96px auto 0;text-align:center;padding:32px 16px}.landing-empty__title{font-family:var(--font-display);font-size:22px;color:var(--text);margin:0 0 8px}.landing-empty__body{font-size:15px;color:var(--text-muted);margin:0}.landing-error{color:var(--error)}.landing-footer{margin-top:64px;padding:48px 0 24px;border-top:1px solid var(--border-light)}.landing-footer__row{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap}.landing-footer__brand{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text)}.landing-footer__links{font-size:14px;color:var(--text-muted)}.landing-footer__links a{color:var(--text-muted);text-decoration:none}.landing-footer__links a:hover{color:var(--text);text-decoration:underline}.landing-footer__legal{font-size:12px;color:var(--text-subtle);margin:16px 0 0}@media (max-width: 1023px){.landing-hero{grid-template-columns:1fr;gap:32px;padding-top:32px}.landing-hero__copy{order:1}.landing-hero__actions{order:2;margin-top:0}.landing-hero__stage{order:3;min-height:280px;padding:16px}.landing-hero__cta{width:100%}.hero-sim{max-width:220px}.landing-featured,.landing-more,.landing-how{padding-top:64px}.landing-more__strip{grid-template-columns:1fr}.landing-footer{margin-top:48px;padding-top:32px}.landing-footer__row{flex-direction:column;align-items:flex-start}}