.presence-container{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.presence-svg-wrapper{justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s;display:flex;position:relative}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.presence-status-label{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;margin-top:14px;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:13px;font-weight:600;transition:color .3s,opacity .3s;display:flex}.presence-compact{flex-direction:row;gap:10px}.presence-compact .presence-status-label{gap:6px;margin-top:0;font-size:11.5px}.presence-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background-color .3s,box-shadow .3s}.presence-compact .presence-status-dot{width:6px;height:6px}.presence-state-idle .presence-status-label{color:#a0a0d8}.presence-state-idle .presence-status-dot{background-color:#6366f1;box-shadow:0 0 10px #6366f199}.presence-state-listening .presence-status-label{color:#e8a94d}.presence-state-listening .presence-status-dot{background-color:#e8a94d;box-shadow:0 0 14px #e8a94dcc}.presence-state-processing .presence-status-label{color:#818cf8}.presence-state-processing .presence-status-dot{background-color:#38bdf8;box-shadow:0 0 14px #38bdf8cc}.presence-state-speaking .presence-status-label{color:#6ee7b7}.presence-state-speaking .presence-status-dot{background-color:#10b981;box-shadow:0 0 14px #10b981cc}@keyframes idleBreath{0%{opacity:.75;transform:scale(.96)}50%{opacity:.95;transform:scale(1.04)}to{opacity:.75;transform:scale(.96)}}.presence-idle-pulse{transform-origin:50%;animation:3.8s ease-in-out infinite idleBreath}@keyframes processSpinCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes processSpinCCW{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes corePulsar{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.presence-spin-cw{transform-origin:50%;animation:4s linear infinite processSpinCW}.presence-spin-ccw{transform-origin:50%;animation:3s linear infinite processSpinCCW}.presence-core-pulse{transform-origin:50%;animation:2s ease-in-out infinite corePulsar}@keyframes speakingWave{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.12)}to{opacity:.8;transform:scale(.95)}}@keyframes speakingRingExpand{0%{r:30;opacity:.9;stroke-width:3px}50%{opacity:.5}to{r:68;opacity:0;stroke-width:1px}}.presence-speak-core{transform-origin:50%;animation:1.4s ease-in-out infinite speakingWave}.presence-speak-ripple-1{animation:2.2s cubic-bezier(.1,.5,.4,1) infinite speakingRingExpand}.presence-speak-ripple-2{animation:2.2s cubic-bezier(.1,.5,.4,1) .7s infinite speakingRingExpand}.presence-speak-ripple-3{animation:2.2s cubic-bezier(.1,.5,.4,1) 1.4s infinite speakingRingExpand}.presence-interrupted{animation:.6s cubic-bezier(.2,.8,.2,1) interruptFlash}@keyframes interruptFlash{0%{filter:brightness(1.5)drop-shadow(0 0 25px #ef4444e6);transform:scale(.9)}40%{filter:brightness(1.2)drop-shadow(0 0 15px #f8717199);transform:scale(1.06)}to{filter:none;transform:scale(1)}}.doc-upload-section{flex-direction:column;gap:.75rem;width:100%;margin-top:1.25rem;display:flex}.doc-upload-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.doc-upload-title{color:#c2baac;letter-spacing:.01em;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;display:flex}.doc-upload-badge{color:#e8a94d;letter-spacing:.02em;background:#e8a94d1f;border:1px solid #e8a94d40;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.doc-dropzone{text-align:center;cursor:pointer;background:#191815;border:1.5px dashed #e8a94d59;border-radius:12px;padding:1.1rem 1rem;transition:all .2s ease-in-out;position:relative;overflow:hidden}.doc-dropzone:hover{background:#221f1b;border-color:#e8a94d;box-shadow:0 0 16px #e8a94d1f}.doc-dropzone.dragging{background:#26221d;border-color:#f3b966;transform:scale(1.005);box-shadow:0 0 20px #e8a94d33}.doc-dropzone.disabled{opacity:.6;cursor:not-allowed}.doc-dropzone-content{flex-direction:column;align-items:center;gap:.4rem;display:flex}.doc-dropzone-icon{color:#e8a94d;font-size:1.5rem;line-height:1}.doc-dropzone-text{color:#ede8de;font-size:.875rem;font-weight:500}.doc-browse-link{color:#e8a94d;text-underline-offset:2px;font-weight:600;text-decoration:underline}.doc-dropzone-hint{color:#9e988e;font-size:.75rem}.hidden-file-input{display:none}.doc-chips-container{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.doc-chip{background:#181715;border:1px solid #332f2a;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .85rem;transition:all .15s;display:flex;box-shadow:0 2px 8px #00000040}.doc-chip:hover{border-color:#4a443d;box-shadow:0 4px 12px #00000059}.doc-chip.chip-status-ready{border-left:3.5px solid #22c55e}.doc-chip.chip-status-warning{background:#1c1914;border-left:3.5px solid #eab308}.doc-chip.chip-status-error{background:#1e1616;border-left:3.5px solid #ef4444}.doc-chip.chip-status-uploading,.doc-chip.chip-status-processing{border-left:3.5px solid #e8a94d}.doc-chip-main{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.doc-chip-icon{color:#e8a94d;flex-shrink:0;font-size:1.15rem}.doc-chip-details{flex-direction:column;flex:1;min-width:0;display:flex}.doc-chip-filename{color:#faf7f0;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.doc-chip-meta{color:#9e988e;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.doc-chip-status-tag{letter-spacing:.02em;border-radius:6px;padding:2px 6px;font-size:10.5px;font-weight:600}.status-ready{color:#86efac;background:#22c55e26;border:1px solid #22c55e4d}.status-processing{color:#e8a94d;background:#e8a94d26;border:1px solid #e8a94d4d}.status-scanned-warning{color:#facc15;background:#eab30826;border:1px solid #eab3084d;font-weight:600}.status-error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.doc-scanned-inline-notice{color:#facc15;background:#eab3081a;border:1px dashed #eab30859;border-radius:6px;align-items:center;gap:.35rem;margin-top:.25rem;padding:.35rem .6rem;font-size:.75rem;display:flex}.doc-chip-remove-btn{color:#9e988e;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;font-size:1.25rem;line-height:1;transition:all .15s;display:flex}.doc-chip-remove-btn:hover{color:#ef4444;background:#ef44441f}.doc-spinner{border:2px solid #e8a94d40;border-top-color:#e8a94d;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite doc-spin;display:inline-block}@keyframes doc-spin{to{transform:rotate(360deg)}}@media (width<=480px){.doc-upload-section{margin-top:1rem}.doc-dropzone{padding:.85rem .65rem}.doc-dropzone-icon{font-size:1.25rem}.doc-dropzone-text{font-size:.8rem}.doc-chip{gap:.5rem;padding:.5rem .65rem}.doc-chip-filename{font-size:.8rem}.doc-chip-meta{font-size:.7rem}}.voice-selector-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.2s cubic-bezier(.16,1,.3,1) forwards voiceFadeIn;display:flex;position:fixed;inset:0}@keyframes voiceFadeIn{0%{opacity:0}to{opacity:1}}.voice-selector-modal{background:#1c1a17;border:1px solid #332f2b;border-radius:20px;flex-direction:column;width:100%;max-width:580px;max-height:90vh;animation:.24s cubic-bezier(.16,1,.3,1) forwards voiceSlideUp;display:flex;overflow:hidden;box-shadow:0 20px 50px #0009,0 4px 16px #0006}@keyframes voiceSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.voice-selector-header{background:#181614;border-bottom:1px solid #2c2824;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1rem;display:flex}.voice-header-title-group{align-items:center;gap:.75rem;display:flex}.voice-modal-icon{color:#e8a94d;background:#e8a94d1f;border-radius:12px;justify-content:center;align-items:center;padding:.45rem;font-size:1.4rem;display:flex}.voice-modal-title{color:#faf7f0;margin:0;font-family:inherit;font-size:1.2rem;font-weight:700}.voice-modal-subtitle{color:#9e988e;margin:.15rem 0 0;font-size:.85rem}.voice-modal-close-btn{color:#9e988e;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .15s;display:flex}.voice-modal-close-btn:hover{color:#faf7f0;background:#2a2723}.voice-selector-list{scrollbar-width:thin;scrollbar-color:#3b3630 #1c1a17;flex-direction:column;gap:.75rem;max-height:52vh;padding:1rem 1.25rem;display:flex;overflow-y:auto}.voice-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#221f1b;border:1.5px solid #332f2a;border-radius:14px;align-items:center;gap:.85rem;padding:.85rem 1rem;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.voice-card:hover{background:#282420;border-color:#e8a94d;transform:translateY(-1px);box-shadow:0 4px 14px #00000059}.voice-card.selected{background:#e8a94d14;border-color:#e8a94d;box-shadow:0 2px 12px #e8a94d26}.voice-card-radio{justify-content:center;align-items:center;display:flex}.custom-radio{background:#181614;border:2px solid #524b43;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.custom-radio.checked{background:#181614;border-color:#e8a94d}.custom-radio-dot{background:#e8a94d;border-radius:50%;width:10px;height:10px;animation:.15s cubic-bezier(.16,1,.3,1) radioPop}@keyframes radioPop{0%{transform:scale(0)}to{transform:scale(1)}}.voice-card-info{flex:1;min-width:0}.voice-card-top{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.voice-name{color:#faf7f0;font-size:.95rem;font-weight:700}.voice-label-pill{color:#e8a94d;letter-spacing:.02em;background:#e8a94d1f;border:1px solid #e8a94d40;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.voice-badge{color:#c2baac;background:#272420;border:1px solid #3b3630;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:500}.voice-description{color:#9e988e;margin:.25rem 0 0;font-size:.8rem;line-height:1.35}.voice-preview-btn{color:#ede8de;cursor:pointer;white-space:nowrap;background:#272420;border:1px solid #3b3630;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.voice-preview-btn:hover{color:#e8a94d;background:#332f2a;border-color:#e8a94d;transform:scale(1.02)}.voice-preview-btn.previewing{color:#141311;background:#e8a94d;border-color:#e8a94d;animation:1.2s ease-in-out infinite previewPulse}@keyframes previewPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.88;transform:scale(1.03)}}.preview-play-icon{font-size:.65rem}.preview-pulse-icon{font-size:.8rem}.voice-selector-footer{background:#181614;border-top:1px solid #2c2824;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex}.voice-footer-hint{color:#9e988e;font-size:.76rem;line-height:1.3}.voice-modal-done-btn{color:#141311;cursor:pointer;background:#e8a94d;border:none;border-radius:10px;flex-shrink:0;padding:.5rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .15s}.voice-modal-done-btn:hover{background:#f3b966}@media (width<=480px){.voice-selector-modal{border-radius:16px;max-height:94vh}.voice-card{gap:.65rem;padding:.75rem}.voice-selector-footer{flex-direction:column;align-items:stretch}.voice-modal-done-btn{width:100%}}.start-screen-container{color:#ede8de;width:100%;max-width:100vw;height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));box-sizing:border-box;overscroll-behavior:none;overscroll-behavior-x:none;overscroll-behavior-y:none;background-color:#171614;flex-direction:column;justify-content:center;align-items:center;font-family:Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.start-screen-top-bar{top:max(16px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));z-index:10;position:absolute}.start-voice-btn{color:#ede8de;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.82rem;transition:all .18s;display:flex}.start-voice-btn:hover{color:#fff;background:#ffffff24;border-color:#e8a94d;transform:translateY(-1px)}.start-voice-icon{font-size:.95rem}.start-voice-name{color:#faf7f0;font-weight:600}.start-voice-label{color:#e8a94d;letter-spacing:.02em;background:#e8a94d26;border:1px solid #e8a94d40;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.start-screen-backdrop{pointer-events:none;background:radial-gradient(circle,#e8a94d14 0%,#e8a94d05 50%,#0000 70%);border-radius:50%;width:600px;max-width:100vw;height:600px;position:absolute}.start-screen-card{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:580px;display:flex;position:relative}.start-title{color:#faf7f0;letter-spacing:-.02em;margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(24px,5.5vw,38px);font-weight:600;line-height:1.25}.start-subtitle{color:#a39d93;max-width:440px;margin:0;font-size:clamp(13.5px,3.8vw,15.5px);line-height:1.5}.start-prompt-card{box-sizing:border-box;background:#201e1b;border:1px solid #332f2b;border-radius:20px;width:100%;padding:24px 20px;box-shadow:0 10px 40px #00000059}.topic-start-form{flex-direction:column;gap:14px;width:100%;display:flex}.topic-input-wrapper{box-sizing:border-box;background:#141311;border:1.5px solid #3d3833;border-radius:14px;align-items:center;min-height:52px;padding:4px 6px 4px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.topic-input-wrapper:focus-within{border-color:#e8a94d;box-shadow:0 0 0 3px #e8a94d33}.topic-input{color:#faf7f0;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 0;font-family:Inter,system-ui,sans-serif;font-size:16px}.topic-input::placeholder{color:#6e685f;font-size:14px}.topic-mic-btn{color:#d6cebe;cursor:pointer;touch-action:manipulation;background:#2a2723;border:1px solid #423e38;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;transition:all .2s;display:flex}.topic-mic-btn:hover{color:#faf7f0;background:#36322d;border-color:#e8a94d}.topic-mic-btn.active{color:#141311;background:#e8a94d;border-color:#e8a94d}.mic-listening-dot{background:#e8a94d;border-radius:50%;width:14px;height:14px;animation:1.2s ease-in-out infinite pulseMic}@keyframes pulseMic{0%,to{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}.topic-action-row{justify-content:flex-end;width:100%;display:flex}.topic-submit-btn{color:#141311;cursor:pointer;touch-action:manipulation;background:#e8a94d;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:48px;padding:13px 20px;font-size:15px;font-weight:600;transition:background-color .2s,transform .1s;display:flex}.topic-submit-btn:hover:not(:disabled){background:#f3b966;transform:translateY(-1px)}.topic-submit-btn:disabled{opacity:.45;cursor:not-allowed}.topic-error-hint{color:#ffaaa3;text-align:left;margin:4px 0 0;font-size:12px}.suggested-topics{flex-direction:column;gap:10px;width:100%;margin-top:4px;display:flex}.suggested-label{text-transform:uppercase;letter-spacing:.08em;color:#736c62;font-size:12px;font-weight:600}.suggested-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip-btn{color:#b5aea1;cursor:pointer;touch-action:manipulation;text-align:center;background:#1f1d1a;border:1px solid #332f2a;border-radius:22px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-size:13.5px;transition:all .2s;display:inline-flex}.chip-btn:hover{color:#faf7f0;background:#2d2a26;border-color:#e8a94d66}@media (width<=480px){.start-prompt-card{border-radius:16px;padding:18px 14px}.start-screen-card{gap:16px}.suggested-chips{gap:6px}.chip-btn{min-height:44px;padding:8px 12px;font-size:12.5px}}.whiteboard-container{--wb-bg:#1a1a1e;--wb-bg-dots:#ffffff12;--wb-text:#f5f1e8;--wb-text-muted:#a8a296;--wb-heading-color:#faf7f0;--wb-highlight-color:#e8a94d;--wb-accent-amber:#e8a94d;--wb-accent-clay:#c87a6e;--wb-accent-teal:#5cb8ae;--wb-accent-slate:#8276a8;--wb-box-stroke:#3f3d47;--wb-box-fill:#222126;--wb-arrow-color:#d6cebe;--wb-arrow-label-bg:#222126;--wb-font:"Kalam", "Caveat", cursive, sans-serif;--wb-heading-size:25px;--wb-body-size:18px;--wb-highlight-size:19px;--wb-box-radius:14px;--wb-shadow:0 4px 20px #00000059;background:var(--wb-bg);-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#3a3842 var(--wb-bg);box-sizing:border-box;border:1px solid #2f2e36;border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden auto;box-shadow:0 4px 24px #00000059}.whiteboard-container::-webkit-scrollbar{width:7px}.whiteboard-container::-webkit-scrollbar-track{background:var(--wb-bg);border-radius:4px}.whiteboard-container::-webkit-scrollbar-thumb{background:#3a3842;border-radius:4px}.whiteboard-container::-webkit-scrollbar-thumb:hover{background:#4e4b57}.whiteboard-svg{width:100%;height:auto;min-height:100%;font-family:var(--wb-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;overflow:visible}.whiteboard-svg text{font-family:var(--wb-font)}@media (width<=768px){.whiteboard-container{border-radius:12px}}.whiteboard-empty{height:100%;min-height:180px;color:var(--wb-text-muted);font-family:var(--wb-font);letter-spacing:.01em;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:24px;font-size:17px;display:flex}.whiteboard-empty-title{color:var(--wb-text);font-size:18px;font-weight:700}.whiteboard-empty-hint{color:#a8a296;max-width:320px;margin-top:6px;font-family:Inter,sans-serif;font-size:12.5px;font-style:normal}@media (width<=768px){.whiteboard-container{border-radius:12px;height:auto;min-height:84px;max-height:46vh}.whiteboard-container-empty{height:auto;min-height:84px}.whiteboard-empty{min-height:84px;padding:14px 16px}.whiteboard-empty-title{font-size:15px}.whiteboard-empty-hint{margin-top:3px;font-size:11.5px}}@keyframes wb-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes wb-scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes wb-drawIn{0%{stroke-dashoffset:320px;opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes wb-highlightPulse{0%{opacity:0}60%{opacity:1}to{opacity:1}}.wb-element-new{animation:.35s ease-out both wb-fadeIn}.wb-box-new,.wb-circle-new,.wb-step-new,.wb-icon-new{transform-origin:50%;animation:.35s cubic-bezier(.2,.8,.3,1) both wb-scaleIn}.wb-arrow-new line,.wb-arrow-new path,.wb-line-new path,.wb-line-new line{stroke-dasharray:320;animation:.5s ease-out both wb-drawIn}.wb-arrow-label-new{animation:.4s ease-out both wb-highlightPulse}.lesson-room-container{color:#ede8de;box-sizing:border-box;overscroll-behavior:none;overscroll-behavior-x:none;overscroll-behavior-y:none;background-color:#161513;flex-direction:column;width:100%;max-width:100vw;height:100dvh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.lesson-header{height:52px;min-height:52px;padding:0 max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));box-sizing:border-box;z-index:10;background:#1c1a17;border-bottom:1px solid #2d2925;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;width:100%;max-width:100vw;display:flex;overflow:hidden}.lesson-brand-group{flex:0 auto;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.lesson-brand-title{color:#faf7f0;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-family:"Source Serif 4",Georgia,serif;font-size:16px;font-weight:700;display:inline-flex}.brand-cap-icon{color:#e8a94d}.ezra-icon{vertical-align:middle;flex-shrink:0;display:inline-block}.lesson-topic-tag{color:#c2baac;white-space:nowrap;text-overflow:ellipsis;background:#272420;border:1px solid #3b3630;border-radius:6px;flex:0 auto;min-width:0;max-width:180px;padding:3px 8px;font-family:"Source Serif 4",Georgia,serif;font-size:12px;overflow:hidden}.lesson-controls-group{flex-shrink:0;align-items:center;gap:6px;display:flex}.phase-pill{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:600}.phase-diagnosing{color:#8ca3d4;background:#8ca3d41f;border:1px solid #8ca3d440}.phase-explaining{color:#e8a94d;background:#e8a94d26;border:1px solid #e8a94d59}.phase-checking{color:#e2a176;background:#e2a1761f;border:1px solid #e2a17640}.phase-adapting{color:#d488c9;background:#d488c91f;border:1px solid #d488c940}.header-btn{color:#c9c3b6;cursor:pointer;touch-action:manipulation;white-space:nowrap;background:#272420;border:1px solid #3b3630;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;min-width:40px;min-height:40px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.header-btn:hover{color:#faf7f0;background:#332e29;border-color:#524b43}.header-btn.active{color:#e8a94d;background:#e8a94d26;border-color:#e8a94d66}.end-lesson-btn{color:#e5a39b;background:#2d1d1c;border-color:#4a2d2a}.end-lesson-btn:hover{color:#ffc2bc;background:#4a2522}.mobile-top-bar{display:none}.lesson-split-main{box-sizing:border-box;flex:1;grid-template-columns:1fr 380px;gap:16px;height:calc(100dvh - 52px);min-height:0;padding:16px;display:grid;overflow:hidden}.lesson-whiteboard-stage{box-sizing:border-box;border-radius:16px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.lesson-sidebar{background:#1d1b18;border:1px solid #2f2a25;border-radius:16px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 4px 24px #00000040}.sidebar-presence-card{background:#221f1b;border-bottom:1px solid #2f2a25;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:16px;display:flex}.sidebar-transcript-area{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.transcript-container{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#3b3630 #1d1b18;flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow:hidden auto}.transcript-container::-webkit-scrollbar{width:5px}.transcript-container::-webkit-scrollbar-thumb{background:#3b3630;border-radius:3px}.transcript-empty{color:#706a61;text-align:center;justify-content:center;align-items:center;height:100%;padding:20px;font-size:13px;font-style:italic;display:flex}.transcript-turn{flex-direction:column;gap:4px;max-width:92%;display:flex}.turn-tutor{align-self:flex-start}.turn-student{align-self:flex-end}.turn-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.turn-role-badge{letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.turn-attribution-badge{letter-spacing:.02em;text-transform:none;border-radius:6px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.turn-attribution-badge.attr-material{color:#e8a94d;background:#e8a94d1f;border:1px solid #e8a94d40}.turn-attribution-badge.attr-general{color:#c2baac;background:#272420;border:1px solid #3b3630}.turn-attribution-badge.attr-mixed{color:#e8a94d;background:#e8a94d1f;border:1px solid #e8a94d40}.beat-attr-tag{margin-left:2px;font-size:10px}.beat-attr-tag.attr-material{color:#e8a94d}.beat-attr-tag.attr-general{color:#9e988e}.turn-tutor .turn-role-badge{color:#e8a94d}.turn-student .turn-role-badge{color:#c2baac}.turn-body{word-break:break-word;border-radius:12px;padding:10px 14px;font-size:13.5px;line-height:1.5}.turn-tutor .turn-body{color:#f2ede4;background:#25221e;border:1px solid #36322c;font-family:"Source Serif 4",Georgia,serif;font-size:14px}.turn-student .turn-body{color:#faf7f0;background:#332f2a;border:1px solid #453f38;font-family:Inter,system-ui,sans-serif}.turn-text{margin:0}.turn-beats-list{border-top:1px dashed #3d3831;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;display:flex}.turn-beat-item{color:#d4cdc0;align-items:baseline;gap:6px;font-size:12px;display:flex}.beat-index{color:#e8a94d;font-size:11px;font-weight:700}.beat-wb-pill{color:#c2baac;white-space:nowrap;background:#272420;border:1px solid #3b3630;border-radius:6px;margin-left:auto;padding:2px 6px;font-size:10.5px;font-weight:600}.streaming-active .turn-body{border-color:#e8a94d}.streaming-beats-flow{color:#faf7f0;font-family:"Source Serif 4",Georgia,serif;font-size:14px;line-height:1.55}.active-beat{color:#e8a94d}.sidebar-input-area{background:#221f1b;border-top:1px solid #2f2a25;flex-shrink:0;padding:14px}.voice-input-controls-container{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;margin:0;padding:0;display:flex}.live-transcript-preview{background:#26221c;border:1px solid #e8a94d4d;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;animation:.2s ease-out fadeIn;display:flex}.live-pulse-dot{background:#e8a94d;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite pulseMic}.live-transcript-text{color:#faf7f0;word-break:break-word;font-size:12.5px;font-style:italic}.mic-error-banner{color:#ffaaa3;background:#3b201f;border:1px solid #6b2c28;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.primary-voice-row{box-sizing:border-box;align-items:center;gap:8px;width:100%;margin:0;padding:0;display:flex}.primary-mic-btn{color:#141311;cursor:pointer;touch-action:manipulation;box-sizing:border-box;background:#e8a94d;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;height:46px;min-height:46px;margin:0;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.primary-mic-btn:hover:not(:disabled){background:#f3b966;transform:translateY(-1px)}.primary-mic-btn.listening{color:#141311;background:#f3b966;box-shadow:0 0 18px #e8a94d80}.mic-icon-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.interrupt-btn{color:#e5a39b;cursor:pointer;touch-action:manipulation;box-sizing:border-box;background:#2d1d1c;border:1px solid #4a2d2a;border-radius:10px;justify-content:center;align-items:center;min-width:44px;height:46px;min-height:46px;margin:0;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.interrupt-btn:hover{color:#ffc2bc;background:#4a2522}.secondary-text-wrapper{box-sizing:border-box;width:100%;margin:0;padding:0}.text-input-fallback-form{box-sizing:border-box;flex-direction:column;gap:4px;width:100%;margin:0;padding:0;display:flex}.mic-unsupported-note{color:#a39d93;font-size:11px}.text-fallback-input-row{box-sizing:border-box;background:#141311;border:1.5px solid #3b3630;border-radius:10px;align-items:center;height:42px;min-height:42px;margin:0;padding:2px 4px 2px 12px;display:flex}.text-fallback-input-row:focus-within{border-color:#e8a94d;box-shadow:0 0 0 3px #e8a94d33}.text-fallback-input{color:#faf7f0;background:0 0;border:none;outline:none;flex:1;min-width:0;margin:0;padding:6px 0;font-family:inherit;font-size:16px}.text-fallback-input::placeholder{color:#6e685f;font-size:13.5px}.text-fallback-send-btn{color:#e8a94d;cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:40px;height:40px;min-height:40px;margin:0;padding:0;transition:all .2s;display:flex}.text-fallback-send-btn:hover:not(:disabled){color:#f3b966;background:#e8a94d26}.text-fallback-send-btn:disabled{color:#4a443d;cursor:not-allowed}.mobile-transcript-dock{display:none}.mobile-transcript-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000a6;flex-direction:column;justify-content:flex-end;animation:.2s ease-out fadeInBackdrop;display:flex;position:fixed;inset:0}.mobile-transcript-sheet{min-height:40dvh;max-height:78dvh;padding-bottom:max(12px, env(safe-area-inset-bottom));background:#1d1b18;border-top:1px solid #3b352e;border-radius:20px 20px 0 0;flex-direction:column;animation:.28s cubic-bezier(.2,.9,.3,1) slideUpSheet;display:flex;overflow:hidden;box-shadow:0 -8px 32px #00000080}.drawer-drag-handle{background:#4a433a;border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:10px auto 4px}.drawer-sheet-header{border-bottom:1px solid #2d2924;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 16px 12px;display:flex}.drawer-sheet-title-group{align-items:baseline;gap:8px;display:flex}.drawer-sheet-title{color:#faf7f0;font-family:"Source Serif 4",Georgia,serif;font-size:16px;font-weight:600}.drawer-sheet-count{color:#8c8476;font-size:12px}.drawer-close-btn{color:#c9c3b6;cursor:pointer;touch-action:manipulation;background:#2a2722;border:1px solid #3b352e;border-radius:10px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;font-size:16px;transition:all .15s;display:flex}.drawer-close-btn:hover{color:#faf7f0;background:#3b352e}.drawer-sheet-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (width<=768px){.lesson-header{gap:4px;height:48px;min-height:48px;padding:0 8px}.lesson-brand-title{font-size:14.5px}.lesson-topic-tag{max-width:90px;padding:2px 6px;font-size:11px}.phase-pill{padding:2px 5px;font-size:9.5px}.header-btn{min-width:38px;min-height:38px;padding:4px 8px;font-size:11.5px}.header-btn .btn-text{display:none}.mobile-top-bar{box-sizing:border-box;background:#1a1815;border-bottom:1px solid #2b2722;flex-direction:column;flex-shrink:0;gap:8px;width:100%;padding:8px 10px;display:flex}.mobile-top-presence-row{box-sizing:border-box;align-items:center;gap:8px;width:100%;margin:0;padding:0;display:flex}.mobile-presence-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin:0;padding:0;display:flex}.mobile-status-meta{flex:1;align-items:center;min-width:0;margin:0;display:flex;overflow:hidden}.mobile-status-text{color:#a39d93;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.mobile-voice-wrapper{box-sizing:border-box;width:100%;margin:0;padding:0}.lesson-split-main{flex-direction:column;flex:1;gap:0;height:auto;min-height:0;padding:8px;display:flex;overflow:hidden}.lesson-whiteboard-stage{border-radius:12px;flex:1;height:100%;min-height:80px}.desktop-only-sidebar{display:none}.mobile-transcript-dock{bottom:max(12px, env(safe-area-inset-bottom));right:max(12px, env(safe-area-inset-right));z-index:40;display:flex;position:fixed}.mobile-transcript-toggle-btn{color:#ede8de;cursor:pointer;touch-action:manipulation;background:#25221e;border:1.5px solid #453f36;border-radius:20px;align-items:center;gap:6px;min-width:40px;min-height:40px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 6px 20px #00000073}.mobile-transcript-toggle-btn:hover{background:#332e28;border-color:#61594d}.drawer-turn-badge{color:#e8a94d;background:#38322a;border:1px solid #4d453a;border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:700}.drawer-live-pulse{background:#e8a94d;border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite pulseMic;box-shadow:0 0 8px #e8a94d}}@media (width<=380px){.lesson-header{gap:3px;padding:0 6px}.lesson-brand-title{font-size:13.5px}.lesson-topic-tag{max-width:65px;padding:2px 4px;font-size:10px}.phase-pill{padding:2px 4px;font-size:8.5px}.header-btn{min-width:36px;min-height:36px;padding:3px 6px;font-size:11px}}@media (orientation:landscape) and (height<=520px){.lesson-header{height:40px;min-height:40px;padding:0 8px}.lesson-brand-title{font-size:13.5px}.lesson-topic-tag{max-width:140px;font-size:10.5px}.header-btn{min-height:34px;padding:3px 6px;font-size:11px}.mobile-top-bar{flex-direction:row;align-items:center;gap:8px;padding:4px 8px}.mobile-top-presence-row{flex-shrink:0;width:auto}.mobile-voice-wrapper{flex:1}.sidebar-presence-card{padding:4px}.sidebar-presence-card .presence-container{transform-origin:50%;margin:-16px 0;transform:scale(.6)}.primary-mic-btn{height:38px;min-height:38px;padding:4px 10px;font-size:12.5px}.text-fallback-input-row{height:36px;min-height:36px}.mobile-transcript-sheet{max-height:90dvh}}@keyframes slideUpSheet{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.header-docs-pill{color:#c2baac;cursor:pointer;white-space:nowrap;background:#272420;border:1px solid #3b3630;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:2px 7px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.header-docs-pill:hover{color:#faf7f0;background:#332e29;border-color:#e8a94d;box-shadow:0 1px 6px #e8a94d26}.docs-pill-icon{font-size:12px}.docs-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;animation:.2s fadeInBackdrop;display:flex;position:fixed;inset:0}.docs-modal-card{background:#1f1d1a;border:1px solid #3a3530;border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:440px;padding:20px;animation:.25s cubic-bezier(.16,1,.3,1) slideUpSheet;display:flex;box-shadow:0 12px 36px #00000080}.docs-modal-header{justify-content:space-between;align-items:center;display:flex}.docs-modal-title{align-items:center;gap:8px;display:flex}.docs-modal-title h3{color:#faf7f0;margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:17px;font-weight:600}.docs-modal-icon{color:#e8a94d;font-size:18px}.docs-modal-close-btn{color:#8c8478;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:22px;line-height:1;transition:all .15s}.docs-modal-close-btn:hover{color:#faf7f0;background:#ffffff14}.docs-modal-desc{color:#9c9488;margin:0;font-size:12.5px;line-height:1.45}.docs-modal-list{flex-direction:column;gap:8px;max-height:220px;display:flex;overflow-y:auto}.docs-modal-item{background:#272420;border:1px solid #36322c;border-left:3px solid #e8a94d;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.doc-item-icon{color:#e8a94d;flex-shrink:0;font-size:16px}.doc-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.doc-item-name{color:#faf7f0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.doc-item-meta{color:#8a8174;align-items:center;gap:4px;font-size:11px;display:flex}.doc-scanned-warn{color:#eab308;align-items:center;gap:3px;display:inline-flex}.docs-modal-done-btn{color:#141311;cursor:pointer;background:#e8a94d;border:none;border-radius:8px;align-self:flex-end;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s}.docs-modal-done-btn:hover{background:#f3b966}@media (width<=480px){.header-docs-pill{text-overflow:ellipsis;max-width:120px;padding:2px 6px;font-size:10.5px;overflow:hidden}.docs-pill-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}