#app{height:100dvh;overflow:hidden}button,textarea,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #2853d8;outline-offset:3px}#navigation{position:absolute;top:8px;left:8px;z-index:112;width:min(390px,48%);height:48px}#nesoi-chapter-content{height:100%;position:relative}#nesoi-chat-history{white-space:normal!important;scrollbar-width:thin}.conversation-item{margin:0 0 28px;display:flex;flex-direction:column;gap:10px}.conversation-item.user{align-items:flex-end}.instructor-label{font-size:14px;color:#9ca3af}.conversation-bubble{font:16px/1.6 Inter,system-ui,sans-serif;background:#f5f7fa;color:#617088;border-radius:24px;padding:24px;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.user .conversation-bubble{background:#d3e4fd;color:#000;padding:12px 24px;border-top-right-radius:6px;max-width:85%}#mic-button.mic-live{background:#d3e4fd;color:#244dd3}#player-error{position:fixed;bottom:16px;left:16px;right:16px;z-index:400;background:#fff1e9;border:1px solid #bc441d;border-radius:10px;color:#74250b;padding:14px;font:15px system-ui}#settings-menu,#volume-menu,#mic-menu,#feedback-panel{position:fixed;z-index:180;right:calc(28% + 20px);top:52px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:0 10px 35px #0002;width:270px;font:14px/1.5 Inter,system-ui,sans-serif;color:#24334c}#settings-menu label{display:flex;align-items:center;justify-content:space-between;margin:16px 0}#settings-menu button,#feedback-submit{display:block;width:100%;border:0;background:#f0f4fa;color:#24334c;border-radius:8px;padding:10px;margin-top:8px;text-align:left}#settings-menu select{padding:6px;background:#fff;border:1px solid #ddd;border-radius:6px}#volume-menu input{display:block;width:100%;margin-top:10px}#mic-menu{top:auto;bottom:90px;right:24px}#feedback-panel textarea{display:block;resize:vertical;width:100%;min-height:100px;border:1px solid #ccd5e4;border-radius:8px;padding:10px;box-sizing:border-box}#tour{position:fixed;inset:0;z-index:300;font:15px/1.5 Inter,system-ui,sans-serif}.tour-shade{position:absolute;inset:0}.tour-highlight{position:fixed;border:2px solid white;border-radius:12px;box-shadow:0 0 0 9999px #0009;pointer-events:none}.tour-card{position:fixed;width:min(340px,calc(100vw - 32px));box-sizing:border-box;background:#fff;padding:24px;border:1px solid #eee;border-radius:16px;box-shadow:0 20px 55px #0003;color:#263248;outline:none}.tour-card h2{font-size:20px;line-height:1.25;margin:10px 0}.tour-card p{font-size:14px;color:#64748b;margin:0 0 20px}.tour-card small{color:#64748b;font-size:12px}.tour-card footer{display:flex;gap:8px;justify-content:space-between}.tour-card button{border:0;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:500;background:#f1f5f9;color:#23334c}.tour-card #tour-next{background:#244dd3;color:#fff}.tour-card #tour-back:disabled{opacity:.4}.tour-card #tour-close{position:absolute;right:12px;top:8px;font-size:22px;padding:4px 8px;background:transparent;color:#64748b}.tour-card #tour-skip{background:transparent;color:#64748b;display:block;margin:10px auto -12px;font-size:12px}@media(max-width:767px){#navigation{max-width:48%;top:6px;left:6px}#settings-menu,#volume-menu,#feedback-panel{right:12px;top:50px;max-width:calc(100vw - 24px)}.chat-panel{min-height:240px}.conversation-bubble{font-size:15px;padding:16px}.conversation-item{margin-bottom:20px}#tour .tour-card{max-height:calc(100dvh - 32px);overflow:auto}}#pause-button{color:#fff}#suggestions{display:flex;flex-direction:column;gap:12px;margin:30px 0 8px}#suggestions button{border:1px solid #93c5fd;border-radius:999px;padding:8px 16px;text-align:left;color:#5187ba;background:#fff;font:14px Inter,system-ui,sans-serif}#mic-button.user-speaking{box-shadow:0 0 0 5px #244dd333}#mic-menu select{display:block;width:100%;margin:10px 0;padding:8px;border:1px solid #ccd5e4;border-radius:8px}#settings-menu{width:200px;right:auto;padding:0;border-radius:12px;font:12px/1.35 Inter,system-ui,sans-serif;box-shadow:0 10px 40px #0000001a,0 2px 8px #0000000d}#settings-menu button{display:block;width:calc(100% - 8px);margin:0 4px;padding:10px 16px;background:transparent;color:#374151;font-size:12px;line-height:1.35;text-align:left;border:0;border-radius:8px}#settings-menu #voice-speed-button{display:flex;align-items:center;justify-content:space-between}#settings-menu button:hover{background:#f9fafb}#settings-menu p{font-size:10px;line-height:1.35;color:#9ca3af;margin:3px 0 0}#voice-speed-label{font-size:10px;color:#6b7280;margin-top:2px}#speed-options{position:absolute;right:100%;top:0;margin-right:8px;width:140px;padding:6px 0;border:1px solid #e5e7eb;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0002}#speed-options button[aria-pressed=true]{background:#eff6ff;color:#1d4ed8;font-weight:500}.authored-volume{display:flex;align-items:center}.volume-range-box{width:0;overflow:hidden;transition:width .25s,margin .25s;display:flex;align-items:center}.authored-volume:hover .volume-range-box,.authored-volume:focus-within .volume-range-box,.authored-volume.volume-open .volume-range-box{width:64px;margin-left:6px}.volume-range-box input{width:64px;min-width:64px;cursor:pointer}@media(max-width:550px){#speed-options{right:0;top:100%;margin-right:0;z-index:1}}#settings-menu>.py-1\.5{padding-top:6px;padding-bottom:6px}#settings-menu .h-px{height:1px;margin:6px 8px;background:#e5e7eb}#settings-menu #voice-speed-button svg{width:14px;height:14px}