#app{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);margin-top:0;touch-action:manipulation;-ms-touch-action:manipulation}.fullscreen-app{height:100vh;height:100dvh;width:100%;max-width:800px;max-height:952px;overflow:hidden;position:fixed;top:0;left:0;right:0;margin-left:auto;margin-right:auto}a,button,input,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}.learning-screen[data-v-7bb37847]{height:100vh;height:100dvh;-ms-flex-direction:column;flex-direction:column;background:var(--color-bg-primary)}.content-area[data-v-7bb37847],.learning-screen[data-v-7bb37847]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;overflow:hidden}.content-area[data-v-7bb37847]{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:8px;gap:10px;min-height:0}.transcript-section[data-v-7bb37847]{background:#fff;border-radius:8px;padding:10px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);height:225px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.transcript-section h4[data-v-7bb37847]{margin:0 0 5px;font-size:14px;color:#666;-ms-flex-negative:0;flex-shrink:0}.transcript-content[data-v-7bb37847]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:0 5px}.placeholder-text[data-v-7bb37847]{color:#999;font-style:italic}.clear-btn[data-v-7bb37847]{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:12px;padding:2px 5px;-webkit-transition:all .2s ease;transition:all .2s ease;border-radius:var(--border-radius-sm)}.clear-btn[data-v-7bb37847]:hover{color:var(--color-text-primary);background:rgba(0,0,0,.05)}.player-container[data-v-7bb37847]{position:relative;background:#fff;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto;min-height:207px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.player-overlay[data-v-7bb37847]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:default;background:transparent;pointer-events:all}.controls-section[data-v-7bb37847]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;padding:5px 0;margin-top:auto}.primary-controls[data-v-7bb37847]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:70px}.center-wrapper[data-v-7bb37847]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.play-pause-btn[data-v-7bb37847]{width:60px;height:60px;background-color:#14213d;border:none;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;color:#fff;font-size:24px;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);-webkit-transition:all .2s ease;transition:all .2s ease}.play-pause-btn[data-v-7bb37847]:hover{-webkit-transform:scale(1.05);transform:scale(1.05);background-color:#233362;-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg)}.reset-btn[data-v-7bb37847]{position:absolute;right:20px;padding:8px 16px;background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;color:var(--color-text-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;-webkit-transition:all .2s ease;transition:all .2s ease}.reset-btn[data-v-7bb37847]:hover{background:var(--color-border)}.navigation-controls[data-v-7bb37847]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;margin-top:5px}.nav-btn[data-v-7bb37847],.navigation-controls[data-v-7bb37847]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.nav-btn[data-v-7bb37847]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px;border:1px solid var(--color-border);background:#fff;border-radius:var(--border-radius-md);cursor:pointer;color:var(--color-text-primary);-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:5px;font-size:14px;-webkit-transition:all .2s ease;transition:all .2s ease}.nav-btn[data-v-7bb37847]:hover{background:var(--color-border)}.verify-btn[data-v-7bb37847]{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5;padding:10px 0;margin:0 8px;background:#fca311;color:#000;border:none;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;font-size:16px;-webkit-transition:all .2s ease;transition:all .2s ease}.verify-btn[data-v-7bb37847]:hover{background:#fdbc4b}.more-menu-item[data-v-7bb37847]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 20px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.more-menu-item[data-v-7bb37847]:hover{background-color:#f5f5f5}.more-menu-item i[data-v-7bb37847]{margin-right:10px;width:20px;text-align:center}.content-area[data-v-7bb37847]{padding-bottom:80px}.swipe-indicator[data-v-7bb37847]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:rgba(252,163,17,.9);color:#000;border-radius:50%;width:60px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;z-index:30}.swipe-indicator--right[data-v-7bb37847]{right:20px}.swipe-indicator--left[data-v-7bb37847]{left:20px}.swipe-indicator i[data-v-7bb37847]{font-size:24px}.content-area.swiping-left .swipe-indicator--left[data-v-7bb37847],.content-area.swiping-right .swipe-indicator--right[data-v-7bb37847]{opacity:.9}@media (max-height:600px){.transcript-section[data-v-7bb37847]{height:60px}.play-circle[data-v-7bb37847]{width:36px;height:36px}}@media (max-width:480px){.mobile-bottom-nav__item[data-v-7bb37847]{font-size:9px}.mobile-bottom-nav__item i[data-v-7bb37847]{font-size:16px}}.center-play-button[data-v-7bb37847]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:20;cursor:pointer;opacity:.9;-webkit-transition:opacity .3s;transition:opacity .3s}.center-play-button[data-v-7bb37847]:hover{opacity:1}.play-circle--overlay[data-v-7bb37847]{width:70px;height:70px;background-color:rgba(252,163,17,.9);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.5);box-shadow:0 4px 10px rgba(0,0,0,.5);-webkit-transition:background-color .2s,-webkit-transform .2s;transition:background-color .2s,-webkit-transform .2s;transition:transform .2s,background-color .2s;transition:transform .2s,background-color .2s,-webkit-transform .2s}.play-circle--overlay[data-v-7bb37847]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:rgba(253,188,75,.95)}.play-circle--overlay i[data-v-7bb37847]{font-size:30px;color:#fff}.player-container[data-v-facc8316]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;background:#fff;border-radius:4px;overflow:hidden;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;margin:0 auto;min-height:150px;height:calc(100vh - 120px);max-height:75vh}.subtitle-warning[data-v-facc8316]{position:absolute;top:10px;left:0;right:0;background-color:rgba(255,77,79,.8);color:#fff;padding:5px 10px;text-align:center;font-size:14px;z-index:10;border-radius:4px;margin:0 10px}.player-wrapper[data-v-facc8316]{position:relative;width:100%;height:0;padding-bottom:56.25%;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.player-wrapper[data-v-facc8316] iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.speech-recognition-container[data-v-facc8316]{position:absolute;bottom:60px;left:0;right:0;z-index:6;margin:0 10px;max-height:30%;overflow-y:auto}.speech-recognition-container[data-v-facc8316] .speech-overlay{background:hsla(0,0%,100%,.9);border-radius:8px;padding:10px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2)}@media (max-height:400px){.player-container[data-v-facc8316]{height:calc(100vh - 70px)}.speech-recognition-container[data-v-facc8316]{bottom:40px}}@media (max-height:600px){.player-container[data-v-facc8316]{height:calc(100vh - 90px)}}@media (min-height:800px){.player-container[data-v-facc8316]{max-height:70vh}}@media (max-width:768px){.play-pause-button[data-v-facc8316]{width:100px;height:100px}.play-pause-button i[data-v-facc8316]{font-size:50px}.speech-recognition-container[data-v-facc8316]{bottom:80px}}.youtube[data-v-5ee40be8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}iframe[data-v-5ee40be8]{margin:0;max-width:100%}.speech-recognition-overlay[data-v-2e39998c]{position:absolute;top:0;left:0;right:0;background-color:hsla(0,0%,100%,.95);border-radius:4px 4px 0 0;padding:10px;z-index:10;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);max-height:30%;overflow-y:auto}.speech-content[data-v-2e39998c]{position:relative;padding:5px 30px 5px 5px;max-height:80px;overflow-y:auto}.clear-btn[data-v-2e39998c]{position:absolute;top:5px;right:0;background:none;border:none;color:#666;cursor:pointer;padding:4px 8px;border-radius:4px}.clear-btn[data-v-2e39998c]:hover{background-color:rgba(0,0,0,.05)}.placeholder-text[data-v-2e39998c]{color:#999;font-style:italic}@media (max-width:768px){.speech-content[data-v-2e39998c]{max-height:60px}}@media (max-width:480px){.speech-content[data-v-2e39998c]{max-height:50px}}.countdown-container[data-v-72be2d97]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:rgba(0,0,0,.7);border-radius:8px;padding:15px;color:#fff;text-align:center;z-index:100}.countdown-timer-simple[data-v-72be2d97]{text-align:center}.countdown-type[data-v-72be2d97]{font-size:14px;color:#fff;margin-bottom:5px}.countdown-type i[data-v-72be2d97]{margin-right:5px}.countdown-number[data-v-72be2d97]{font-size:36px;font-weight:700}.top-nav[data-v-334be36e]{background:var(--color-content-bg);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);width:100%;min-height:30px;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.nav-grid[data-v-334be36e]{width:100%;padding:2px 0;min-height:26px;-ms-flex-align:center;max-width:800px}.nav-grid[data-v-334be36e],.settings-section[data-v-334be36e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.settings-section[data-v-334be36e]{-webkit-box-flex:0;-ms-flex:0 0 70px;flex:0 0 70px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:10px;gap:6px;-ms-flex-align:center}.clock-section[data-v-334be36e]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.controls-section[data-v-334be36e]{-webkit-box-flex:0;-ms-flex:0 0 80px;flex:0 0 80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:10px}.settings-icon[data-v-334be36e]{cursor:pointer;color:var(--color-text-secondary);background-color:var(--color-bg-secondary)}.settings-icon[data-v-334be36e]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:var(--color-bg-primary);color:var(--color-primary)}.clock-display[data-v-334be36e]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:14px;font-weight:500;color:var(--color-text-primary);background:var(--color-bg-secondary);border-radius:var(--border-radius-md);min-width:110px;text-align:center;padding:2px 10px;line-height:1.1;-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);gap:5px}.clock-display[data-v-334be36e],.verify-clocks[data-v-334be36e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.verify-clocks[data-v-334be36e]{gap:12px;width:100%;max-width:500px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.verify-clocks .clock-display[data-v-334be36e]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:2px 6px}.clock-label-corner[data-v-334be36e]{font-size:9px;color:#666;font-weight:400;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:none;margin-bottom:0;padding-bottom:0;height:auto}.clock-label-corner i[data-v-334be36e]{font-size:11px;opacity:.8}.time-value[data-v-334be36e]{font-size:12px;line-height:1;margin-top:0}.learning-range[data-v-334be36e]{background-color:rgba(20,33,61,.05);color:var(--color-primary)}.current-range[data-v-334be36e]{background-color:rgba(67,147,108,.05);color:var(--color-success)}.status-indicators[data-v-334be36e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.status-icon[data-v-334be36e]{width:26px;height:26px;border-radius:50%;background-color:var(--color-bg-secondary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;-webkit-transition:all .2s;transition:all .2s;-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.status-icon[data-v-334be36e]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.status-icon i[data-v-334be36e]{opacity:.6}.status-icon i.status-on[data-v-334be36e]{color:var(--color-success);opacity:1}.status-icon i.status-off[data-v-334be36e]{color:var(--color-border);opacity:.8}.microphone-control[data-v-334be36e]{cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.microphone-control.active[data-v-334be36e]{background-color:var(--color-primary);border-color:var(--color-primary-dark)}.microphone-control.active i[data-v-334be36e]{color:#fff;opacity:1}.microphone-control.listening[data-v-334be36e]{background-color:var(--color-primary-light);border-color:var(--color-primary)}.microphone-control.speaking[data-v-334be36e]{background-color:var(--color-success);border-color:var(--color-success);-webkit-animation:pulse-data-v-334be36e 1.5s infinite;animation:pulse-data-v-334be36e 1.5s infinite}@-webkit-keyframes pulse-data-v-334be36e{0%{-webkit-box-shadow:0 0 0 0 rgba(67,147,108,.5);box-shadow:0 0 0 0 rgba(67,147,108,.5)}70%{-webkit-box-shadow:0 0 0 6px rgba(67,147,108,0);box-shadow:0 0 0 6px rgba(67,147,108,0)}to{-webkit-box-shadow:0 0 0 0 rgba(67,147,108,0);box-shadow:0 0 0 0 rgba(67,147,108,0)}}@keyframes pulse-data-v-334be36e{0%{-webkit-box-shadow:0 0 0 0 rgba(67,147,108,.5);box-shadow:0 0 0 0 rgba(67,147,108,.5)}70%{-webkit-box-shadow:0 0 0 6px rgba(67,147,108,0);box-shadow:0 0 0 6px rgba(67,147,108,0)}to{-webkit-box-shadow:0 0 0 0 rgba(67,147,108,0);box-shadow:0 0 0 0 rgba(67,147,108,0)}}.help-icon[data-v-334be36e]{cursor:pointer;color:var(--color-primary);background-color:var(--color-bg-secondary)}.help-icon[data-v-334be36e]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:var(--color-bg-primary)}@media (max-width:768px){.verify-clocks[data-v-334be36e]{gap:8px}.status-indicators[data-v-334be36e]{gap:6px}.time-value[data-v-334be36e]{font-size:12px}}@media (max-width:576px){.controls-section[data-v-334be36e],.settings-section[data-v-334be36e]{-webkit-box-flex:0;-ms-flex:0 0 60px;flex:0 0 60px}.verify-clocks[data-v-334be36e]{gap:4px}.verify-clocks .clock-display[data-v-334be36e]{min-width:0;padding:6px 4px}.time-value[data-v-334be36e]{font-size:11px}.status-icon[data-v-334be36e]{width:24px;height:24px;font-size:10px}}@media (max-width:400px){.verify-clocks .clock-label-corner[data-v-334be36e]{font-size:8px}.verify-clocks .time-value[data-v-334be36e]{font-size:10px}}@media (max-height:400px){.top-nav[data-v-334be36e]{min-height:30px}}.bottom-nav-container[data-v-ad0d4d3e]{position:relative;width:100%;max-width:800px;margin:0 auto}.mobile-bottom-nav[data-v-ad0d4d3e]{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;background-color:#fff;-webkit-box-shadow:0 -2px 10px rgba(0,0,0,.1);box-shadow:0 -2px 10px rgba(0,0,0,.1);padding:8px 0 env(safe-area-inset-bottom,8px);height:64px;max-width:800px;margin:0 auto}.mobile-bottom-nav__item[data-v-ad0d4d3e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1;color:#646464;font-size:10px;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-transition:all .2s ease;transition:all .2s ease}.mobile-bottom-nav__item--active[data-v-ad0d4d3e]{color:#14213d}.mobile-bottom-nav__item i[data-v-ad0d4d3e]{font-size:18px;margin-bottom:2px}.mobile-bottom-nav__item span[data-v-ad0d4d3e]{margin-top:2px}.play-circle[data-v-ad0d4d3e]{width:40px;height:40px;border-radius:50%;background-color:#14213d;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:2px}.play-circle i[data-v-ad0d4d3e]{margin:0;font-size:16px;color:#fff}.floating-play-button[data-v-ad0d4d3e]{position:fixed;bottom:80px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1002;cursor:pointer;width:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.play-circle--large[data-v-ad0d4d3e]{width:60px;height:60px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.3);box-shadow:0 4px 10px rgba(0,0,0,.3);-webkit-transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease}.play-circle--large[data-v-ad0d4d3e]:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 6px 15px rgba(0,0,0,.35);box-shadow:0 6px 15px rgba(0,0,0,.35)}.play-circle--large i[data-v-ad0d4d3e]{font-size:24px}.mobile-bottom-nav__item.action-button[data-v-ad0d4d3e]{background-color:#14213d;color:#fff;border-radius:8px;margin:0 5px;padding:5px 0;font-weight:700;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2)}.mobile-bottom-nav__item.action-button i[data-v-ad0d4d3e]{color:#fff}.mobile-bottom-nav__item.action-button[data-v-ad0d4d3e]:hover{background-color:#233362;-webkit-transform:scale(1.15);transform:scale(1.15)}.more-options-menu[data-v-ad0d4d3e]{position:absolute;bottom:64px;right:0;background-color:#fff;-webkit-box-shadow:0 -2px 10px rgba(0,0,0,.1);box-shadow:0 -2px 10px rgba(0,0,0,.1);border-radius:8px 0 0 0;padding:10px 0;z-index:1001;max-width:320px}@media (max-height:600px){.play-circle[data-v-ad0d4d3e]{width:36px;height:36px}}@media (max-width:480px){.mobile-bottom-nav__item[data-v-ad0d4d3e]{font-size:9px}.mobile-bottom-nav__item i[data-v-ad0d4d3e]{font-size:16px}}.settings-modal[data-v-587a5126]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000}.modal-content[data-v-587a5126]{background:var(--color-content-bg);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);width:90%;max-width:500px;-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg)}.modal-content h3[data-v-587a5126]{color:var(--color-heading);margin-top:0;margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl)}.setting-item[data-v-587a5126]{margin-bottom:var(--spacing-lg)}.setting-item label[data-v-587a5126]{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-weight:500;font-size:14px}.setting-item input[data-v-587a5126],.setting-item select[data-v-587a5126]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-bg-secondary);font-size:var(--font-size-md);color:var(--color-text-primary);-webkit-transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,-webkit-box-shadow .2s;transition:border-color .2s,box-shadow .2s;transition:border-color .2s,box-shadow .2s,-webkit-box-shadow .2s;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.setting-item input[data-v-587a5126]{min-height:44px;-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);font-weight:500}.setting-item input[data-v-587a5126]:focus,.setting-item select[data-v-587a5126]:focus{outline:none;border-color:var(--color-primary);-webkit-box-shadow:0 0 0 2px rgba(20,33,61,.15);box-shadow:0 0 0 2px rgba(20,33,61,.15)}.modal-actions[data-v-587a5126]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.modal-actions button[data-v-587a5126]{padding:8px 16px;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;min-width:90px;text-align:center;-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);letter-spacing:.3px;font-size:var(--font-size-md)}.modal-actions button[data-v-587a5126]:first-child{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary-dark)}.modal-actions button[data-v-587a5126]:first-child:hover{background:var(--color-primary-light);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.modal-actions button[data-v-587a5126]:first-child:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.modal-actions button[data-v-587a5126]:last-child{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.modal-actions button[data-v-587a5126]:last-child:hover{background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.modal-actions button[data-v-587a5126]:last-child:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm)}.reset-tutorial-btn[data-v-587a5126]{margin-top:var(--spacing-md);background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-weight:500;-webkit-transition:all .2s;transition:all .2s}.reset-tutorial-btn[data-v-587a5126]:hover{background-color:rgba(20,33,61,.05)}input[data-v-587a5126]{font-size:16px}.setting-item select[data-v-587a5126]{height:44px;font-size:16px!important;padding:var(--spacing-sm) var(--spacing-md);-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist}.custom-select-wrapper[data-v-587a5126]{position:relative;width:100%}.real-select[data-v-587a5126]{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:2;font-size:16px}.custom-select[data-v-587a5126]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-bg-secondary);font-size:var(--font-size-md);color:var(--color-text-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;min-height:44px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);font-weight:500}.arrow-down[data-v-587a5126]{font-size:12px;color:var(--color-primary);margin-left:var(--spacing-sm)}.custom-select-wrapper:focus-within .custom-select[data-v-587a5126]{border-color:var(--color-primary);-webkit-box-shadow:0 0 0 2px rgba(20,33,61,.15);box-shadow:0 0 0 2px rgba(20,33,61,.15)}.setting-item select option[data-v-587a5126]{font-size:16px!important;padding:10px!important;height:40px!important;line-height:40px!important}@-moz-document url-prefix(){.setting-item select,.setting-item select option{font-size:16px;padding:8px}}.time-input-container[data-v-587a5126]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--spacing-md)}.time-input-group[data-v-587a5126]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.time-input-group input[data-v-587a5126]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;min-height:44px}.time-label[data-v-587a5126]{margin-left:5px;color:var(--color-text-secondary);font-size:14px;min-width:24px}@media (max-width:768px){.modal-content[data-v-587a5126]{padding:var(--spacing-lg);width:95%}.modal-actions[data-v-587a5126]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.modal-actions button[data-v-587a5126]{width:100%}}.swipe-indicators[data-v-9f3c8ea4]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2001;pointer-events:none}.swipe-indicator[data-v-9f3c8ea4]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:hsla(0,0%,100%,.7);font-size:14px;-webkit-animation:fadeInOut-data-v-9f3c8ea4 2s infinite;animation:fadeInOut-data-v-9f3c8ea4 2s infinite;pointer-events:none}.swipe-indicator--left[data-v-9f3c8ea4]{right:20px}.swipe-indicator--right[data-v-9f3c8ea4]{left:20px}.swipe-indicator i[data-v-9f3c8ea4]{font-size:24px;margin-bottom:5px}.swipe-indicator span[data-v-9f3c8ea4]{font-size:12px;font-weight:500}@-webkit-keyframes fadeInOut-data-v-9f3c8ea4{0%,to{opacity:.4}50%{opacity:.8}}@keyframes fadeInOut-data-v-9f3c8ea4{0%,to{opacity:.4}50%{opacity:.8}}.tutorial-overlay[data-v-9f3c8ea4]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);backdrop-filter:blur(1px);z-index:2000;pointer-events:all;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.tutorial-step[data-v-9f3c8ea4]{position:relative;width:100%;height:100%}.tutorial-pointer[data-v-9f3c8ea4]{position:absolute;width:36px;height:36px;border-radius:50%;background-color:rgba(252,163,17,.9);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2001;-webkit-box-shadow:var(--shadow-md),0 0 0 8px rgba(252,163,17,.3);box-shadow:var(--shadow-md),0 0 0 8px rgba(252,163,17,.3)}.animate-pulse[data-v-9f3c8ea4]{-webkit-animation:pulse-data-v-9f3c8ea4 1.5s infinite;animation:pulse-data-v-9f3c8ea4 1.5s infinite}.animate-zoom[data-v-9f3c8ea4]{-webkit-animation:zoom-in-out-data-v-9f3c8ea4 2s infinite;animation:zoom-in-out-data-v-9f3c8ea4 2s infinite}@-webkit-keyframes zoom-in-out-data-v-9f3c8ea4{0%,to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);-webkit-box-shadow:0 0 0 5px rgba(252,163,17,.3);box-shadow:0 0 0 5px rgba(252,163,17,.3)}50%{-webkit-transform:translate(-50%,-50%) scale(1.4);transform:translate(-50%,-50%) scale(1.4);-webkit-box-shadow:0 0 0 8px rgba(252,163,17,.5);box-shadow:0 0 0 8px rgba(252,163,17,.5)}}@keyframes zoom-in-out-data-v-9f3c8ea4{0%,to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);-webkit-box-shadow:0 0 0 5px rgba(252,163,17,.3);box-shadow:0 0 0 5px rgba(252,163,17,.3)}50%{-webkit-transform:translate(-50%,-50%) scale(1.4);transform:translate(-50%,-50%) scale(1.4);-webkit-box-shadow:0 0 0 8px rgba(252,163,17,.5);box-shadow:0 0 0 8px rgba(252,163,17,.5)}}.tutorial-step[v-if*="currentStep === 'speak'"] .tutorial-content[data-v-9f3c8ea4]{z-index:2601;border-left:3px solid var(--color-primary);-webkit-box-shadow:0 6px 16px rgba(20,33,61,.15);box-shadow:0 6px 16px rgba(20,33,61,.15)}.tutorial-step[v-if*="currentStep === 'speak'"] .tutorial-pointer[data-v-9f3c8ea4]{z-index:2600;background-color:rgba(252,163,17,.9)}.tutorial-content[data-v-9f3c8ea4]{position:absolute;width:260px;background-color:rgba(var(--color-content-bg-rgb,255,255,255),.95);backdrop-filter:blur(10px);border-radius:var(--border-radius-lg);padding:var(--spacing-md);-webkit-box-shadow:0 4px 20px rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.08);z-index:2002;border:none;-webkit-transition:all .3s ease;transition:all .3s ease}.tutorial-content h3[data-v-9f3c8ea4]{margin-top:0;margin-bottom:var(--spacing-xs);color:var(--color-primary);font-weight:600;font-size:calc(var(--font-size-md) + 1px);letter-spacing:-.3px}.tutorial-content p[data-v-9f3c8ea4]{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.4;font-weight:400}.tutorial-btn[data-v-9f3c8ea4]{background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-md);padding:7px 14px;cursor:pointer;font-weight:500;-webkit-transition:all .2s;transition:all .2s;min-width:80px;text-align:center;-webkit-box-shadow:0 2px 8px rgba(20,33,61,.15);box-shadow:0 2px 8px rgba(20,33,61,.15);letter-spacing:.2px;font-size:var(--font-size-sm)}.tutorial-btn[data-v-9f3c8ea4]:hover{background-color:var(--color-primary-light);-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(20,33,61,.2);box-shadow:0 4px 12px rgba(20,33,61,.2)}.tutorial-btn[data-v-9f3c8ea4]:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 2px 4px rgba(20,33,61,.1);box-shadow:0 2px 4px rgba(20,33,61,.1)}.tutorial-btn-speak[data-v-9f3c8ea4]{background-color:var(--color-primary);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;-webkit-transition:all .3s;transition:all .3s}.tutorial-btn-speak[data-v-9f3c8ea4]:hover{-webkit-transform:scale(1.05);transform:scale(1.05);background-color:var(--color-primary-dark)}.tutorial-btn-speak i[data-v-9f3c8ea4]{font-size:18px}.speech-waiting[data-v-9f3c8ea4]{color:var(--color-primary);font-weight:500;gap:8px}.speech-detected[data-v-9f3c8ea4],.speech-waiting[data-v-9f3c8ea4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.speech-detected[data-v-9f3c8ea4]{color:#4caf50;font-weight:600;gap:12px;padding:16px;background:-webkit-gradient(linear,left top,right top,from(rgba(76,175,80,.1)),to(rgba(252,163,17,.05)));background:linear-gradient(90deg,rgba(76,175,80,.1),rgba(252,163,17,.05));border-radius:var(--border-radius-md);border-left:4px solid var(--color-primary);margin:12px 0;position:relative;overflow:hidden;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);-webkit-animation:fadeInScale-data-v-9f3c8ea4 .5s ease-out;animation:fadeInScale-data-v-9f3c8ea4 .5s ease-out}.success-icon-wrapper[data-v-9f3c8ea4]{background-color:#4caf50;color:#fff;border-radius:50%;width:32px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2)}.speech-detected i[data-v-9f3c8ea4]{font-size:14px}.success-message[data-v-9f3c8ea4]{-webkit-box-flex:1;-ms-flex:1;flex:1}.success-message strong[data-v-9f3c8ea4]{color:var(--color-primary);font-weight:700;letter-spacing:.3px}.success-glow[data-v-9f3c8ea4]{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(252,163,17,.15) 0,rgba(252,163,17,0) 70%);pointer-events:none;-webkit-animation:pulse-glow-data-v-9f3c8ea4 2s infinite;animation:pulse-glow-data-v-9f3c8ea4 2s infinite}@-webkit-keyframes fadeInScale-data-v-9f3c8ea4{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}70%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInScale-data-v-9f3c8ea4{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}70%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pulse-glow-data-v-9f3c8ea4{0%,to{opacity:.5}50%{opacity:1}}@keyframes pulse-glow-data-v-9f3c8ea4{0%,to{opacity:.5}50%{opacity:1}}.pulse-icon[data-v-9f3c8ea4]{-webkit-animation:pulse-color-data-v-9f3c8ea4 1.5s infinite;animation:pulse-color-data-v-9f3c8ea4 1.5s infinite}@-webkit-keyframes pulse-color-data-v-9f3c8ea4{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-color-data-v-9f3c8ea4{0%,to{opacity:1}50%{opacity:.5}}@-webkit-keyframes pulse-data-v-9f3c8ea4{0%{-webkit-box-shadow:0 0 0 0 rgba(20,33,61,.7);box-shadow:0 0 0 0 rgba(20,33,61,.7)}70%{-webkit-box-shadow:0 0 0 15px rgba(20,33,61,0);box-shadow:0 0 0 15px rgba(20,33,61,0)}to{-webkit-box-shadow:0 0 0 0 rgba(20,33,61,0);box-shadow:0 0 0 0 rgba(20,33,61,0)}}@keyframes pulse-data-v-9f3c8ea4{0%{-webkit-box-shadow:0 0 0 0 rgba(20,33,61,.7);box-shadow:0 0 0 0 rgba(20,33,61,.7)}70%{-webkit-box-shadow:0 0 0 15px rgba(20,33,61,0);box-shadow:0 0 0 15px rgba(20,33,61,0)}to{-webkit-box-shadow:0 0 0 0 rgba(20,33,61,0);box-shadow:0 0 0 0 rgba(20,33,61,0)}}.help-note[data-v-9f3c8ea4]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border);line-height:1.4}.help-note i[data-v-9f3c8ea4]{color:var(--color-primary);margin-right:var(--spacing-xs)}.swipe-animation[data-v-9f3c8ea4]{width:100%;height:40px;position:relative;margin:16px 0;overflow:hidden;background:rgba(20,33,61,.1);border-radius:var(--border-radius-md)}.swipe-finger[data-v-9f3c8ea4]{width:20px;height:20px;background-color:rgba(252,163,17,.8);border-radius:50%;position:absolute;top:10px;-webkit-animation:swipe-left-data-v-9f3c8ea4 3s infinite;animation:swipe-left-data-v-9f3c8ea4 3s infinite}@-webkit-keyframes swipe-left-data-v-9f3c8ea4{0%{left:90%;opacity:0}10%{opacity:1}70%{left:10%;opacity:1}to{left:0;opacity:0}}@keyframes swipe-left-data-v-9f3c8ea4{0%{left:90%;opacity:0}10%{opacity:1}70%{left:10%;opacity:1}to{left:0;opacity:0}}.action-hint[data-v-9f3c8ea4]{font-weight:500;color:var(--color-primary);margin-top:12px}@media (max-height:600px){.tutorial-content[data-v-9f3c8ea4]{width:250px;padding:var(--spacing-md);max-height:70vh;overflow-y:auto}.tutorial-content h3[data-v-9f3c8ea4]{font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.tutorial-content p[data-v-9f3c8ea4]{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.tutorial-btn[data-v-9f3c8ea4]{padding:6px 12px;font-size:var(--font-size-sm)}.help-note[data-v-9f3c8ea4]{font-size:calc(var(--font-size-sm) - 1px);margin-bottom:var(--spacing-sm);padding-top:var(--spacing-xs)}}.swipe-tip[data-v-9f3c8ea4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--font-size-sm);color:var(--color-primary);margin-bottom:8px;background-color:rgba(20,33,61,.1);padding:8px;border-radius:var(--border-radius-sm)}.swipe-tip i[data-v-9f3c8ea4]{margin-right:8px;font-size:16px}.navigation-options[data-v-9f3c8ea4]{background-color:rgba(20,33,61,.05);border-radius:var(--border-radius-md);padding:12px;margin-bottom:16px}.swipe-option[data-v-9f3c8ea4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px;padding:8px;background:rgba(252,163,17,.1);border-radius:var(--border-radius-sm);text-align:center}.swipe-option[data-v-9f3c8ea4]:last-child{margin-bottom:0}.swipe-option i[data-v-9f3c8ea4]{font-size:24px;color:var(--color-primary);margin-bottom:4px}.swipe-option strong[data-v-9f3c8ea4]{font-size:var(--font-size-md);color:var(--color-primary);margin-bottom:2px}.swipe-option span[data-v-9f3c8ea4]{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (max-height:600px){.swipe-tip[data-v-9f3c8ea4]{font-size:calc(var(--font-size-sm) - 1px);padding:6px;margin-bottom:6px}.swipe-tip i[data-v-9f3c8ea4]{font-size:14px}}@media (max-width:360px){.tutorial-content[data-v-9f3c8ea4]{width:220px}}.tutorial-step[v-if*="currentStep === 'play'"][data-v-9f3c8ea4]{z-index:2500}.tutorial-step[v-if*="currentStep === 'play'"] .tutorial-pointer[data-v-9f3c8ea4]{z-index:2600;pointer-events:all}.tutorial-step[v-if*="currentStep === 'play'"] .tutorial-content[data-v-9f3c8ea4]{z-index:2601}.verify-screen[data-v-29bda040]{height:100vh;height:100dvh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--color-bg-primary);overflow:hidden}.learn-again-btn[data-v-29bda040]{position:absolute;left:20px;padding:8px 16px;background:#fca311;color:#000;border:none;border-radius:var(--border-radius-md);cursor:pointer;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;-webkit-transition:all .2s ease;transition:all .2s ease}.learn-again-btn[data-v-29bda040]:hover{background:#fdbc4b}.time-display[data-v-29bda040]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:4px}.clock-display[data-v-29bda040],.time-display[data-v-29bda040]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.clock-display[data-v-29bda040]{font-size:12px;font-weight:500;color:#333;padding:3px 6px;border-radius:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.clock-label[data-v-29bda040]{font-size:10px;color:#666;margin-bottom:2px}.original-range[data-v-29bda040]{background-color:#e6f7ff;color:#1890ff}.current-range[data-v-29bda040]{background-color:#f6ffed;color:#52c41a}.content-area[data-v-29bda040]{-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:column;padding:8px;gap:10px;overflow:hidden;min-height:0}.content-area[data-v-29bda040],.transcript-section[data-v-29bda040]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.transcript-section[data-v-29bda040]{background:#fff;border-radius:8px;padding:10px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);height:225px;flex-direction:column}.transcript-section h4[data-v-29bda040]{margin:0 0 5px;font-size:14px;color:#666;-ms-flex-negative:0;flex-shrink:0}.transcript-content[data-v-29bda040]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:0 5px}.placeholder-text[data-v-29bda040]{color:#999;font-style:italic}.player-container[data-v-29bda040]{position:relative;background:#fff;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);height:auto;min-height:207px;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.controls-section[data-v-29bda040],.player-container[data-v-29bda040]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.controls-section[data-v-29bda040]{gap:10px;padding:5px 0;margin-top:auto}.primary-controls[data-v-29bda040]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;height:70px}.center-wrapper[data-v-29bda040]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.play-pause-btn[data-v-29bda040]{width:60px;height:60px;background-color:#14213d;border:none;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;color:#fff;font-size:24px;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);-webkit-transition:all .2s ease;transition:all .2s ease}.play-pause-btn[data-v-29bda040]:hover{-webkit-transform:scale(1.05);transform:scale(1.05);background-color:#233362;-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg)}.reset-btn[data-v-29bda040]{position:absolute;right:20px;padding:8px 16px;background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;color:var(--color-text-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;-webkit-transition:all .2s ease;transition:all .2s ease}.reset-btn[data-v-29bda040]:hover{background:var(--color-border)}.navigation-controls[data-v-29bda040]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;margin-top:5px}.nav-btn[data-v-29bda040],.navigation-controls[data-v-29bda040]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.nav-btn[data-v-29bda040]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px;border:1px solid var(--color-border);background:#fff;border-radius:var(--border-radius-md);cursor:pointer;color:var(--color-text-primary);-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:5px;font-size:14px;-webkit-transition:all .2s ease;transition:all .2s ease}.nav-btn[data-v-29bda040]:hover{background:var(--color-border)}.verify-btn[data-v-29bda040]{-webkit-box-flex:1.5;-ms-flex:1.5;flex:1.5;padding:10px 0;margin:0 8px;background:#fca311;color:#000;border:none;border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;font-size:16px;-webkit-transition:all .2s ease;transition:all .2s ease}.verify-btn[data-v-29bda040]:hover{background:#fdbc4b}.more-options-menu[data-v-29bda040]{position:fixed;bottom:64px;right:0;background-color:#fff;-webkit-box-shadow:0 -2px 10px rgba(0,0,0,.1);box-shadow:0 -2px 10px rgba(0,0,0,.1);border-radius:8px 0 0 0;padding:10px 0;z-index:1001}.more-menu-item[data-v-29bda040]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 20px;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.more-menu-item[data-v-29bda040]:hover{background-color:#f5f5f5}.more-menu-item i[data-v-29bda040]{margin-right:10px;width:20px;text-align:center}.content-area[data-v-29bda040]{padding-bottom:80px}.swipe-indicator[data-v-29bda040]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:rgba(252,163,17,.9);color:#000;border-radius:50%;width:60px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;z-index:30}.swipe-indicator--right[data-v-29bda040]{right:20px}.swipe-indicator--left[data-v-29bda040]{left:20px}.swipe-indicator i[data-v-29bda040]{font-size:24px}.content-area.swiping-left .swipe-indicator--left[data-v-29bda040],.content-area.swiping-right .swipe-indicator--right[data-v-29bda040]{opacity:.9}@media (max-height:600px){.transcript-section[data-v-29bda040]{height:60px}.play-circle[data-v-29bda040]{width:36px;height:36px}}@media (max-width:480px){.mobile-bottom-nav__item[data-v-29bda040]{font-size:9px}.mobile-bottom-nav__item i[data-v-29bda040]{font-size:16px}}.center-play-button[data-v-29bda040]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:20;cursor:pointer;opacity:.9;-webkit-transition:opacity .3s;transition:opacity .3s}.center-play-button[data-v-29bda040]:hover{opacity:1}.play-circle--overlay[data-v-29bda040]{width:70px;height:70px;background-color:rgba(252,163,17,.9);border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.5);box-shadow:0 4px 10px rgba(0,0,0,.5);-webkit-transition:background-color .2s,-webkit-transform .2s;transition:background-color .2s,-webkit-transform .2s;transition:transform .2s,background-color .2s;transition:transform .2s,background-color .2s,-webkit-transform .2s}.play-circle--overlay[data-v-29bda040]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:rgba(253,188,75,.95)}.play-circle--overlay i[data-v-29bda040]{font-size:30px;color:#fff}.player-overlay[data-v-29bda040]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:default;background:transparent;pointer-events:all}.player-container[data-v-3bf08678]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;background:#fff;border-radius:4px;overflow:hidden;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;margin:0 auto;min-height:150px;height:calc(100vh - 120px);max-height:75vh}.subtitle-warning[data-v-3bf08678]{position:absolute;top:10px;left:0;right:0;background-color:rgba(255,77,79,.8);color:#fff;padding:5px 10px;text-align:center;font-size:14px;z-index:10;border-radius:4px;margin:0 10px}.player-wrapper[data-v-3bf08678]{position:relative;width:100%;height:0;padding-bottom:56.25%;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.player-wrapper[data-v-3bf08678] iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}@media (max-height:400px){.player-container[data-v-3bf08678]{height:calc(100vh - 70px)}}@media (max-height:600px){.player-container[data-v-3bf08678]{height:calc(100vh - 90px)}}@media (min-height:800px){.player-container[data-v-3bf08678]{max-height:70vh}}@media (max-width:768px){.play-pause-button[data-v-3bf08678]{width:100px;height:100px}.play-pause-button i[data-v-3bf08678]{font-size:50px}}.player-container[data-v-736e66c2]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;background:#fff;border-radius:4px;overflow:hidden;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;margin:0 auto;min-height:150px;height:calc(100vh - 120px);max-height:75vh}.player-container[data-v-736e66c2] iframe{width:100%!important;height:100%!important;min-height:200px;max-height:none}@media (max-height:400px){.player-container[data-v-736e66c2]{height:calc(100vh - 70px)}.speech-recognition-container[data-v-736e66c2]{bottom:40px}}@media (max-height:600px){.player-container[data-v-736e66c2]{height:calc(100vh - 90px)}}@media (min-height:800px){.player-container[data-v-736e66c2]{max-height:70vh}}@media (max-width:768px){.play-pause-button[data-v-736e66c2]{width:100px;height:100px}.play-pause-button i[data-v-736e66c2]{font-size:50px}.speech-recognition-container[data-v-736e66c2]{bottom:80px}}:root{--color-primary:#14213d;--color-primary-light:#233362;--color-primary-dark:#0c1528;--color-bg-primary:#e5e5e5;--color-bg-secondary:#f5f5f5;--color-border:#ccc;--color-text-primary:#000;--color-text-secondary:#333;--color-heading:#14213d;--color-success:#43936c;--color-warning:#fca311;--color-error:#d64545;--color-info:#3b82f6;--color-content-bg:#fff;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--font-family:"Inter","Avenir",Helvetica,Arial,sans-serif;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--shadow-sm:0 1px 2px rgba(15,23,42,0.08);--shadow-md:0 4px 6px rgba(15,23,42,0.08);--shadow-lg:0 10px 15px rgba(15,23,42,0.08)}body{font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-bg-primary);margin:0;padding:0;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--color-heading);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-light)}.button,button{background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;font-weight:500;-ms-touch-action:manipulation;touch-action:manipulation}.button:hover,button:hover{background-color:var(--color-primary-light)}.button:focus,button:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(67,97,238,.3);box-shadow:0 0 0 3px rgba(67,97,238,.3)}input,select,textarea{-ms-touch-action:manipulation;touch-action:manipulation}.card{background-color:#fff;border-radius:var(--border-radius-md);-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{border:none;border-radius:var(--border-radius-md);cursor:pointer;font-weight:500;-webkit-transition:all .2s ease;transition:all .2s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:5px;-ms-touch-action:manipulation;touch-action:manipulation;padding:var(--spacing-sm) var(--spacing-md)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-light);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-primary:active{-webkit-transform:translateY(0);transform:translateY(0)}.btn-accent{background-color:#fca311;color:#000;font-weight:600}.btn-accent:hover{background-color:#fdbc4b;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-accent:active{-webkit-transform:translateY(0);transform:translateY(0)}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-border)}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover{background-color:rgba(16,185,129,.8)}.btn-warning{background-color:var(--color-warning);color:#000}.btn-warning:hover{background-color:#fdbc4b}.btn-info{background-color:var(--color-info);color:#fff}.btn-info:hover{background-color:rgba(59,130,246,.8)}.btn-ghost{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{color:var(--color-text-primary);background-color:rgba(0,0,0,.05)}.btn-circle{border-radius:50%;width:60px;height:60px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:var(--shadow-md);box-shadow:var(--shadow-md)}.btn-circle:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:var(--shadow-lg);box-shadow:var(--shadow-lg)}.btn-circle:active{-webkit-transform:scale(1);transform:scale(1)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:1.125rem}.toast-notification[data-v-02d7ffd8]{position:fixed;top:20px;right:20px;min-width:250px;max-width:350px;background-color:#fff;color:#333;border-radius:8px;-webkit-box-shadow:0 4px 6px rgba(15,23,42,.08);box-shadow:0 4px 6px rgba(15,23,42,.08);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 16px;z-index:9999;cursor:pointer}.toast-content[data-v-02d7ffd8],.toast-notification[data-v-02d7ffd8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.toast-content[data-v-02d7ffd8]{-webkit-box-flex:1;-ms-flex:1;flex:1}.toast-icon[data-v-02d7ffd8]{margin-right:12px;font-size:18px}.toast-message[data-v-02d7ffd8]{font-size:14px;-webkit-box-flex:1;-ms-flex:1;flex:1}.toast-close[data-v-02d7ffd8]{font-size:12px;margin-left:12px;opacity:.5;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.toast-close[data-v-02d7ffd8]:hover{opacity:1}.toast-info[data-v-02d7ffd8]{border-left:4px solid #3b82f6}.toast-info .toast-icon[data-v-02d7ffd8]{color:#3b82f6}.toast-success[data-v-02d7ffd8]{border-left:4px solid #43936c}.toast-success .toast-icon[data-v-02d7ffd8]{color:#43936c}.toast-warning[data-v-02d7ffd8]{border-left:4px solid #fca311}.toast-warning .toast-icon[data-v-02d7ffd8]{color:#fca311}.toast-error[data-v-02d7ffd8]{border-left:4px solid #d64545}.toast-error .toast-icon[data-v-02d7ffd8]{color:#d64545}.toast-fade-enter-active[data-v-02d7ffd8],.toast-fade-leave-active[data-v-02d7ffd8]{-webkit-transition:all .3s;transition:all .3s}.toast-fade-enter[data-v-02d7ffd8],.toast-fade-leave-to[data-v-02d7ffd8]{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
/*# sourceMappingURL=app.9f99a8cad41f53950cef24312ce02f0d.css.map */