:root{--paper:#f1f3f2;--surface:#fbfcfb;--ink:#171b1d;--muted:#667176;--line:#ccd3d4;--line-strong:#9ca9ad;--signal:#e64f38;--signal-dark:#ba3523;--focus:#145e72;--soft-blue:#dce8eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--paper);color:var(--ink);text-rendering:optimizelegibility;margin:0;font-family:Pretendard,SUIT,Noto Sans KR,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:3px solid color-mix(in srgb, var(--focus), transparent 25%);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.workspace{background:var(--soft-blue);grid-template-rows:74px auto auto minmax(0,1fr) 34px;height:100dvh;min-height:560px;display:grid;overflow:hidden}.topbar{background:var(--ink);color:#fff;border-bottom:1px solid #000;grid-template-columns:auto minmax(180px,1fr) auto auto auto auto;align-items:center;gap:22px;padding:0 20px;display:grid}.brand{letter-spacing:-.025em;font-size:15px;font-weight:800}.title-field input{color:#fff;background:#252b2e;border:1px solid #596064;border-radius:10px;width:100%;max-width:500px;padding:10px 12px}.title-field input::placeholder{color:#a5adaf}.session-state{color:#ced4d5;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.session-state time{color:#fff;font-variant-numeric:tabular-nums;min-width:46px;font:700 13px/1 IBM Plex Mono,ui-monospace,monospace}.state-dot{background:#778084;border-radius:50%;width:8px;height:8px}.state-recording{background:var(--signal)}.state-connecting{background:#e6b64f}.state-error{background:var(--signal)}.ai-settings{z-index:5;position:relative}.ai-settings summary{color:#aeb7b9;cursor:pointer;border:1px solid #596064;border-radius:10px;gap:3px;min-width:132px;padding:7px 28px 7px 10px;list-style:none;display:grid}.ai-settings summary::-webkit-details-marker{display:none}.ai-settings summary:after{content:"↓";color:#fff;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ai-settings[open] summary{border-color:#aeb7b9}.ai-settings summary span{font-size:9px}.ai-settings summary b{color:#fff;white-space:nowrap;font-size:11px}.ai-settings-panel{width:min(330px,100vw - 32px);color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:14px;gap:14px;padding:18px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:8px 10px #ccd3d48c}.ai-settings-panel label{gap:6px;display:grid}.ai-settings-panel label>span{font-size:11px;font-weight:800}.ai-settings-panel select,.ai-settings-panel input{width:100%;min-height:40px;color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:9px;padding:8px 10px}.ai-settings-panel p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.credential-actions{flex-wrap:wrap;gap:8px;display:flex}.credential-actions button{min-height:34px;color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:9px;padding:7px 10px;font-size:10px;font-weight:800}.credential-actions button:first-child{color:#fff;background:var(--ink)}.credential-actions button:disabled{opacity:.45}.start-button,.stop-button{border:1px solid #0000;border-radius:10px;min-width:104px;padding:10px 16px;font-size:13px;font-weight:750}.start-button{color:var(--ink);background:#fff}.stop-button{background:var(--signal);color:#fff}.stop-button:hover{background:var(--signal-dark)}.signout-form{margin:0}.signout-button{color:#b9c1c3;background:0 0;border:0;padding:9px 0 9px 12px;font-size:11px;font-weight:700}.signout-button:hover{color:#fff}.error-banner{color:#7e2014;background:#ffe1dc;border-bottom:1px solid #e7aaa0;padding:10px 22px;font-size:13px}.error-banner:empty{border:0;padding:0}.classroom-bar{border-bottom:1px solid var(--line-strong);background:#e9eeee;grid-template-columns:minmax(420px,auto) minmax(0,1fr);align-items:center;gap:16px;padding:10px 16px;display:grid}.classroom-picker,.classroom-picker form,.session-list{align-items:center;gap:8px;display:flex}.classroom-picker label{align-items:center;gap:7px;display:flex}.classroom-picker label>span{color:var(--muted);font-size:10px;font-weight:800}.classroom-picker select,.classroom-picker input,.classroom-picker button,.session-list button{min-height:36px;color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:9px;padding:7px 10px;font-size:11px}.classroom-picker input{width:140px}.classroom-picker form button{color:#fff;background:var(--focus);border-color:var(--focus);font-weight:750}.classroom-picker .new-lecture-button{font-weight:750}.session-list{overscroll-behavior-inline:contain;min-width:0;padding-bottom:2px;overflow-x:auto}.session-list>span{color:var(--muted);white-space:nowrap;font-size:11px}.session-list button{text-align:left;white-space:nowrap;gap:3px;min-width:142px;display:grid}.session-list button.active{color:#fff;background:var(--ink);border-color:var(--ink)}.session-list button b{text-overflow:ellipsis;max-width:180px;overflow:hidden}.session-list button span{color:var(--muted);font-size:9px}.session-list button.active span{color:#c5cdcf}.panes{grid-template-columns:minmax(360px,44%) minmax(0,56%);gap:12px;min-height:0;padding:14px 16px 18px;display:grid}.chat-pane,.transcript-pane{background:var(--surface);border:1px solid var(--line-strong);border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;overflow:hidden;box-shadow:6px 7px #c4cecf}.chat-pane{border-right:1px solid var(--line-strong)}.transcript-pane{background:var(--paper);grid-template-rows:auto minmax(0,1fr)}.pane-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:20px;min-height:88px;padding:20px 24px 17px;display:flex}.pane-heading h1,.pane-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(19px,2vw,25px);line-height:1.15}.count{color:var(--muted);white-space:nowrap;font:600 11px/1 ui-monospace,monospace}.messages,.transcript{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;overflow-y:auto}.messages{padding:24px}.empty-chat,.empty-transcript{height:100%;min-height:260px;color:var(--muted);flex-direction:column;justify-content:center;align-items:flex-start;gap:9px;display:flex}.empty-chat:before,.empty-transcript:before{width:74px;height:74px;color:var(--focus);border:1px solid var(--line-strong);background:#fff;place-items:center;margin-bottom:18px;font:850 32px/1 ui-monospace,monospace;display:grid;transform:rotate(-3deg);box-shadow:6px 7px #d7dede}.empty-chat:before{content:"?";border-radius:50%}.empty-transcript:before{content:"≋";border-radius:18px 18px 18px 5px;transform:rotate(3deg)}.empty-chat p,.empty-transcript p{color:var(--ink);margin:0;font-size:17px;font-weight:700}.empty-chat span,.empty-transcript span{max-width:380px;font-size:13px;line-height:1.65}.message{margin:0 0 24px}.message-user{margin-left:15%}.message-label{color:var(--muted);margin-bottom:7px;font-size:11px;font-weight:700;display:block}.message p{white-space:pre-wrap;background:#e5e9e9;border:1px solid #d4dada;border-radius:15px 15px 15px 5px;margin:0;padding:15px 16px;font-size:14px;line-height:1.7}.message-user p{background:var(--ink);color:#fff;border-color:var(--ink);border-radius:15px 15px 5px}.message .pending{color:var(--muted)}.sources{flex-wrap:wrap;gap:6px;margin-top:8px;font-size:11px;display:flex}.sources span{color:var(--muted);padding:5px 0}.sources a{color:var(--focus);background:var(--soft-blue);padding:5px 8px;text-decoration:none}.sources a:hover{text-decoration:underline}.lecture-sources{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.lecture-sources button{color:var(--ink);background:#f1ead7;border:1px solid #d9cdaa;border-radius:7px;padding:5px 8px}.question-form{border-top:1px dashed var(--line-strong);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 16px 16px;display:grid}.question-form textarea{resize:vertical;min-height:58px;max-height:140px;color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:12px;padding:11px 12px;line-height:1.45}.question-form button{background:var(--focus);color:#fff;border:0;border-radius:12px;width:70px;font-weight:750}.transcript{padding:24px 28px 48px}.empty-transcript{padding-left:clamp(20px,8vw,120px)}.transcript-copy{border:1px solid var(--line-strong);background:#fff;border-radius:15px;gap:0;max-width:780px;margin:0;display:grid;overflow:hidden;box-shadow:7px 8px #d5dddd}.transcript-copy p{border-bottom:1px solid var(--line);letter-spacing:-.018em;margin:0;padding:18px 20px;font-size:clamp(15px,1.35vw,18px);line-height:1.62}.transcript-copy p:last-child{border-bottom:0}.transcript-copy .interim-line{color:var(--muted)}.footnote{color:#8c9699;background:var(--ink);justify-content:space-between;align-items:center;padding:0 20px;font-size:10px;display:flex}.footnote-links{align-items:center;gap:18px;display:flex}.footnote a{color:inherit;text-decoration:none}.footnote a:hover{color:#fff}.login-shell{background:var(--surface);grid-template-rows:64px minmax(0,1fr) 36px;min-height:100svh;display:grid}.login-topbar{color:var(--muted);background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 clamp(18px,3vw,42px);font-size:12px;display:flex}.login-topbar .brand{color:var(--ink);font-size:18px;text-decoration:none}.login-nav{align-items:center;gap:22px;display:flex}.login-nav a{color:var(--muted);text-decoration:none;transition:color .15s,border-color .15s,background-color .15s}.login-nav a:hover{color:var(--ink)}.login-home-link{border:1px solid var(--line-strong);background:#fff;border-radius:8px;padding:8px 12px;font-weight:750;color:var(--ink)!important}.login-home-link:hover{background:var(--paper)}.login-stage{grid-template-columns:minmax(0,1fr) minmax(420px,560px);min-height:0;display:grid}.login-intro{background:var(--soft-blue);border-right:1px solid var(--line);flex-direction:column;justify-content:center;min-width:0;padding:clamp(48px,7vw,96px);display:flex;overflow:hidden}.login-context-label{color:var(--focus);align-items:center;gap:9px;font-size:12px;font-weight:800;display:flex}.login-context-label i{background:var(--signal);border-radius:50%;width:8px;height:8px}.login-intro h1{letter-spacing:-.045em;max-width:720px;margin:22px 0 20px;font-size:clamp(40px,5.2vw,70px);line-height:1.02}.login-intro p{max-width:590px;color:var(--muted);margin:0;font-size:clamp(14px,1.4vw,17px);line-height:1.7}.login-demo{background:var(--surface);border:1px solid var(--line-strong);border-radius:16px;width:min(620px,100%);margin-top:clamp(40px,6vh,68px);overflow:hidden;box-shadow:7px 8px #cbd5d6}.login-demo-head{min-height:48px;color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 18px;font-size:11px;display:flex}.login-demo-head b{color:var(--ink);font-size:12px}.login-demo-head span{color:var(--signal-dark);font-weight:750}.login-demo .login-demo-transcript{max-width:none;color:var(--ink);border-bottom:1px solid var(--line);padding:22px 20px;font-size:14px;line-height:1.65}.login-demo-answer{padding:19px 20px 22px}.login-demo-answer strong{color:var(--focus);margin-bottom:9px;font-size:13px;display:block}.login-demo-answer p{max-width:none;color:var(--ink);font-size:13px;line-height:1.65}.login-panel-wrap{background:var(--surface);place-items:center;padding:clamp(36px,5vw,72px);display:grid}.login-panel{border:1px solid var(--line-strong);background:#fff;border-radius:16px;width:min(100%,430px);padding:clamp(26px,3vw,36px);box-shadow:6px 7px #d5dddd}.auth-heading{margin-bottom:24px}.auth-heading h2{letter-spacing:-.045em;margin:0 0 9px;font-size:29px;line-height:1.15}.auth-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.google-auth-button{color:#1f1f1f;background:#fff;border:1px solid #747775;border-radius:8px;grid-template-columns:22px 1fr 22px;align-items:center;gap:10px;width:100%;min-height:50px;margin-top:18px;padding:0 13px;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s,box-shadow .15s;display:grid}.google-auth-button:not(:disabled):hover{background:#f8fafd;border-color:#5f6368;box-shadow:0 1px 2px #3c40432e}.google-mark{width:20px;height:20px}.auth-button-end{place-items:center;width:22px;height:22px;display:grid}.auth-divider{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:18px 0 15px;font-size:11px;display:grid}.auth-divider:before,.auth-divider:after{content:"";border-top:1px solid var(--line)}.auth-mode{background:var(--paper);border:1px solid var(--line);border-radius:9px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.auth-mode button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:8px 4px;font-size:13px;font-weight:750;transition:color .15s,background-color .15s,box-shadow .15s}.auth-mode button:not(:disabled):hover{color:var(--ink)}.auth-mode .auth-mode-active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #171b1d1f}.login-form{gap:9px;display:grid}.login-form label{margin-bottom:5px;font-size:12px;font-weight:800}.login-form input{width:100%;min-height:48px;color:var(--ink);border:1px solid var(--line-strong);background:#fff;border-radius:8px;padding:12px 13px;transition:border-color .15s,box-shadow .15s}.login-form input+label{margin-top:6px}.login-form input:hover:not(:disabled){border-color:#748186}.login-form input:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus), transparent 82%);outline:0}.login-form .email-auth-button{color:#fff;background:var(--focus);border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:50px;margin-top:8px;padding:12px 16px;font-weight:750;transition:background-color .15s;display:flex}.login-form .email-auth-button:not(:disabled):hover{background:#104b5b}.auth-spinner{border:2px solid #ffffff6b;border-top-color:currentColor;border-radius:50%;flex:none;width:16px;height:16px;animation:.7s linear infinite auth-spin}.auth-spinner-dark{color:#1f1f1f;border-color:currentColor #1f1f1f38 #1f1f1f38}@keyframes auth-spin{to{rotate:360deg}}.login-message{min-height:38px;color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.6}.login-message-error{color:#8f281a}.auth-consent{color:var(--muted);border-top:1px solid var(--line);margin:17px 0 0;padding-top:16px;font-size:10px;line-height:1.65}.auth-consent a{color:var(--ink);text-underline-offset:2px}.email-confirmation{padding:4px 0}.email-confirmation>span{color:var(--focus);font-size:12px;font-weight:800}.email-confirmation h2{letter-spacing:-.04em;margin:12px 0 24px;font-size:30px}.email-confirmation p{color:var(--muted);margin:0 0 14px;font-size:13px;line-height:1.75}.email-confirmation strong{color:var(--ink);overflow-wrap:anywhere}.email-confirmation .email-confirmation-note{font-size:11px}.email-confirmation button{color:#fff;background:var(--focus);border:0;border-radius:8px;width:100%;margin-top:12px;padding:13px 16px;font-weight:750}.email-confirmation button:hover{background:#104b5b}.login-footnote{color:var(--muted);background:var(--ink);justify-content:flex-end;align-items:center;gap:18px;padding:0 20px;font-size:10px;display:flex}.login-footnote a{color:inherit;text-decoration:none}.login-footnote a:hover{color:#fff}@media (max-width:840px){.workspace{grid-template-rows:auto auto auto auto;height:auto;min-height:100svh;overflow:visible}.topbar{grid-template-columns:1fr auto;gap:12px;padding:14px 16px}.title-field{grid-area:2/1/auto/-1}.ai-settings{grid-area:3/1/auto/-1}.ai-settings summary{width:100%}.ai-settings-panel{left:0;right:auto}.session-state{grid-area:4/1}.topbar>button{grid-area:4/2}.signout-form{grid-area:1/2;justify-self:end}.signout-button{padding-right:0}.classroom-bar{grid-template-columns:1fr;padding:10px 12px}.classroom-picker{flex-wrap:wrap;align-items:stretch}.classroom-picker label{flex:180px}.classroom-picker select{width:100%}.classroom-picker form{flex:220px}.classroom-picker input{width:100%;min-width:0}.panes{grid-template-columns:1fr}.chat-pane,.transcript-pane{height:min(620px,72svh);min-height:480px}.panes{gap:14px;padding:12px}.chat-pane{border-right:1px solid var(--line-strong)}.footnote{flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-height:58px}.footnote-links{flex-wrap:wrap;gap:8px 14px}.login-shell{grid-template-rows:58px minmax(0,1fr) auto}.login-topbar{padding:0 16px}.login-stage{background:var(--soft-blue);grid-template-columns:1fr}.login-intro{border-right:0;padding:40px 24px 30px}.login-intro h1{letter-spacing:-.04em;max-width:620px;margin:16px 0 14px;font-size:clamp(34px,8vw,48px)}.login-demo{display:none}.login-panel-wrap{background:var(--soft-blue);padding:4px 16px 48px}.login-footnote{flex-wrap:wrap;justify-content:center;min-height:54px;padding:10px 16px}}@media (max-width:520px){.login-nav{gap:14px}.login-nav>span{display:none}.login-home-link{padding:7px 10px}.login-intro{padding:32px 18px 26px}.login-intro h1{font-size:clamp(32px,10vw,42px)}.login-panel-wrap{padding:2px 12px 40px}.login-panel{border-radius:14px;padding:24px 20px}.auth-heading h2{font-size:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}