#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}.landing-screen[data-v-066abd24]{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(--shell);max-width:800px;margin:0 auto;overflow:hidden}.landing-header[data-v-066abd24]{-ms-flex-negative:0;flex-shrink:0;padding:14px 16px;background:var(--nav-bg);border-bottom:1px solid var(--nav-border)}.landing-logo[data-v-066abd24]{font-size:16px;font-weight:700;color:var(--text-on-dark);letter-spacing:.02em}.landing-content[data-v-066abd24]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:28px 20px 20px}.landing-hero[data-v-066abd24]{text-align:center;padding-bottom:28px}.landing-hero__title[data-v-066abd24]{margin:0 0 12px;font-size:26px;font-weight:800;line-height:1.25;color:var(--text-on-dark)}.landing-hero__subtitle[data-v-066abd24]{margin:0 auto 22px;max-width:480px;font-size:15px;line-height:1.5;color:var(--text-secondary)}.landing-cta[data-v-066abd24]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;border:none;cursor:pointer;padding:13px 26px;border-radius:10px;background:var(--nav-active);color:#000;font-size:15px;font-weight:700;-webkit-box-shadow:0 4px 12px rgba(252,163,17,.38);box-shadow:0 4px 12px rgba(252,163,17,.38);-webkit-transition:background .15s ease,-webkit-transform .15s ease,-webkit-box-shadow .15s ease;transition:background .15s ease,-webkit-transform .15s ease,-webkit-box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,-webkit-transform .15s ease,-webkit-box-shadow .15s ease}.landing-cta[data-v-066abd24]:hover{background:#fdbc4b;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.landing-cta[data-v-066abd24]:active{-webkit-transform:translateY(0);transform:translateY(0)}.landing-section-title[data-v-066abd24]{margin:0 0 14px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--nav-label-dim);text-align:center}.landing-how[data-v-066abd24]{padding:20px 0}.landing-how__steps[data-v-066abd24]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.landing-how__step[data-v-066abd24]{text-align:center;padding:4px 6px}.landing-how__icon[data-v-066abd24]{width:44px;height:44px;margin:0 auto 10px;border-radius:50%;background:rgba(252,163,17,.14);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:18px;color:var(--nav-active)}.landing-how__step h3[data-v-066abd24]{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--text-on-dark)}.landing-how__step p[data-v-066abd24]{margin:0;font-size:12px;line-height:1.4;color:var(--text-secondary)}.landing-features[data-v-066abd24]{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:8px 0 24px}.landing-feature-card[data-v-066abd24]{background:#fff;border-radius:12px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.3);padding:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}.landing-feature-card__icon[data-v-066abd24]{-ms-flex-negative:0;flex-shrink:0;width:36px;height:36px;border-radius:10px;background:rgba(20,33,61,.08);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:15px;color:#14213d}.landing-feature-card h3[data-v-066abd24]{margin:0 0 4px;font-size:14px;font-weight:700;color:#14213d}.landing-feature-card p[data-v-066abd24]{margin:0;font-size:13px;line-height:1.45;color:#444}.landing-footer-cta[data-v-066abd24]{text-align:center;padding:8px 0 24px}.landing-footer-cta p[data-v-066abd24]{margin:0 0 14px;font-size:13px;color:var(--text-secondary)}.landing-footer[data-v-066abd24]{text-align:center;padding-top:8px;border-top:1px solid hsla(0,0%,100%,.06);font-size:11px;color:var(--nav-label-dim)}@media (max-width:480px){.landing-hero__title[data-v-066abd24]{font-size:22px}.landing-how__steps[data-v-066abd24]{grid-template-columns:1fr;gap:16px}}.learning-screen[data-v-ca801198]{height:100vh;height:100dvh;-ms-flex-direction:column;flex-direction:column;background:var(--shell)}.content-area[data-v-ca801198],.learning-screen[data-v-ca801198]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;overflow:hidden}.content-area[data-v-ca801198]{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;gap:10px;min-height:0}.player-container[data-v-ca801198]{position:relative;overflow:hidden;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-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}.player-overlay[data-v-ca801198]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:default;background:transparent;pointer-events:all}.controls-section[data-v-ca801198]{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-ca801198]{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-ca801198]{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.play-pause-btn[data-v-ca801198]{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-ca801198]: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-ca801198]{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-ca801198]:hover{background:var(--color-border)}.navigation-controls[data-v-ca801198]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;margin-top:5px}.nav-btn[data-v-ca801198],.navigation-controls[data-v-ca801198]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.nav-btn[data-v-ca801198]{-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-ca801198]:hover{background:var(--color-border)}.verify-btn[data-v-ca801198]{-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-ca801198]:hover{background:#fdbc4b}.content-area[data-v-ca801198]{padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px))}.swipe-indicator[data-v-ca801198]{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-ca801198]{right:20px}.swipe-indicator--left[data-v-ca801198]{left:20px}.swipe-indicator i[data-v-ca801198]{font-size:24px}.content-area.swiping-left .swipe-indicator--left[data-v-ca801198],.content-area.swiping-right .swipe-indicator--right[data-v-ca801198]{opacity:.9}@media (max-height:600px){.play-circle[data-v-ca801198]{width:36px;height:36px}}@media (max-width:480px){.mobile-bottom-nav__item[data-v-ca801198]{font-size:9px}.mobile-bottom-nav__item i[data-v-ca801198]{font-size:16px}}.center-play-button[data-v-ca801198]{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-ca801198]:hover{opacity:1}.play-circle--overlay[data-v-ca801198]{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-ca801198]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:rgba(253,188,75,.95)}.play-circle--overlay i[data-v-ca801198]{font-size:30px;color:#fff}.player-container[data-v-078e1b07]{position:relative;background:#000;overflow:hidden;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%;aspect-ratio:16/9;-ms-flex-negative:0;flex-shrink:0}.player-wrapper[data-v-078e1b07]{position:relative;width:100%;height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.player-wrapper[data-v-078e1b07] iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}@media (max-height:600px){.player-container[data-v-078e1b07]{max-height:42vh}}@media (max-width:768px){.play-pause-button[data-v-078e1b07]{width:100px;height:100px}.play-pause-button i[data-v-078e1b07]{font-size:50px}}.youtube[data-v-d7548450]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}iframe[data-v-d7548450]{margin:0;max-width:100%}.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-ac4da96c]{background:var(--nav-bg);border-bottom:1px solid var(--nav-border);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.25);box-shadow:0 2px 6px rgba(0,0,0,.25);min-height:30px;max-width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:2}.nav-grid[data-v-ac4da96c],.top-nav[data-v-ac4da96c]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav-grid[data-v-ac4da96c]{padding:2px 0;min-height:26px;max-width:800px}.settings-section[data-v-ac4da96c]{-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:10px;-ms-flex-align:center}.clock-section[data-v-ac4da96c],.settings-section[data-v-ac4da96c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.clock-section[data-v-ac4da96c]{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:14px;min-width:0}.nav-text[data-v-ac4da96c]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--nav-icon-dim);white-space:nowrap}.nav-text i[data-v-ac4da96c]{font-size:10px;opacity:.8}.time-text[data-v-ac4da96c]{color:var(--text-on-dark)}.practice-text[data-v-ac4da96c]{cursor:pointer;-webkit-transition:color .2s;transition:color .2s}.practice-text[data-v-ac4da96c]:hover{color:var(--nav-active)}.sentence-progress-track[data-v-ac4da96c]{width:100%;height:2px;background:hsla(0,0%,100%,.08);overflow:hidden}.sentence-progress-track__fill[data-v-ac4da96c]{height:100%;background:var(--nav-active);-webkit-transition:width .3s ease;transition:width .3s ease}.controls-section[data-v-ac4da96c]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;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}.status-indicators[data-v-ac4da96c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.status-icon[data-v-ac4da96c]{width:26px;height:26px;border-radius:50%;background-color:transparent;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}.status-icon[data-v-ac4da96c]:hover{color:var(--nav-active)}.status-icon i[data-v-ac4da96c]{color:var(--nav-icon-dim);opacity:.9}.status-icon i.status-on[data-v-ac4da96c]{color:var(--success-dark);opacity:1}.status-icon i.status-off[data-v-ac4da96c]{color:var(--nav-label-dim);opacity:.8}.microphone-control[data-v-ac4da96c]{cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease;background-color:transparent;border:1px solid transparent}.microphone-control.active[data-v-ac4da96c]{background-color:rgba(252,163,17,.16);border-color:var(--nav-active)}.microphone-control.active i[data-v-ac4da96c]{color:var(--nav-active);opacity:1}.microphone-control.listening[data-v-ac4da96c]{background-color:rgba(252,163,17,.1);border-color:rgba(252,163,17,.5)}.microphone-control.speaking[data-v-ac4da96c]{background-color:var(--success-dark);border-color:var(--success-dark);-webkit-animation:pulse-data-v-ac4da96c 1.5s infinite;animation:pulse-data-v-ac4da96c 1.5s infinite}.microphone-control.speaking i[data-v-ac4da96c]{color:#fff;opacity:1}@-webkit-keyframes pulse-data-v-ac4da96c{0%{-webkit-box-shadow:0 0 0 0 rgba(29,122,72,.5);box-shadow:0 0 0 0 rgba(29,122,72,.5)}70%{-webkit-box-shadow:0 0 0 6px rgba(29,122,72,0);box-shadow:0 0 0 6px rgba(29,122,72,0)}to{-webkit-box-shadow:0 0 0 0 rgba(29,122,72,0);box-shadow:0 0 0 0 rgba(29,122,72,0)}}@keyframes pulse-data-v-ac4da96c{0%{-webkit-box-shadow:0 0 0 0 rgba(29,122,72,.5);box-shadow:0 0 0 0 rgba(29,122,72,.5)}70%{-webkit-box-shadow:0 0 0 6px rgba(29,122,72,0);box-shadow:0 0 0 6px rgba(29,122,72,0)}to{-webkit-box-shadow:0 0 0 0 rgba(29,122,72,0);box-shadow:0 0 0 0 rgba(29,122,72,0)}}.help-icon[data-v-ac4da96c]{cursor:pointer;color:var(--nav-icon-dim);background-color:transparent}.help-icon[data-v-ac4da96c]:hover{-webkit-transform:scale(1.1);transform:scale(1.1);color:var(--nav-active)}@media (max-width:768px){.status-indicators[data-v-ac4da96c]{gap:6px}.clock-section[data-v-ac4da96c]{gap:10px}.nav-text[data-v-ac4da96c]{font-size:11px}}@media (max-width:576px){.status-icon[data-v-ac4da96c]{width:24px;height:24px;font-size:10px}.clock-section[data-v-ac4da96c]{gap:8px}.nav-text[data-v-ac4da96c]{font-size:10px}.sentence-text i[data-v-ac4da96c]{display:none}}@media (max-height:400px){.top-nav[data-v-ac4da96c]{min-height:30px}}.bottom-nav-container[data-v-74ac71ac]{position:relative;width:100%;max-width:800px;margin:0 auto}.mobile-bottom-nav[data-v-74ac71ac]{position:fixed;bottom:0;left:0;right:0;z-index:1000;-ms-flex-pack:distribute;justify-content:space-around;background-color:#0d1929;border-top:1px solid rgba(252,163,17,.2);-webkit-box-shadow:0 -2px 10px rgba(0,0,0,.1);box-shadow:0 -2px 10px rgba(0,0,0,.1);padding:0 0 env(safe-area-inset-bottom,0);height:64px;max-width:800px;margin:0 auto}.mobile-bottom-nav[data-v-74ac71ac],.mobile-bottom-nav__item[data-v-74ac71ac]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-bottom-nav__item[data-v-74ac71ac]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1;color:var(--nav-icon-dim);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-74ac71ac]{color:#14213d}.mobile-bottom-nav__item i[data-v-74ac71ac]{font-size:18px;margin-bottom:2px;color:var(--nav-icon-dim)}.mobile-bottom-nav__item span[data-v-74ac71ac]{margin-top:2px}.nav-item--ghost[data-v-74ac71ac]{opacity:.15;pointer-events:none}.nav-primary-wrap[data-v-74ac71ac]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.nav-primary-btn[data-v-74ac71ac],.nav-primary-wrap[data-v-74ac71ac]{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}.nav-primary-btn[data-v-74ac71ac]{position:relative;width:56px;height:56px;border-radius:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;cursor:pointer;-webkit-transition:-webkit-transform .15s ease,-webkit-box-shadow .15s ease;transition:-webkit-transform .15s ease,-webkit-box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease,-webkit-transform .15s ease,-webkit-box-shadow .15s ease}.nav-primary-btn[data-v-74ac71ac]:active{-webkit-transform:scale(.95);transform:scale(.95)}.nav-primary-btn--gold[data-v-74ac71ac]{background:#fca311;-webkit-box-shadow:0 4px 12px rgba(252,163,17,.38);box-shadow:0 4px 12px rgba(252,163,17,.38)}.nav-primary-btn--navy[data-v-74ac71ac]{background:#14213d;-webkit-box-shadow:0 4px 12px rgba(20,33,61,.4);box-shadow:0 4px 12px rgba(20,33,61,.4)}.nav-primary-btn--green[data-v-74ac71ac]{background:#1d7a48;-webkit-box-shadow:0 4px 12px rgba(29,122,72,.35);box-shadow:0 4px 12px rgba(29,122,72,.35)}.nav-primary-btn--red[data-v-74ac71ac]{background:#c0392b;-webkit-box-shadow:0 4px 12px rgba(192,57,43,.35);box-shadow:0 4px 12px rgba(192,57,43,.35)}.nav-primary-btn i[data-v-74ac71ac]{font-size:18px;color:#fff;line-height:1}.nav-primary-label[data-v-74ac71ac]{font-size:9px;font-weight:700;color:hsla(0,0%,100%,.85);letter-spacing:.04em;white-space:nowrap}.nav-ring-svg[data-v-74ac71ac]{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);pointer-events:none}.nav-ring-rect[data-v-74ac71ac]{stroke-dasharray:214;stroke-dashoffset:214;-webkit-animation:nav-ring-drain-data-v-74ac71ac var(--advance-duration,2s) linear forwards;animation:nav-ring-drain-data-v-74ac71ac var(--advance-duration,2s) linear forwards}@-webkit-keyframes nav-ring-drain-data-v-74ac71ac{0%{stroke-dashoffset:0}to{stroke-dashoffset:214}}@keyframes nav-ring-drain-data-v-74ac71ac{0%{stroke-dashoffset:0}to{stroke-dashoffset:214}}@media (max-width:480px){.mobile-bottom-nav__item[data-v-74ac71ac]{font-size:9px}.mobile-bottom-nav__item i[data-v-74ac71ac]{font-size:16px}}.settings-modal[data-v-6fa16a3c]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(11,22,40,.75);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-6fa16a3c]{background:var(--color-content-bg);padding:var(--spacing-xl);border-radius:12px;width:90%;max-width:500px;-webkit-box-shadow:0 12px 32px rgba(0,0,0,.4);box-shadow:0 12px 32px rgba(0,0,0,.4);max-height:90vh;max-height:90dvh;overflow-y:auto}.video-picker[data-v-6fa16a3c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.video-chip[data-v-6fa16a3c]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:150px;border:2px solid transparent;border-radius:8px;background:var(--color-bg-secondary);padding:0 0 6px;cursor:pointer;text-align:left;overflow:hidden;-webkit-transition:border-color .15s,-webkit-transform .15s;transition:border-color .15s,-webkit-transform .15s;transition:border-color .15s,transform .15s;transition:border-color .15s,transform .15s,-webkit-transform .15s}.video-chip[data-v-6fa16a3c]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.video-chip--selected[data-v-6fa16a3c]{border-color:#fca311}.video-chip__thumb[data-v-6fa16a3c]{width:100%;height:84px;-o-object-fit:cover;object-fit:cover;display:block;background:#ddd}.video-chip__body[data-v-6fa16a3c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;padding:6px 8px 0}.video-chip__title[data-v-6fa16a3c]{font-size:11px;font-weight:600;color:var(--color-text-primary);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-chip__meta[data-v-6fa16a3c]{font-size:10px;color:var(--color-text-secondary)}.modal-content h3[data-v-6fa16a3c]{color:var(--color-heading);margin-top:0;margin-bottom:var(--spacing-lg);font-size:var(--font-size-xl)}.setting-item[data-v-6fa16a3c]{margin-bottom:var(--spacing-lg)}.setting-item label[data-v-6fa16a3c]{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-weight:500;font-size:14px}.setting-item input[data-v-6fa16a3c],.setting-item select[data-v-6fa16a3c]{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-6fa16a3c]{min-height:44px;-webkit-box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);font-weight:500}.setting-item input[data-v-6fa16a3c]:focus,.setting-item select[data-v-6fa16a3c]: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-6fa16a3c]{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-6fa16a3c]{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-6fa16a3c]:first-child{background:var(--nav-active);color:#000;border:1px solid var(--nav-active)}.modal-actions button[data-v-6fa16a3c]:first-child:hover{background:#fdbc4b;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(252,163,17,.35);box-shadow:0 4px 12px rgba(252,163,17,.35)}.modal-actions button[data-v-6fa16a3c]: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-6fa16a3c]:last-child{background:transparent;color:var(--text-secondary);border:1px solid rgba(107,122,154,.35)}.modal-actions button[data-v-6fa16a3c]:last-child:hover{background:rgba(107,122,154,.1);color:var(--color-text-primary);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.modal-actions button[data-v-6fa16a3c]: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-6fa16a3c]{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-6fa16a3c]:hover{background-color:rgba(20,33,61,.05)}input[data-v-6fa16a3c]{font-size:16px}.setting-item select[data-v-6fa16a3c]{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-6fa16a3c]{position:relative;width:100%}.real-select[data-v-6fa16a3c]{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:2;font-size:16px}.custom-select[data-v-6fa16a3c]{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-6fa16a3c]{font-size:12px;color:var(--color-primary);margin-left:var(--spacing-sm)}.custom-select-wrapper:focus-within .custom-select[data-v-6fa16a3c]{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-6fa16a3c]{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-6fa16a3c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--spacing-md)}.time-input-group[data-v-6fa16a3c]{-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-6fa16a3c]{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;min-height:44px}.time-label[data-v-6fa16a3c]{margin-left:5px;color:var(--color-text-secondary);font-size:14px;min-width:24px}@media (max-width:768px){.modal-content[data-v-6fa16a3c]{padding:var(--spacing-lg);width:95%}.modal-actions[data-v-6fa16a3c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.modal-actions button[data-v-6fa16a3c]{width:100%}}.tutorial-overlay[data-v-3c6621ea]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(11,22,40,.75);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;z-index:2000;padding:20px}.tutorial-card[data-v-3c6621ea]{position:relative;width:100%;max-width:320px;background:#fff;border-radius:12px;-webkit-box-shadow:0 12px 32px rgba(0,0,0,.35);box-shadow:0 12px 32px rgba(0,0,0,.35);padding:28px 22px 20px;text-align:center}.tutorial-skip[data-v-3c6621ea]{position:absolute;top:12px;right:14px;background:transparent;border:none;cursor:pointer;font-size:13px;font-weight:600;color:#8a8a8a;padding:4px 6px}.tutorial-skip[data-v-3c6621ea]:hover{color:#444}.tutorial-icon[data-v-3c6621ea]{width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:rgba(252,163,17,.14);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:22px;color:#fca311}.tutorial-title[data-v-3c6621ea]{margin:0 0 8px;font-size:17px;font-weight:700;color:#14213d}.tutorial-text[data-v-3c6621ea]{margin:0 0 18px;font-size:14px;line-height:1.5;color:#444}.tutorial-dots[data-v-3c6621ea]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:6px;margin-bottom:18px}.tutorial-dot[data-v-3c6621ea]{width:6px;height:6px;border-radius:50%;background:#e0e0e0;-webkit-transition:background .2s,width .2s;transition:background .2s,width .2s}.tutorial-dot--active[data-v-3c6621ea]{background:#fca311;width:16px;border-radius:3px}.tutorial-actions[data-v-3c6621ea]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tutorial-btn[data-v-3c6621ea]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:10px 16px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:600;-webkit-transition:all .15s ease;transition:all .15s ease}.tutorial-btn--next[data-v-3c6621ea]{background:#fca311;color:#000}.tutorial-btn--next[data-v-3c6621ea]:hover{background:#fdbc4b}.tutorial-btn--back[data-v-3c6621ea]{background:#f0f0f0;color:#333;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.tutorial-btn--back[data-v-3c6621ea]:hover{background:#e2e2e2}.drill-card[data-v-37d54812]{background:#fff;border-radius:12px 12px 0 0;padding:14px;overflow-y:auto;position:relative}.drill-card[data-v-37d54812],.drill-state[data-v-37d54812]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.drill-state--center[data-v-37d54812]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;gap:10px}.drill-message[data-v-37d54812]{color:#444;font-size:14px;line-height:1.4;margin:0}.drill-spinner[data-v-37d54812]{font-size:22px;color:#14213d}.drill-actions[data-v-37d54812]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:8px}.drill-btn[data-v-37d54812]{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:600;-webkit-transition:all .2s ease;transition:all .2s ease}.drill-btn--primary[data-v-37d54812]{background:#fca311;color:#000}.drill-btn--primary[data-v-37d54812]:hover{background:#fdbc4b}.drill-btn--secondary[data-v-37d54812]{background:#f0f0f0;color:#333}.drill-btn--secondary[data-v-37d54812]:hover{background:#e2e2e2}.drill-state--ready[data-v-37d54812]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;gap:6px}.drill-video-title[data-v-37d54812]{margin:0;font-size:13px;color:#666;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drill-hint[data-v-37d54812]{margin:0;font-size:13px;color:#999}.drill-header-row[data-v-37d54812]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-negative:0;flex-shrink:0}.drill-header-row h4[data-v-37d54812]{margin:0;font-size:14px;color:#666}.sentence-chip[data-v-37d54812]{font-size:11px;font-weight:600;color:#14213d;background-color:rgba(20,33,61,.08);border-radius:10px;padding:2px 8px}.drill-subnote[data-v-37d54812]{margin:4px 0 0;font-size:12px;color:#fca311;font-weight:600}.drill-sentence-block[data-v-37d54812]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:8px 0;overflow-y:auto;min-height:0}.drill-sentence-text[data-v-37d54812]{margin:0;font-size:16px;line-height:1.5;color:#14213d}.drill-subtitle-text[data-v-37d54812]{margin:0 0 6px;font-size:14px;line-height:1.4;color:#666}.drill-subtitle-tag[data-v-37d54812]{font-size:10px;color:#999;border:1px solid #ddd;border-radius:8px;padding:0 6px;margin-left:6px;white-space:nowrap}.progress-track[data-v-37d54812]{height:4px;border-radius:2px;background:rgba(20,33,61,.1);overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.progress-track__fill[data-v-37d54812]{height:100%;background:#fca311;-webkit-transition:width .2s linear;transition:width .2s linear}.drill-mic-pulse[data-v-37d54812]{color:#d32f2f;font-size:16px;-webkit-animation:drill-mic-pulse-data-v-37d54812 1.4s ease-in-out infinite;animation:drill-mic-pulse-data-v-37d54812 1.4s ease-in-out infinite}@-webkit-keyframes drill-mic-pulse-data-v-37d54812{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.7}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}}@keyframes drill-mic-pulse-data-v-37d54812{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.7}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:1}}.drill-recognized-text[data-v-37d54812]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:10px 0;font-size:15px;line-height:1.5;color:#999;overflow-y:auto}.drill-recognized-text--empty[data-v-37d54812]{font-style:italic}.drill-browser-hint[data-v-37d54812]{margin:4px 0 0;font-size:11px;line-height:1.4;color:#999;font-style:italic}.drill-empty-hint[data-v-37d54812]{margin-top:8px;padding-top:8px;border-top:1px solid #eee;text-align:center}.drill-empty-hint p[data-v-37d54812]{margin:0 0 6px;font-size:12px;color:#999}.drill-state--feedback[data-v-37d54812]{cursor:default}.score-hero-row[data-v-37d54812]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:10px;-ms-flex-negative:0;flex-shrink:0}.score-hero-number[data-v-37d54812]{font-size:36px;font-weight:800;letter-spacing:-1px;line-height:1}.score-hero-number.good[data-v-37d54812]{color:#1d7a48}.score-hero-number.ok[data-v-37d54812]{color:#b45309}.score-hero-number.poor[data-v-37d54812]{color:#c0392b}.score-hero-label[data-v-37d54812]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}.score-hero-label strong[data-v-37d54812]{font-size:13px;font-weight:600;color:#14213d}.score-hero-label span[data-v-37d54812]{font-size:11px;color:#6b7a9a}.drill-replaying-note[data-v-37d54812]{-ms-flex-item-align:center;align-self:center;margin:4px 0 0;font-size:12px;color:#999;text-align:center}.drill-hear-again[data-v-37d54812]{-ms-flex-item-align:center;align-self:center;background:none;border:none;color:#14213d;font-size:13px;font-weight:600;cursor:pointer;padding:4px 10px;opacity:.7}.drill-hear-again[data-v-37d54812]:hover{opacity:1}.drill-state--done[data-v-37d54812]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;gap:2px}.done-icon[data-v-37d54812]{font-size:32px;margin-bottom:6px}.done-stat[data-v-37d54812]{font-size:22px;font-weight:800;color:#14213d;letter-spacing:-.5px}.done-stat--accuracy[data-v-37d54812]{font-size:28px;color:#1d7a48;margin-top:6px}.done-stat-label[data-v-37d54812]{font-size:11px;color:#6b7a9a;margin-bottom:4px}@media (max-height:600px){.drill-card[data-v-37d54812]{min-height:160px}}.score-header[data-v-de0d0dc6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-negative:0;flex-shrink:0;margin-bottom:5px}.score-header h4[data-v-de0d0dc6]{margin:0;font-size:14px;color:#666}.score-badge[data-v-de0d0dc6]{font-size:15px;font-weight:700;padding:2px 10px;border-radius:12px;color:#fff}.score-badge--good[data-v-de0d0dc6]{background-color:#2e7d32}.score-badge--ok[data-v-de0d0dc6]{background-color:#f9a825;color:#333}.score-badge--poor[data-v-de0d0dc6]{background-color:#c62828}.reference-line[data-v-de0d0dc6]{margin:0 0 8px;line-height:1.9}.ref-word[data-v-de0d0dc6]{display:inline-block;margin-right:4px;padding:0 3px;border-radius:4px}.ref-word--match[data-v-de0d0dc6]{color:#1b5e20;background-color:rgba(46,125,50,.12)}.ref-word--close[data-v-de0d0dc6]{color:#7a5b00;background-color:rgba(249,168,37,.22)}.ref-word--missed[data-v-de0d0dc6]{color:#b71c1c;background-color:rgba(198,40,40,.12);text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.you-said[data-v-de0d0dc6]{margin-bottom:6px}.you-said-toggle[data-v-de0d0dc6]{background:none;border:none;padding:0;font-size:12px;color:#888;cursor:pointer}.you-said-toggle i[data-v-de0d0dc6]{font-size:10px;margin-right:4px}.you-said-text[data-v-de0d0dc6]{margin:4px 0 0;font-size:13px;color:#777}.legend[data-v-de0d0dc6]{margin:0;font-size:11px;color:#999}.legend-item[data-v-de0d0dc6]{padding:1px 6px;border-radius:4px;margin-right:6px}.legend-item--match[data-v-de0d0dc6]{background-color:rgba(46,125,50,.12);color:#1b5e20}.legend-item--close[data-v-de0d0dc6]{background-color:rgba(249,168,37,.22);color:#7a5b00}.legend-item--missed[data-v-de0d0dc6]{background-color:rgba(198,40,40,.12);color:#b71c1c}.status-note[data-v-de0d0dc6]{margin-top:8px;font-size:12px;color:#999}.status-note i[data-v-de0d0dc6]{margin-right:4px}.placeholder-text[data-v-de0d0dc6]{color:#999;font-style:italic}.mic-level-meter[data-v-59751c63]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:2px;height:30px;margin:2px 0 10px;-ms-flex-negative:0;flex-shrink:0}.mic-level-bar[data-v-59751c63]{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:2px;max-width:6px;border-radius:2px;-webkit-transition:height .11s ease-out,background-color .11s ease-out;transition:height .11s ease-out,background-color .11s ease-out}@media (max-height:600px){.mic-level-meter[data-v-59751c63]{height:20px;margin:0 0 6px}}.stats-screen[data-v-f712daf4]{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(--shell);max-width:800px;margin:0 auto;overflow:hidden}.stats-header[data-v-f712daf4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:10px 12px;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);-ms-flex-negative:0;flex-shrink:0}.stats-header h3[data-v-f712daf4]{margin:0;font-size:16px;color:var(--text-on-dark)}.back-btn[data-v-f712daf4]{background:transparent;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;color:var(--nav-icon-dim);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-transition:background .2s,color .2s;transition:background .2s,color .2s}.back-btn[data-v-f712daf4]:hover{background:rgba(252,163,17,.12);color:var(--nav-active)}.stats-content[data-v-f712daf4]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:12px}.stat-tiles[data-v-f712daf4]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.stat-tile[data-v-f712daf4]{background:#fff;border-radius:8px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.3);padding:12px 6px;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;gap:4px}.stat-value[data-v-f712daf4]{font-size:18px;font-weight:700;color:#14213d}.streak-icon[data-v-f712daf4]{font-size:13px;color:#fca311;margin-left:3px}.stat-label[data-v-f712daf4]{font-size:10px;color:#888;text-align:center}.section-title[data-v-f712daf4]{margin:14px 0 8px;font-size:13px;color:var(--nav-label-dim)}.session-list[data-v-f712daf4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}.session-row[data-v-f712daf4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;background:#fff;border-radius:8px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.3);padding:6px 10px 6px 6px}.session-thumb[data-v-f712daf4]{width:64px;height:36px;-o-object-fit:cover;object-fit:cover;border-radius:6px;background:#eee;-ms-flex-negative:0;flex-shrink:0}.session-info[data-v-f712daf4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.session-date[data-v-f712daf4]{font-size:13px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-range[data-v-f712daf4]{font-size:11px;color:#888}.score-badge[data-v-f712daf4]{font-size:13px;font-weight:700;padding:2px 8px;border-radius:10px;-ms-flex-negative:0;flex-shrink:0}.score-badge--good[data-v-f712daf4]{color:var(--success-dark);background-color:var(--success-dark-bg)}.score-badge--ok[data-v-f712daf4]{color:var(--warn-dark);background-color:var(--warn-dark-bg)}.score-badge--poor[data-v-f712daf4]{color:var(--error-dark);background-color:var(--error-dark-bg)}.empty-state[data-v-f712daf4]{text-align:center;padding:40px 20px;color:var(--text-on-dark)}.empty-state i[data-v-f712daf4]{font-size:32px;color:var(--text-secondary);margin-bottom:10px}.empty-state p[data-v-f712daf4]{margin:6px 0}.empty-hint[data-v-f712daf4]{font-size:13px;color:var(--text-secondary)}.primary-btn[data-v-f712daf4]{margin-top:14px;padding:10px 22px;background:var(--nav-active);color:#000;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer}.primary-btn[data-v-f712daf4]:hover{background:#fdbc4b}@media (max-width:480px){.stat-tiles[data-v-f712daf4]{grid-template-columns:repeat(2,1fr)}}: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);--shell:#0b1628;--text-on-dark:#e8eef8;--text-secondary:#6b7a9a;--success-dark:#1d7a48;--success-dark-bg:rgba(29,122,72,0.12);--warn-dark:#b45309;--warn-dark-bg:rgba(180,83,9,0.14);--error-dark:#c0392b;--error-dark-bg:rgba(192,57,43,0.12);--nav-bg:#0d1929;--nav-border:rgba(252,163,17,0.25);--nav-icon-dim:#a6b6db;--nav-label-dim:#8492b8;--nav-active:#fca311}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.c111da9d5f1e9b7349bdd4b63d3097a0.css.map */