@charset "UTF-8";.route-page-mask[data-v-35497519]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background-color .2s ease}.route-page-mask--content[data-v-35497519]{clip-path:inset(0 0 var(--app-bottom-nav-height, 0px) 0)}.route-page-mask--brand[data-v-35497519]{background:var(--app-route-mask-brand-bg)}.route-page-mask--minimal[data-v-35497519]{background:var(--app-route-mask-minimal-bg)}.route-page-mask--signature[data-v-35497519]{background:var(--app-route-mask-signature-bg)}.mask-brand[data-v-35497519]{position:absolute;width:min(34vw,380px);height:min(22vw,220px);border-radius:999px;background:radial-gradient(circle at 50% 50%,#ffffff94,#ffffff1f 56%,#fff0);filter:blur(1px)}.mask-brand-content[data-v-35497519]{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;animation:maskBrandFloat-35497519 1.7s ease-in-out infinite}.minimal-shell[data-v-35497519]{display:inline-flex;flex-direction:column;align-items:center;gap:16px;animation:minimalSettle-35497519 .42s cubic-bezier(.22,.8,.28,1) both}.mask-loading-icon[data-v-35497519]{display:inline-flex;align-items:center;justify-content:center;line-height:0}.mask-loading-icon[data-v-35497519] svg,.signature-emblem[data-v-35497519] svg{display:block;width:100%;height:100%;color:rgba(var(--app-primary-color-rgb),1)}[data-v-35497519] .sre-body{filter:drop-shadow(0 8px 10px rgba(var(--app-primary-color-rgb),.22))}.mask-loading-icon--brand[data-v-35497519]{width:72px;height:72px}.mask-loading-icon--minimal[data-v-35497519]{width:58px;height:58px;filter:drop-shadow(0 8px 18px rgba(var(--app-primary-color-rgb),.12))}.minimal-line[data-v-35497519]{position:relative;width:68px;height:2px;overflow:hidden;border-radius:999px;background:rgba(var(--app-primary-color-rgb),.12)}.minimal-line span[data-v-35497519]{position:absolute;inset:0 auto 0 0;width:38%;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--app-primary-color-rgb),0),rgba(var(--app-primary-color-rgb),.78),rgba(var(--app-primary-color-rgb),0));animation:minimalLineMove-35497519 1.15s ease-in-out infinite}.signature-shell[data-v-35497519]{position:relative;min-width:240px;display:inline-flex;flex-direction:column;align-items:center;animation:signatureSettle-35497519 .45s cubic-bezier(.22,.8,.28,1) both}.signature-aura[data-v-35497519]{position:absolute;top:-34px;left:50%;width:168px;height:168px;border-radius:999px;background:var(--app-route-mask-aura-bg);filter:blur(2px);transform:translate(-50%);animation:signatureAura-35497519 2s ease-in-out infinite}.signature-emblem[data-v-35497519]{position:relative;width:94px;height:94px;border-radius:30px;background:var(--app-route-mask-emblem-bg);border:1px solid var(--app-route-mask-emblem-border-color);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--app-route-mask-emblem-shadow)}.signature-emblem[data-v-35497519]:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:38px;background:radial-gradient(circle,rgba(var(--app-primary-color-rgb),.16),rgba(var(--app-primary-color-rgb),0) 70%);z-index:-1;animation:signatureGlow-35497519 1.8s ease-in-out infinite}.signature-icon[data-v-35497519]{position:relative;z-index:1;width:72px;height:72px;display:inline-flex;align-items:center;justify-content:center;line-height:0}.signature-progress[data-v-35497519]{position:relative;width:148px;height:4px;margin-top:20px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,rgba(var(--app-primary-color-rgb),0),rgba(var(--app-primary-color-rgb),.14),rgba(var(--app-primary-color-rgb),0));box-shadow:0 10px 22px rgba(var(--app-primary-color-rgb),.14)}.signature-progress span[data-v-35497519]{position:absolute;inset:0 auto 0 0;width:42%;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--app-primary-color-rgb),0),rgba(var(--app-primary-color-rgb),.98),rgba(var(--app-primary-light-rgb),.98),rgba(var(--app-primary-color-rgb),0));animation:signatureProgress-35497519 1.08s ease-in-out infinite}.route-mask-fade-enter-active[data-v-35497519],.route-mask-fade-leave-active[data-v-35497519]{transition:opacity .22s ease}.route-mask-fade-enter-from[data-v-35497519],.route-mask-fade-leave-to[data-v-35497519]{opacity:0}@keyframes maskBrandFloat-35497519{0%,to{transform:translateY(0);opacity:.96}50%{transform:translateY(-3px);opacity:1}}@keyframes signatureSettle-35497519{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes minimalSettle-35497519{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes minimalLineMove-35497519{0%{transform:translate(-110%)}to{transform:translate(265%)}}@keyframes signatureGlow-35497519{0%,to{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes signatureAura-35497519{0%,to{opacity:.78;transform:translate(-50%) scale(.98)}50%{opacity:1;transform:translate(-50%) scale(1.04)}}@keyframes signatureProgress-35497519{0%{transform:translate(-110%)}to{transform:translate(250%)}}@media (max-width: 768px){.mask-brand[data-v-35497519]{width:min(78vw,320px);height:180px}.mask-brand-content[data-v-35497519]{padding:0}.mask-loading-icon--brand[data-v-35497519]{width:66px;height:66px}.minimal-shell[data-v-35497519]{gap:14px}.mask-loading-icon--minimal[data-v-35497519]{width:54px;height:54px}.minimal-line[data-v-35497519]{width:62px}.signature-shell[data-v-35497519]{min-width:210px}.signature-aura[data-v-35497519]{width:148px;height:148px;top:-30px}.signature-emblem[data-v-35497519]{width:86px;height:86px;border-radius:28px}.signature-icon[data-v-35497519]{width:66px;height:66px}.signature-progress[data-v-35497519]{width:132px;margin-top:18px}}#app{position:relative;overflow-x:hidden}:root{--app-header-height: 64px;--app-bottom-nav-height: 0px}.page-route-view{min-height:100vh;overflow-x:hidden;width:100%}.page-route-view--content{position:relative}.page-route-forward-leave-active,.page-route-back-leave-active{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;z-index:0}.page-route-forward-enter-active,.page-route-back-enter-active{position:relative;z-index:1}.page-route-view--full.page-route-forward-enter-active,.page-route-view--full.page-route-forward-leave-active,.page-route-view--full.page-route-back-enter-active,.page-route-view--full.page-route-back-leave-active{transition:opacity .28s ease,transform .28s cubic-bezier(.22,.8,.28,1)}.page-route-view--full.page-route-forward-enter-from{opacity:0;transform:translate(100%)}.page-route-view--full.page-route-forward-leave-to{opacity:0;transform:translate(-32%)}.page-route-view--full.page-route-back-enter-from{opacity:0;transform:translate(-100%)}.page-route-view--full.page-route-back-leave-to{opacity:0;transform:translate(32%)}.page-route-view--content.page-route-forward-enter-active main,.page-route-view--content.page-route-forward-leave-active main,.page-route-view--content.page-route-back-enter-active main,.page-route-view--content.page-route-back-leave-active main{transition:opacity .28s ease,transform .28s cubic-bezier(.22,.8,.28,1)}.page-route-view--content.page-route-forward-enter-from main{opacity:0;transform:translate(100%)}.page-route-view--content.page-route-forward-leave-to main{opacity:0;transform:translate(-32%)}.page-route-view--content.page-route-back-enter-from main{opacity:0;transform:translate(-100%)}.page-route-view--content.page-route-back-leave-to main{opacity:0;transform:translate(32%)}@media (prefers-reduced-motion: reduce){.page-route-view--full.page-route-forward-enter-active,.page-route-view--full.page-route-forward-leave-active,.page-route-view--full.page-route-back-enter-active,.page-route-view--full.page-route-back-leave-active{transition:opacity .12s ease}.page-route-view--full.page-route-forward-enter-from,.page-route-view--full.page-route-forward-leave-to,.page-route-view--full.page-route-back-enter-from,.page-route-view--full.page-route-back-leave-to,.page-route-view--content.page-route-forward-enter-from main,.page-route-view--content.page-route-forward-leave-to main,.page-route-view--content.page-route-back-enter-from main,.page-route-view--content.page-route-back-leave-to main{transform:none}}@media (max-width: 1024px){:root{--app-header-height: 62px;--app-bottom-nav-height: 60px}}#app.is-route-page-masked--full .page-route-view,#app.is-route-page-masked--content .page-route-view main{visibility:hidden}html[data-palette=coral]{--app-primary-color: #ff6b6b;--app-primary-color-rgb: 255, 107, 107;--app-primary-light: #ff8e8e;--app-primary-light-rgb: 255, 142, 142;--app-primary-dark: #e05555;--app-primary-dark-rgb: 224, 85, 85;--app-surface-soft: #fff5f3;--app-surface-warm: #ffeeeb;--app-page-radial-bg: radial-gradient(120% 45% at 50% -12%, rgba(255, 107, 107, .08) 0%, rgba(255, 107, 107, 0) 58%);--app-profile-card-bg: linear-gradient(130deg, #ffeeeb 0%, #ffffff 72%);--app-tab-hover-bg: rgba(224, 85, 85, .08);--app-tab-hover-color: #e05555;--app-tab-active-bg: linear-gradient(180deg, #ff8e8e 0%, #ff6b6b 100%);--app-tab-active-shadow: 0 8px 16px rgba(255, 107, 107, .26);--app-form-cell-bg: linear-gradient(180deg, #ffffff 0%, #fff5f3 100%);--app-form-cell-border-color: rgba(255, 107, 107, .24);--app-form-label-color: #7a4a4a;--app-form-control-color: #3b2a2a;--app-form-placeholder-color: #aa8a8a;--app-nav-setting-bg: var(--app-surface-color);--app-nav-setting-border-color: rgba(255, 107, 107, .32);--app-nav-setting-color: #8b4a4a;--app-script-mode-active-bg: linear-gradient(180deg, #ff8e8e 0%, #ff6b6b 100%);--app-script-mode-active-shadow: 0 7px 14px rgba(255, 107, 107, .24);--app-mobile-mode-tabs-active-bg: linear-gradient(180deg, #ff8e8e 0%, #ff6b6b 100%);--app-mobile-mode-tabs-active-shadow: 0 7px 14px rgba(255, 107, 107, .24);--app-script-tool-bg: var(--app-surface-warm);--app-script-tool-border: rgba(255, 107, 107, .28);--app-script-word-chip-bg: var(--app-surface-warm);--app-script-word-chip-color: var(--app-primary-color);--app-script-word-chip-shadow: var(--app-shadow-sm);--app-floating-panel-bg: var(--app-surface-warm);--app-floating-panel-border-color: rgba(255, 107, 107, .26);--app-floating-panel-divider: rgba(255, 107, 107, .16);--app-floating-panel-title-color: #8f4a4a;--app-floating-panel-option-bg: var(--app-surface-color);--app-floating-panel-option-border-color: rgba(255, 107, 107, .24);--app-floating-panel-option-color: #7f3e3e;--app-floating-panel-active-bg: linear-gradient(135deg, #ff8e8e 0%, #ff6b6b 100%);--app-floating-panel-active-shadow: 0 4px 10px rgba(255, 107, 107, .28);--app-back-top-bg: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(255, 238, 235, .98) 100%);--app-back-top-border-color: rgba(255, 107, 107, .34);--app-back-top-color: #c05555;--app-pc-modal-card-bg: linear-gradient(165deg, rgba(255, 253, 250, .98) 0%, rgba(255, 238, 235, .96) 100%);--app-pc-modal-card-border-color: rgba(255, 107, 107, .2);--app-pc-modal-title-color: #3a2727;--app-pc-modal-close-color: #9b6a6a;--app-route-mask-signature-bg: radial-gradient(54% 28% at 50% 47%, rgba(255, 107, 107, .12) 0%, rgba(255, 107, 107, 0) 72%);--app-route-mask-aura-bg: radial-gradient(circle at 50% 54%, rgba(255, 107, 107, .18) 0%, rgba(255, 107, 107, 0) 64%);--app-route-mask-brand-bg: radial-gradient(120% 40% at 50% -10%, rgba(255, 107, 107, .08) 0%, rgba(255, 107, 107, 0) 58%);--app-page-loading-soft-bg: radial-gradient(circle at 50% 40%, rgba(255, 107, 107, .1), transparent 32%);--app-vocab-entry-word-bg: linear-gradient(135deg, #fffdf9 0%, #fff3f0 100%);--app-vocab-entry-phrase-bg: linear-gradient(135deg, #ffffff 0%, #ffeeeb 100%);--app-focus-card-bg: var(--app-surface-warm);--app-focus-card-border: transparent;--app-focus-action-bg: var(--app-surface-warm);--app-focus-action-border: rgba(255, 107, 107, .45);--app-focus-action-color: #c0392b;--app-video-cover-placeholder-bg: linear-gradient(135deg, rgba(255, 255, 255, .72) 0 18%, transparent 18% 100%);--app-checkin-accent-bg: var(--app-surface-warm);--app-checkin-accent-border: rgba(255, 107, 107, .3);--app-checkin-accent-color: #9a4545;--app-checkin-accent-label: #ad5050;--app-video-list-count-color: #d05555;--app-video-list-count-bg: var(--app-surface-warm);--app-video-card-favorite-bg: rgba(255, 255, 255, .82);--app-vocab-entry-card-shadow: 0 22px 36px rgba(26, 20, 14, .08), inset 0 1px 0 rgba(255, 255, 255, .92);--app-vocab-entry-card-hover-shadow: 0 28px 46px rgba(24, 17, 10, .12), inset 0 1px 0 rgba(255, 255, 255, .92)}html[data-theme=dark][data-palette=coral]{--app-surface-soft: #2a1515;--app-surface-warm: #2e1a1a;--app-page-radial-bg: radial-gradient(120% 45% at 50% -12%, rgba(255, 107, 107, .12) 0%, rgba(255, 107, 107, 0) 58%);--app-profile-card-bg: linear-gradient(130deg, rgba(46, 26, 26, .95) 0%, var(--app-surface-color) 72%);--app-tab-hover-bg: rgba(255, 107, 107, .12);--app-tab-hover-color: #ff9e9e;--app-tab-active-bg: linear-gradient(180deg, #ff8e8e 0%, #ff6b6b 100%);--app-tab-active-shadow: 0 8px 18px rgba(255, 107, 107, .3);--app-form-cell-bg: #1a1520;--app-form-cell-border-color: rgba(255, 255, 255, .1);--app-form-label-color: #e0c8c8;--app-form-control-color: #f3f4f6;--app-form-placeholder-color: #8a7070;--app-nav-setting-bg: rgba(255, 107, 107, .12);--app-nav-setting-border-color: rgba(255, 107, 107, .42);--app-nav-setting-color: #ff9e9e;--app-script-mode-active-bg: linear-gradient(180deg, #ff8e8e 0%, #ff6b6b 100%);--app-script-mode-active-shadow: 0 8px 18px rgba(255, 107, 107, .32);--app-mobile-mode-tabs-active-bg: linear-gradient(180deg, #ff8e8e 0%, #ff6b6b 100%);--app-mobile-mode-tabs-active-shadow: 0 8px 18px rgba(255, 107, 107, .32);--app-script-tool-bg: rgba(255, 107, 107, .12);--app-script-tool-border: rgba(255, 107, 107, .36);--app-script-word-chip-bg: #2e1a1a;--app-script-word-chip-color: #ffc0c0;--app-script-word-chip-shadow: 0 10px 18px rgba(0, 0, 0, .28);--app-floating-panel-bg: #2e1a1a;--app-floating-panel-border-color: rgba(255, 107, 107, .42);--app-floating-panel-divider: rgba(255, 107, 107, .18);--app-floating-panel-title-color: #c08080;--app-floating-panel-option-bg: #151b25;--app-floating-panel-option-border-color: #2d3746;--app-floating-panel-option-color: #c08080;--app-floating-panel-active-bg: linear-gradient(135deg, #ff8e8e 0%, #ff6b6b 100%);--app-floating-panel-active-shadow: 0 8px 18px rgba(255, 107, 107, .3);--app-back-top-bg: linear-gradient(180deg, rgba(46, 26, 26, .96) 0%, rgba(26, 21, 32, .96) 100%);--app-back-top-border-color: rgba(255, 107, 107, .42);--app-back-top-color: #ff9e9e;--app-pc-modal-card-bg: #1a1520;--app-pc-modal-card-border-color: rgba(255, 255, 255, .08);--app-pc-modal-title-color: #f3f4f6;--app-pc-modal-close-color: #ff9e9e;--app-route-mask-signature-bg: radial-gradient(54% 28% at 50% 47%, rgba(255, 107, 107, .16) 0%, rgba(255, 107, 107, 0) 72%);--app-route-mask-aura-bg: radial-gradient(circle at 50% 50%, rgba(255, 107, 107, .18) 0%, rgba(255, 107, 107, .06) 48%, rgba(255, 107, 107, 0) 72%);--app-route-mask-brand-bg: radial-gradient(120% 40% at 50% -10%, rgba(255, 107, 107, .12) 0%, rgba(255, 107, 107, 0) 58%);--app-page-loading-soft-bg: radial-gradient(circle at 50% 40%, rgba(255, 107, 107, .12), transparent 32%);--app-vocab-entry-word-bg: linear-gradient(135deg, #2e1a1a 0%, #1a1520 100%);--app-vocab-entry-phrase-bg: linear-gradient(135deg, #1a1520 0%, #2e1a1a 100%);--app-focus-card-bg: var(--app-script-line-bg);--app-focus-card-border: rgba(255, 107, 107, .22);--app-focus-action-bg: rgba(255, 107, 107, .12);--app-focus-action-border: rgba(255, 107, 107, .38);--app-focus-action-color: #ff9e9e;--app-video-cover-placeholder-bg: linear-gradient(135deg, rgba(255, 255, 255, .04) 0 18%, transparent 18% 100%);--app-checkin-accent-bg: rgba(255, 107, 107, .12);--app-checkin-accent-border: rgba(255, 107, 107, .28);--app-checkin-accent-color: #ffadad;--app-checkin-accent-label: #ffc0c0;--app-video-list-count-color: #ff9e9e;--app-video-list-count-bg: rgba(255, 107, 107, .12);--app-video-card-favorite-bg: rgba(255, 107, 107, .14);--app-home-bg: radial-gradient(120% 42% at 50% -12%, rgba(255, 107, 107, .1) 0%, transparent 58%);--app-vocab-entry-card-shadow: 0 18px 34px rgba(0, 0, 0, .28);--app-vocab-entry-card-hover-shadow: 0 24px 44px rgba(0, 0, 0, .36)}html[data-palette=ocean]{--app-primary-color: #3b82f6;--app-primary-color-rgb: 59, 130, 246;--app-primary-light: #60a5fa;--app-primary-light-rgb: 96, 165, 250;--app-primary-dark: #2563eb;--app-primary-dark-rgb: 37, 99, 235;--app-surface-soft: #f0f5ff;--app-surface-warm: #e8f0fe;--app-page-radial-bg: radial-gradient(120% 45% at 50% -12%, rgba(59, 130, 246, .08) 0%, rgba(59, 130, 246, 0) 58%);--app-profile-card-bg: linear-gradient(130deg, #e8f0fe 0%, #ffffff 72%);--app-tab-hover-bg: rgba(37, 99, 235, .08);--app-tab-hover-color: #2563eb;--app-tab-active-bg: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);--app-tab-active-shadow: 0 8px 16px rgba(59, 130, 246, .26);--app-form-cell-bg: linear-gradient(180deg, #ffffff 0%, #f0f5ff 100%);--app-form-cell-border-color: rgba(59, 130, 246, .24);--app-form-label-color: #4a5a7a;--app-form-control-color: #2a2a3b;--app-form-placeholder-color: #8a95aa;--app-nav-setting-bg: var(--app-surface-color);--app-nav-setting-border-color: rgba(59, 130, 246, .32);--app-nav-setting-color: #4a5a8b;--app-script-mode-active-bg: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);--app-script-mode-active-shadow: 0 7px 14px rgba(59, 130, 246, .24);--app-mobile-mode-tabs-active-bg: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);--app-mobile-mode-tabs-active-shadow: 0 7px 14px rgba(59, 130, 246, .24);--app-script-tool-bg: var(--app-surface-warm);--app-script-tool-border: rgba(59, 130, 246, .28);--app-script-word-chip-bg: var(--app-surface-warm);--app-script-word-chip-color: var(--app-primary-color);--app-script-word-chip-shadow: var(--app-shadow-sm);--app-floating-panel-bg: var(--app-surface-warm);--app-floating-panel-border-color: rgba(59, 130, 246, .26);--app-floating-panel-divider: rgba(59, 130, 246, .16);--app-floating-panel-title-color: #4a5a7a;--app-floating-panel-option-bg: var(--app-surface-color);--app-floating-panel-option-border-color: rgba(59, 130, 246, .24);--app-floating-panel-option-color: #3e4a6f;--app-floating-panel-active-bg: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--app-floating-panel-active-shadow: 0 4px 10px rgba(59, 130, 246, .28);--app-back-top-bg: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(232, 240, 254, .98) 100%);--app-back-top-border-color: rgba(59, 130, 246, .34);--app-back-top-color: #4a6ab0;--app-pc-modal-card-bg: linear-gradient(165deg, rgba(255, 253, 250, .98) 0%, rgba(240, 245, 255, .96) 100%);--app-pc-modal-card-border-color: rgba(59, 130, 246, .2);--app-pc-modal-title-color: #2a2a3b;--app-pc-modal-close-color: #6a7a9b;--app-route-mask-signature-bg: radial-gradient(54% 28% at 50% 47%, rgba(59, 130, 246, .12) 0%, rgba(59, 130, 246, 0) 72%);--app-route-mask-aura-bg: radial-gradient(circle at 50% 54%, rgba(59, 130, 246, .18) 0%, rgba(59, 130, 246, 0) 64%);--app-route-mask-brand-bg: radial-gradient(120% 40% at 50% -10%, rgba(59, 130, 246, .08) 0%, rgba(59, 130, 246, 0) 58%);--app-page-loading-soft-bg: radial-gradient(circle at 50% 40%, rgba(59, 130, 246, .1), transparent 32%);--app-vocab-entry-word-bg: linear-gradient(135deg, #fffdf9 0%, #f0f5ff 100%);--app-vocab-entry-phrase-bg: linear-gradient(135deg, #ffffff 0%, #e8f0fe 100%);--app-focus-card-bg: var(--app-surface-warm);--app-focus-card-border: transparent;--app-focus-action-bg: var(--app-surface-warm);--app-focus-action-border: rgba(59, 130, 246, .45);--app-focus-action-color: #1e40af;--app-video-cover-placeholder-bg: linear-gradient(135deg, rgba(255, 255, 255, .72) 0 18%, transparent 18% 100%);--app-checkin-accent-bg: var(--app-surface-warm);--app-checkin-accent-border: rgba(59, 130, 246, .3);--app-checkin-accent-color: #4a5a8b;--app-checkin-accent-label: #3e6ab0;--app-video-list-count-color: #3b82f6;--app-video-list-count-bg: var(--app-surface-warm);--app-video-card-favorite-bg: rgba(255, 255, 255, .82);--app-vocab-entry-card-shadow: 0 22px 36px rgba(26, 20, 14, .08), inset 0 1px 0 rgba(255, 255, 255, .92);--app-vocab-entry-card-hover-shadow: 0 28px 46px rgba(24, 17, 10, .12), inset 0 1px 0 rgba(255, 255, 255, .92)}html[data-theme=dark][data-palette=ocean]{--app-surface-soft: #1a2332;--app-surface-warm: #1e293b;--app-page-radial-bg: radial-gradient(120% 45% at 50% -12%, rgba(59, 130, 246, .12) 0%, rgba(59, 130, 246, 0) 58%);--app-profile-card-bg: linear-gradient(130deg, rgba(30, 41, 59, .95) 0%, var(--app-surface-color) 72%);--app-tab-hover-bg: rgba(96, 165, 250, .12);--app-tab-hover-color: #93c5fd;--app-tab-active-bg: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);--app-tab-active-shadow: 0 8px 18px rgba(59, 130, 246, .3);--app-form-cell-bg: #151b25;--app-form-cell-border-color: rgba(255, 255, 255, .1);--app-form-label-color: #c8d0e0;--app-form-control-color: #f3f4f6;--app-form-placeholder-color: #707a8a;--app-nav-setting-bg: rgba(59, 130, 246, .12);--app-nav-setting-border-color: rgba(59, 130, 246, .42);--app-nav-setting-color: #93c5fd;--app-script-mode-active-bg: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);--app-script-mode-active-shadow: 0 8px 18px rgba(59, 130, 246, .32);--app-mobile-mode-tabs-active-bg: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);--app-mobile-mode-tabs-active-shadow: 0 8px 18px rgba(59, 130, 246, .32);--app-script-tool-bg: rgba(59, 130, 246, .12);--app-script-tool-border: rgba(59, 130, 246, .36);--app-script-word-chip-bg: #1e293b;--app-script-word-chip-color: #bfdbfe;--app-script-word-chip-shadow: 0 10px 18px rgba(0, 0, 0, .28);--app-floating-panel-bg: #1e293b;--app-floating-panel-border-color: rgba(59, 130, 246, .42);--app-floating-panel-divider: rgba(59, 130, 246, .18);--app-floating-panel-title-color: #8090b0;--app-floating-panel-option-bg: #151b25;--app-floating-panel-option-border-color: #2d3746;--app-floating-panel-option-color: #8090b0;--app-floating-panel-active-bg: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--app-floating-panel-active-shadow: 0 8px 18px rgba(59, 130, 246, .3);--app-back-top-bg: linear-gradient(180deg, rgba(30, 41, 59, .96) 0%, rgba(21, 27, 37, .96) 100%);--app-back-top-border-color: rgba(59, 130, 246, .42);--app-back-top-color: #93c5fd;--app-pc-modal-card-bg: #151b25;--app-pc-modal-card-border-color: rgba(255, 255, 255, .08);--app-pc-modal-title-color: #f3f4f6;--app-pc-modal-close-color: #93c5fd;--app-route-mask-signature-bg: radial-gradient(54% 28% at 50% 47%, rgba(59, 130, 246, .16) 0%, rgba(59, 130, 246, 0) 72%);--app-route-mask-aura-bg: radial-gradient(circle at 50% 50%, rgba(59, 130, 246, .18) 0%, rgba(59, 130, 246, .06) 48%, rgba(59, 130, 246, 0) 72%);--app-route-mask-brand-bg: radial-gradient(120% 40% at 50% -10%, rgba(59, 130, 246, .12) 0%, rgba(59, 130, 246, 0) 58%);--app-page-loading-soft-bg: radial-gradient(circle at 50% 40%, rgba(59, 130, 246, .12), transparent 32%);--app-vocab-entry-word-bg: linear-gradient(135deg, #1e293b 0%, #151b25 100%);--app-vocab-entry-phrase-bg: linear-gradient(135deg, #151b25 0%, #1e293b 100%);--app-focus-card-bg: var(--app-script-line-bg);--app-focus-card-border: rgba(59, 130, 246, .22);--app-focus-action-bg: rgba(59, 130, 246, .12);--app-focus-action-border: rgba(59, 130, 246, .38);--app-focus-action-color: #93c5fd;--app-video-cover-placeholder-bg: linear-gradient(135deg, rgba(255, 255, 255, .04) 0 18%, transparent 18% 100%);--app-checkin-accent-bg: rgba(59, 130, 246, .12);--app-checkin-accent-border: rgba(59, 130, 246, .28);--app-checkin-accent-color: #93c5fd;--app-checkin-accent-label: #a3cfff;--app-video-list-count-color: #93c5fd;--app-video-list-count-bg: rgba(59, 130, 246, .12);--app-video-card-favorite-bg: rgba(59, 130, 246, .14);--app-home-bg: radial-gradient(120% 42% at 50% -12%, rgba(59, 130, 246, .1) 0%, transparent 58%);--app-vocab-entry-card-shadow: 0 18px 34px rgba(0, 0, 0, .28);--app-vocab-entry-card-hover-shadow: 0 24px 44px rgba(0, 0, 0, .36)}html[data-palette=forest]{--app-primary-color: #10b981;--app-primary-color-rgb: 16, 185, 129;--app-primary-light: #34d399;--app-primary-light-rgb: 52, 211, 153;--app-primary-dark: #059669;--app-primary-dark-rgb: 5, 150, 105;--app-surface-soft: #f0fdf4;--app-surface-warm: #ecfdf5;--app-page-radial-bg: radial-gradient(120% 45% at 50% -12%, rgba(16, 185, 129, .08) 0%, rgba(16, 185, 129, 0) 58%);--app-profile-card-bg: linear-gradient(130deg, #ecfdf5 0%, #ffffff 72%);--app-tab-hover-bg: rgba(5, 150, 105, .08);--app-tab-hover-color: #059669;--app-tab-active-bg: linear-gradient(180deg, #34d399 0%, #10b981 100%);--app-tab-active-shadow: 0 8px 16px rgba(16, 185, 129, .26);--app-form-cell-bg: linear-gradient(180deg, #ffffff 0%, #f0fdf4 100%);--app-form-cell-border-color: rgba(16, 185, 129, .24);--app-form-label-color: #4a6a5a;--app-form-control-color: #2a3b2a;--app-form-placeholder-color: #8aaa8a;--app-nav-setting-bg: var(--app-surface-color);--app-nav-setting-border-color: rgba(16, 185, 129, .32);--app-nav-setting-color: #4a7a5a;--app-script-mode-active-bg: linear-gradient(180deg, #34d399 0%, #10b981 100%);--app-script-mode-active-shadow: 0 7px 14px rgba(16, 185, 129, .24);--app-mobile-mode-tabs-active-bg: linear-gradient(180deg, #34d399 0%, #10b981 100%);--app-mobile-mode-tabs-active-shadow: 0 7px 14px rgba(16, 185, 129, .24);--app-script-tool-bg: var(--app-surface-warm);--app-script-tool-border: rgba(16, 185, 129, .28);--app-script-word-chip-bg: var(--app-surface-warm);--app-script-word-chip-color: var(--app-primary-color);--app-script-word-chip-shadow: var(--app-shadow-sm);--app-floating-panel-bg: var(--app-surface-warm);--app-floating-panel-border-color: rgba(16, 185, 129, .26);--app-floating-panel-divider: rgba(16, 185, 129, .16);--app-floating-panel-title-color: #4a6a5a;--app-floating-panel-option-bg: var(--app-surface-color);--app-floating-panel-option-border-color: rgba(16, 185, 129, .24);--app-floating-panel-option-color: #3e5f4a;--app-floating-panel-active-bg: linear-gradient(135deg, #34d399 0%, #10b981 100%);--app-floating-panel-active-shadow: 0 4px 10px rgba(16, 185, 129, .28);--app-back-top-bg: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(236, 253, 245, .98) 100%);--app-back-top-border-color: rgba(16, 185, 129, .34);--app-back-top-color: #4a8a60;--app-pc-modal-card-bg: linear-gradient(165deg, rgba(255, 253, 250, .98) 0%, rgba(240, 253, 244, .96) 100%);--app-pc-modal-card-border-color: rgba(16, 185, 129, .2);--app-pc-modal-title-color: #2a3b2a;--app-pc-modal-close-color: #6a9b7a;--app-route-mask-signature-bg: radial-gradient(54% 28% at 50% 47%, rgba(16, 185, 129, .12) 0%, rgba(16, 185, 129, 0) 72%);--app-route-mask-aura-bg: radial-gradient(circle at 50% 54%, rgba(16, 185, 129, .18) 0%, rgba(16, 185, 129, 0) 64%);--app-route-mask-brand-bg: radial-gradient(120% 40% at 50% -10%, rgba(16, 185, 129, .08) 0%, rgba(16, 185, 129, 0) 58%);--app-page-loading-soft-bg: radial-gradient(circle at 50% 40%, rgba(16, 185, 129, .1), transparent 32%);--app-vocab-entry-word-bg: linear-gradient(135deg, #fffdf9 0%, #f0fdf4 100%);--app-vocab-entry-phrase-bg: linear-gradient(135deg, #ffffff 0%, #ecfdf5 100%);--app-focus-card-bg: var(--app-surface-warm);--app-focus-card-border: transparent;--app-focus-action-bg: var(--app-surface-warm);--app-focus-action-border: rgba(16, 185, 129, .45);--app-focus-action-color: #047857;--app-video-cover-placeholder-bg: linear-gradient(135deg, rgba(255, 255, 255, .72) 0 18%, transparent 18% 100%);--app-checkin-accent-bg: var(--app-surface-warm);--app-checkin-accent-border: rgba(16, 185, 129, .3);--app-checkin-accent-color: #4a7a5a;--app-checkin-accent-label: #3a8a5a;--app-video-list-count-color: #059669;--app-video-list-count-bg: var(--app-surface-warm);--app-video-card-favorite-bg: rgba(255, 255, 255, .82);--app-vocab-entry-card-shadow: 0 22px 36px rgba(26, 20, 14, .08), inset 0 1px 0 rgba(255, 255, 255, .92);--app-vocab-entry-card-hover-shadow: 0 28px 46px rgba(24, 17, 10, .12), inset 0 1px 0 rgba(255, 255, 255, .92)}html[data-theme=dark][data-palette=forest]{--app-surface-soft: #1a2a1e;--app-surface-warm: #1c2e24;--app-page-radial-bg: radial-gradient(120% 45% at 50% -12%, rgba(16, 185, 129, .12) 0%, rgba(16, 185, 129, 0) 58%);--app-profile-card-bg: linear-gradient(130deg, rgba(28, 46, 36, .95) 0%, var(--app-surface-color) 72%);--app-tab-hover-bg: rgba(52, 211, 153, .12);--app-tab-hover-color: #6ee7b7;--app-tab-active-bg: linear-gradient(180deg, #34d399 0%, #10b981 100%);--app-tab-active-shadow: 0 8px 18px rgba(16, 185, 129, .3);--app-form-cell-bg: #151b25;--app-form-cell-border-color: rgba(255, 255, 255, .1);--app-form-label-color: #c8e0d0;--app-form-control-color: #f3f4f6;--app-form-placeholder-color: #708a7a;--app-nav-setting-bg: rgba(16, 185, 129, .12);--app-nav-setting-border-color: rgba(16, 185, 129, .42);--app-nav-setting-color: #6ee7b7;--app-script-mode-active-bg: linear-gradient(180deg, #34d399 0%, #10b981 100%);--app-script-mode-active-shadow: 0 8px 18px rgba(16, 185, 129, .32);--app-mobile-mode-tabs-active-bg: linear-gradient(180deg, #34d399 0%, #10b981 100%);--app-mobile-mode-tabs-active-shadow: 0 8px 18px rgba(16, 185, 129, .32);--app-script-tool-bg: rgba(16, 185, 129, .12);--app-script-tool-border: rgba(16, 185, 129, .36);--app-script-word-chip-bg: #1c2e24;--app-script-word-chip-color: #a7f3d0;--app-script-word-chip-shadow: 0 10px 18px rgba(0, 0, 0, .28);--app-floating-panel-bg: #1c2e24;--app-floating-panel-border-color: rgba(16, 185, 129, .42);--app-floating-panel-divider: rgba(16, 185, 129, .18);--app-floating-panel-title-color: #80b090;--app-floating-panel-option-bg: #151b25;--app-floating-panel-option-border-color: #2d3746;--app-floating-panel-option-color: #80b090;--app-floating-panel-active-bg: linear-gradient(135deg, #34d399 0%, #10b981 100%);--app-floating-panel-active-shadow: 0 8px 18px rgba(16, 185, 129, .3);--app-back-top-bg: linear-gradient(180deg, rgba(28, 46, 36, .96) 0%, rgba(21, 27, 37, .96) 100%);--app-back-top-border-color: rgba(16, 185, 129, .42);--app-back-top-color: #6ee7b7;--app-pc-modal-card-bg: #151b25;--app-pc-modal-card-border-color: rgba(255, 255, 255, .08);--app-pc-modal-title-color: #f3f4f6;--app-pc-modal-close-color: #6ee7b7;--app-route-mask-signature-bg: radial-gradient(54% 28% at 50% 47%, rgba(16, 185, 129, .16) 0%, rgba(16, 185, 129, 0) 72%);--app-route-mask-aura-bg: radial-gradient(circle at 50% 50%, rgba(16, 185, 129, .18) 0%, rgba(16, 185, 129, .06) 48%, rgba(16, 185, 129, 0) 72%);--app-route-mask-brand-bg: radial-gradient(120% 40% at 50% -10%, rgba(16, 185, 129, .12) 0%, rgba(16, 185, 129, 0) 58%);--app-page-loading-soft-bg: radial-gradient(circle at 50% 40%, rgba(16, 185, 129, .12), transparent 32%);--app-vocab-entry-word-bg: linear-gradient(135deg, #1c2e24 0%, #151b25 100%);--app-vocab-entry-phrase-bg: linear-gradient(135deg, #151b25 0%, #1c2e24 100%);--app-focus-card-bg: var(--app-script-line-bg);--app-focus-card-border: rgba(16, 185, 129, .22);--app-focus-action-bg: rgba(16, 185, 129, .12);--app-focus-action-border: rgba(16, 185, 129, .38);--app-focus-action-color: #6ee7b7;--app-video-cover-placeholder-bg: linear-gradient(135deg, rgba(255, 255, 255, .04) 0 18%, transparent 18% 100%);--app-checkin-accent-bg: rgba(16, 185, 129, .12);--app-checkin-accent-border: rgba(16, 185, 129, .28);--app-checkin-accent-color: #6ee7b7;--app-checkin-accent-label: #7af0c0;--app-video-list-count-color: #6ee7b7;--app-video-list-count-bg: rgba(16, 185, 129, .12);--app-video-card-favorite-bg: rgba(16, 185, 129, .14);--app-home-bg: radial-gradient(120% 42% at 50% -12%, rgba(16, 185, 129, .1) 0%, transparent 58%);--app-vocab-entry-card-shadow: 0 18px 34px rgba(0, 0, 0, .28);--app-vocab-entry-card-hover-shadow: 0 24px 44px rgba(0, 0, 0, .36)}:root{color-scheme:light;--app-primary-color: #FF7A04;--app-primary-color-rgb: 255, 122, 4;--app-primary-light: #FF9933;--app-primary-light-rgb: 255, 153, 51;--app-primary-dark: #E66A00;--app-primary-dark-rgb: 230, 106, 0;--app-text-color: #333333;--app-text-secondary: #666666;--app-text-placeholder: #999999;--app-load-tip-color: #7e8894;--app-bg-color: #f5f7fa;--app-surface-color: #ffffff;--app-surface-soft: #fff7ef;--app-surface-warm: #fff8ef;--app-danger-soft-bg: #fff2f2;--app-status-known-color: #1f8d44;--app-status-known-bg: #edf9f1;--app-status-known-border: rgba(31, 141, 68, .42);--app-status-unknown-color: #c24848;--app-status-unknown-bg: #fff2f2;--app-status-unknown-border: rgba(194, 72, 72, .42);--app-status-unmarked-color: #2563eb;--app-status-unmarked-bg: #eff6ff;--app-status-unmarked-border: rgba(37, 99, 235, .36);--app-control-bg: #f4f6f9;--app-border-color: #e8ecf0;--app-border-strong: #dcdfe6;--app-input-border-color: #c3cad4;--app-page-nav-border-color: #f2f3f5;--app-page-nav-back-color: #303133;--app-page-radial-bg: radial-gradient(120% 45% at 50% -12%, rgba(var(--app-primary-color-rgb), .08) 0%, rgba(var(--app-primary-color-rgb), 0) 58%), var(--app-bg-color);--app-profile-card-bg: linear-gradient(130deg, var(--app-surface-warm) 0%, #ffffff 72%);--app-tab-shell-bg: #f5f7fb;--app-tab-text-color: #566177;--app-tab-hover-bg: rgba(66, 88, 122, .08);--app-tab-hover-color: #334155;--app-tab-active-bg: linear-gradient(180deg, var(--app-primary-light) 0%, var(--app-primary-color) 100%);--app-tab-active-shadow: 0 8px 16px rgba(var(--app-primary-color-rgb), .26);--app-tab-count-bg: rgba(39, 50, 67, .08);--app-head-label-color: #516176;--app-vocab-entry-count-bg: rgba(255, 255, 255, .9);--app-vocab-entry-count-color: #6b768c;--app-vocab-entry-count-border: rgba(160, 174, 196, .28);--app-vocab-entry-count-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);--app-vocab-entry-word-bg: linear-gradient(135deg, #ffffff 0%, var(--app-surface-warm) 100%);--app-vocab-entry-phrase-bg: linear-gradient(135deg, #ffffff 0%, var(--app-surface-warm) 100%);--app-vocab-entry-card-shadow: 0 22px 36px rgba(26, 20, 14, .08), inset 0 1px 0 rgba(255, 255, 255, .92);--app-vocab-entry-card-hover-shadow: 0 28px 46px rgba(24, 17, 10, .12), inset 0 1px 0 rgba(255, 255, 255, .92);--app-vocab-example-bg: #f7f8fa;--app-vocab-subtitle-card-bg: #f3f7ff;--app-form-cell-bg: linear-gradient(180deg, #ffffff 0%, var(--app-surface-warm) 100%);--app-form-cell-disabled-bg: linear-gradient(180deg, #ffffff 0%, var(--app-surface-warm) 100%);--app-form-cell-border-color: rgba(var(--app-primary-color-rgb), .24);--app-form-cell-focus-bg: #ffffff;--app-form-label-color: #714d35;--app-form-control-color: #3b2a1f;--app-form-disabled-color: #8b6b57;--app-form-placeholder-color: #aa9384;--app-form-error-bg: #fff6f3;--app-form-error-border-color: #ffb08a;--app-auth-page-bg: radial-gradient(circle at 8% 10%, rgba(var(--app-primary-color-rgb), .28), transparent 34%), radial-gradient(circle at 84% 84%, rgba(var(--app-primary-color-rgb), .2), transparent 42%), linear-gradient( 128deg, rgba(var(--app-primary-color-rgb), .22) 0%, rgba(var(--app-primary-color-rgb), .18) 42%, rgba(var(--app-primary-color-rgb), .26) 100% ), linear-gradient(128deg, #0a0500 0%, #100600 42%, #050200 100%);--app-auth-page-mobile-bg: radial-gradient(circle at 8% 10%, rgba(var(--app-primary-color-rgb), .34), transparent 36%), radial-gradient(circle at 84% 84%, rgba(var(--app-primary-color-rgb), .24), transparent 44%), linear-gradient( 128deg, rgba(var(--app-primary-color-rgb), .22) 0%, rgba(var(--app-primary-color-rgb), .18) 42%, rgba(var(--app-primary-color-rgb), .26) 100% ), linear-gradient(128deg, #0a0500 0%, #100600 42%, #050200 100%);--app-auth-grid-color: rgba(var(--app-primary-color-rgb), .16);--app-auth-grid-mobile-color: rgba(var(--app-primary-light-rgb), .2);--app-auth-orb-left-bg: radial-gradient(circle, rgba(var(--app-primary-color-rgb), .42), rgba(var(--app-primary-color-rgb), 0));--app-auth-orb-right-bg: radial-gradient(circle, rgba(var(--app-primary-color-rgb), .34), rgba(var(--app-primary-color-rgb), 0));--app-auth-hero-title-color: var(--app-primary-light);--app-auth-hero-text-color: var(--app-primary-light);--app-auth-hero-subtle-color: var(--app-primary-light);--app-auth-badge-bg: rgba(var(--app-primary-color-rgb), .28);--app-auth-badge-border-color: rgba(var(--app-primary-light-rgb), .62);--app-auth-badge-color: var(--app-primary-light);--app-auth-card-bg: linear-gradient( 145deg, rgba(252, 250, 249, .97) 0%, rgba(246, 241, 247, .95) 100% );--app-auth-card-border-color: rgba(229, 217, 235, .82);--app-auth-card-mobile-border-color: rgba(229, 217, 235, .9);--app-auth-card-shadow: 0 24px 46px rgba(18, 8, 24, .22), 0 1px 0 rgba(255, 255, 255, .9) inset;--app-auth-card-mobile-shadow: 0 18px 34px rgba(18, 8, 24, .28), 0 0 0 1px rgba(229, 217, 235, .28) inset;--app-auth-card-title-color: #3e2819;--app-auth-card-tag-color: #c36e37;--app-auth-switch-color: #7d6353;--app-auth-footer-color: rgba(255, 229, 206, .78);--app-confirm-dialog-bg: var(--app-surface-color);--app-confirm-dialog-border-color: rgba(var(--app-primary-color-rgb), .12);--app-confirm-dialog-shadow: 0 18px 40px rgba(20, 16, 10, .2);--app-confirm-title-color: #352619;--app-confirm-message-color: #6a503d;--app-confirm-footer-bg: var(--app-surface-color);--app-confirm-footer-border-color: rgba(var(--app-primary-color-rgb), .12);--app-confirm-cancel-bg: var(--app-surface-color);--app-confirm-cancel-color: var(--app-primary-dark);--app-confirm-cancel-border-color: rgba(var(--app-primary-color-rgb), .28);--app-notice-bg: rgba(255, 249, 243, .92);--app-notice-border-color: rgba(255, 188, 142, .44);--app-notice-text-color: #5c3a27;--app-notice-close-color: #9a775f;--app-notice-shadow: 0 12px 30px rgba(47, 25, 12, .12);--app-toast-bg: rgba(44, 28, 19, .84);--app-toast-border-color: rgba(255, 168, 110, .42);--app-toast-text-color: #fff5eb;--app-toast-shadow: 0 10px 28px rgba(27, 14, 7, .22);--app-script-mode-bg: #ffffff;--app-script-mode-border-color: var(--app-border-color);--app-script-mode-shadow: 0 8px 22px rgba(var(--app-primary-color-rgb), .08), inset 0 1px 0 rgba(255, 255, 255, .96);--app-script-mode-color: var(--app-text-secondary);--app-script-mode-active-bg: linear-gradient(180deg, var(--app-primary-light) 0%, var(--app-primary-dark) 100%);--app-script-mode-active-shadow: 0 7px 14px rgba(var(--app-primary-color-rgb), .24), inset 0 1px 0 rgba(255, 255, 255, .22);--app-script-line-bg: var(--app-control-bg);--app-script-line-border: transparent;--app-script-line-hover-bg: #efefef;--app-script-line-active-bg: var(--app-surface-warm);--app-script-line-active-border: var(--app-primary-color);--app-script-line-shadow: none;--app-script-line-active-shadow: none;--app-mobile-mode-tabs-bg: var(--app-surface-color);--app-mobile-mode-tabs-border-color: transparent;--app-mobile-mode-tabs-shadow: 0 8px 22px rgba(var(--app-primary-color-rgb), .08), inset 0 1px 0 rgba(255, 255, 255, .96);--app-mobile-mode-tabs-color: var(--app-text-secondary);--app-mobile-mode-tabs-active-bg: linear-gradient(180deg, var(--app-primary-light) 0%, var(--app-primary-dark) 100%);--app-mobile-mode-tabs-active-shadow: 0 7px 14px rgba(var(--app-primary-color-rgb), .24), inset 0 1px 0 rgba(255, 255, 255, .22);--app-mobile-fixed-section-bg: var(--app-surface-color);--app-mobile-fixed-section-divider: var(--app-border-color);--app-script-fav-bg: var(--app-surface-warm);--app-script-fav-color: #ff3f72;--app-script-fav-shadow: 0 8px 18px rgba(var(--app-primary-color-rgb), .1), inset 0 1px 0 rgba(255, 255, 255, .95);--app-nav-setting-bg: var(--app-surface-color);--app-nav-setting-border-color: rgba(var(--app-primary-color-rgb), .32);--app-nav-setting-color: var(--app-primary-dark);--app-floating-panel-bg: var(--app-surface-warm);--app-floating-panel-border-color: rgba(var(--app-primary-color-rgb), .26);--app-floating-panel-shadow: 0 10px 24px rgba(17, 24, 39, .16);--app-floating-panel-divider: rgba(var(--app-primary-color-rgb), .16);--app-floating-panel-title-color: var(--app-primary-dark);--app-floating-panel-option-bg: var(--app-surface-color);--app-floating-panel-option-border-color: rgba(var(--app-primary-color-rgb), .24);--app-floating-panel-option-color: var(--app-primary-dark);--app-floating-panel-active-bg: linear-gradient(135deg, var(--app-primary-light) 0%, var(--app-primary-color) 100%);--app-floating-panel-active-color: #ffffff;--app-floating-panel-active-shadow: 0 4px 10px rgba(var(--app-primary-color-rgb), .28);--app-modal-overlay-bg: rgba(18, 23, 34, .42);--app-pc-modal-mask-bg: rgba(21, 13, 7, .38);--app-pc-modal-card-bg: linear-gradient( 165deg, rgba(255, 253, 250, .98) 0%, rgba(255, 247, 239, .96) 100% );--app-pc-modal-card-border-color: rgba(var(--app-primary-color-rgb), .2);--app-pc-modal-card-shadow: 0 22px 60px rgba(22, 11, 6, .24);--app-pc-modal-title-color: #3a271c;--app-pc-modal-close-color: #9b7054;--app-about-block-bg: rgba(255, 255, 255, .78);--app-about-block-border-color: rgba(var(--app-primary-color-rgb), .18);--app-video-player-popup-bg: rgba(28, 28, 30, .95);--app-video-player-popup-border-color: transparent;--app-video-player-popup-shadow: 0 4px 20px rgba(0, 0, 0, .4);--app-video-player-option-color: #ffffff;--app-video-player-option-hover-bg: rgba(255, 255, 255, .1);--app-video-player-slider-track-bg: rgba(255, 255, 255, .15);--app-video-player-slider-thumb-bg: var(--app-surface-color);--app-back-top-bg: linear-gradient( 180deg, rgba(255, 255, 255, .98) 0%, rgba(255, 248, 238, .98) 100% );--app-back-top-border-color: rgba(var(--app-primary-color-rgb), .34);--app-back-top-color: #b76606;--app-back-top-shadow: 0 8px 16px rgba(15, 23, 42, .14), inset 0 1px 0 rgba(255, 255, 255, .88);--app-back-top-active-shadow: 0 4px 10px rgba(15, 23, 42, .14), inset 0 1px 0 rgba(255, 255, 255, .8);--app-route-mask-brand-bg: radial-gradient(120% 40% at 50% -10%, rgba(var(--app-primary-color-rgb), .08) 0%, rgba(var(--app-primary-color-rgb), 0) 58%), #edf2f7;--app-route-mask-minimal-bg: linear-gradient(180deg, rgba(255, 255, 255, .48), rgba(237, 242, 247, .08)), #eef2f6;--app-route-mask-signature-bg: radial-gradient(54% 28% at 50% 47%, rgba(var(--app-primary-color-rgb), .12) 0%, rgba(var(--app-primary-color-rgb), 0) 72%), radial-gradient(48% 26% at 50% 43%, rgba(255, 255, 255, .64) 0%, rgba(255, 255, 255, 0) 76%), radial-gradient(95% 54% at 50% 100%, rgba(203, 216, 229, .42) 0%, rgba(203, 216, 229, 0) 70%), linear-gradient(180deg, #eef4fa 0%, #e6eef6 100%);--app-route-mask-aura-bg: radial-gradient( circle at 50% 50%, rgba(255, 255, 255, .92) 0%, rgba(255, 255, 255, .28) 48%, rgba(255, 255, 255, 0) 72% ), radial-gradient(circle at 50% 54%, rgba(var(--app-primary-color-rgb), .18) 0%, rgba(var(--app-primary-color-rgb), 0) 64%);--app-route-mask-emblem-bg: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .68)), rgba(255, 255, 255, .7);--app-route-mask-emblem-border-color: rgba(255, 255, 255, .96);--app-route-mask-emblem-shadow: 0 26px 54px rgba(36, 45, 58, .1), 0 14px 30px rgba(var(--app-primary-color-rgb), .16), inset 0 1px 0 rgba(255, 255, 255, .94);--app-page-loading-color: #7a8798;--app-page-loading-soft-bg: radial-gradient(circle at 50% 40%, rgba(var(--app-primary-color-rgb), .1), transparent 32%), radial-gradient(circle at 50% 46%, rgba(255, 255, 255, .86), transparent 38%), transparent;--app-page-loading-mark-bg: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(255, 255, 255, .64)), rgba(255, 255, 255, .72);--app-page-loading-mark-border-color: rgba(255, 255, 255, .9);--app-page-loading-mark-shadow: 0 18px 38px rgba(36, 45, 58, .08), 0 10px 22px rgba(var(--app-primary-color-rgb), .13), inset 0 1px 0 rgba(255, 255, 255, .94);--app-skeleton-bg: #eef2f8;--app-skeleton-card-bg: linear-gradient(180deg, #ffffff 0%, #fffdfa 100%);--app-skeleton-border-color: #e9edf4;--app-skeleton-shimmer-bg: linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .78), rgba(255, 255, 255, 0) );--app-video-card-index-bg: linear-gradient(180deg, #fff7df 0%, #f8edcf 100%);--app-video-card-index-color: #8f6f2c;--app-video-card-index-shadow: inset 0 1px 0 rgba(255, 255, 255, .76), 0 1px 2px rgba(142, 111, 50, .08);--app-video-card-author-tag-bg: #eef2ff;--app-video-card-author-tag-border-color: #c7d2f4;--app-video-card-author-tag-color: #52679d;--app-video-card-tag-shadow: 0 1px 2px rgba(42, 57, 73, .04), inset 0 1px 0 rgba(255, 255, 255, .72);--app-level-default-bg: #fff7e8;--app-level-default-border-color: #ead3a5;--app-level-default-color: #8d6827;--app-level-default-shadow: 0 1px 2px rgba(42, 57, 73, .04), inset 0 1px 0 rgba(255, 255, 255, .68);--app-level-easy-bg: #edf8f1;--app-level-easy-border-color: #b8ddc4;--app-level-easy-color: #377651;--app-level-medium-bg: #fff7e8;--app-level-medium-border-color: #ead3a5;--app-level-medium-color: #8d6827;--app-level-hard-bg: #fff1f0;--app-level-hard-border-color: #efc1bc;--app-level-hard-color: #9d4f49;--app-video-list-count-color: #c26a06;--app-video-list-count-bg: var(--app-surface-warm);--app-word-detail-overlay-bg: var(--app-modal-overlay-bg);--app-word-detail-card-border-color: rgba(255, 168, 70, .28);--app-word-detail-close-color: #8d632f;--app-word-detail-action-border-color: rgba(234, 238, 245, .95);--app-playback-bar-bg: var(--app-surface-color);--app-playback-bar-border-color: rgba(15, 23, 42, .08);--app-playback-bar-shadow: 0 -8px 24px rgba(15, 23, 42, .1);--app-playback-panel-bg: #f8fafc;--app-playback-panel-border-color: rgba(15, 23, 42, .08);--app-playback-btn-bg: rgba(248, 250, 252, .9);--app-playback-btn-border-color: rgba(148, 163, 184, .35);--app-playback-btn-color: #475569;--app-playback-btn-active-bg: rgba(255, 247, 237, .95);--app-playback-btn-active-border-color: rgba(var(--app-primary-color-rgb), .32);--app-playback-btn-active-color: var(--app-primary-dark);--app-playback-btn-pressed-bg: rgba(241, 245, 249, 1);--app-playback-btn-pressed-border-color: rgba(148, 163, 184, .5);--app-playback-label-color: #475569;--app-playback-label-active-color: var(--app-primary-dark);--app-playback-disabled-color: #b7c0cf;--app-playback-progress-rest: rgba(0, 0, 0, .16);--app-playback-progress-thumb-ring: #ffffff;--app-heading-color: #221a12;--app-nav-title-color: #1f2633;--app-muted-color: #7e8898;--app-shadow-sm: 0 2px 10px rgba(0, 0, 0, .05);--app-shadow-base: 0 8px 24px rgba(20, 28, 42, .08);--app-font-family: "MiSans", "HarmonyOS Sans SC", "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Inter", "Helvetica Neue", Arial, sans-serif;--app-font-family-ui: "Inter", "MiSans", "HarmonyOS Sans SC", "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--app-font-family-display: "DIN Alternate", "MiSans", "HarmonyOS Sans SC", "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--van-base-font: var(--app-font-family);--app-font-size-body: 15px;--app-font-size-label: 13px;--app-font-size-title-sm: 17px;--app-font-size-title-md: 20px;--app-font-size-title-lg: 26px;--app-letter-spacing-body: .01em;--app-letter-spacing-title: .015em;--app-content-max-width: 1520px;--app-content-gutter-desktop: 22px;--app-content-gutter-mobile: 14px;--van-primary-color: var(--app-primary-color);--van-background: var(--app-bg-color);--van-background-2: var(--app-surface-color);--van-text-color: var(--app-text-color);--van-text-color-2: var(--app-text-secondary);--van-border-color: var(--app-border-color);--app-home-bg: var(--app-page-radial-bg);--app-video-detail-bg: var(--app-surface-color);--app-mobile-scroll-section-bg: var(--app-surface-color);--app-mobile-scrollbar-color: rgba(0, 0, 0, .22);--app-focus-card-bg: var(--app-surface-warm);--app-focus-card-border: transparent;--app-focus-card-shadow: none;--app-focus-card-text: var(--app-heading-color);--app-focus-action-bg: var(--app-surface-warm);--app-focus-action-border: rgba(var(--app-primary-color-rgb), .45);--app-focus-action-color: var(--app-primary-dark);--app-video-cover-placeholder-bg: linear-gradient(135deg, rgba(255, 255, 255, .72) 0 18%, transparent 18% 100%), radial-gradient(circle at 18% 24%, rgba(var(--app-primary-color-rgb), .14) 0%, transparent 36%), linear-gradient(155deg, #f8f6f1 0%, #ece8df 48%, #f5f7f8 100%);--app-video-card-bg: var(--app-surface-color);--app-video-card-border: var(--app-border-color);--app-video-card-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 16px rgba(15, 23, 42, .06);--app-video-card-hover-shadow: 0 2px 6px rgba(15, 23, 42, .06), 0 10px 24px rgba(15, 23, 42, .1);--app-video-card-favorite-bg: rgba(255, 255, 255, .82);--app-library-meta-bg: var(--app-surface-warm);--app-filter-overlay-bg: var(--app-modal-overlay-bg);--app-filter-surface-bg: var(--app-surface-color);--app-filter-surface-border: var(--app-border-color);--app-filter-surface-shadow: 0 1px 2px rgba(18, 24, 35, .06);--app-filter-modal-bg: var(--app-surface-color);--app-filter-modal-border: var(--app-border-color);--app-filter-modal-shadow: 0 -12px 30px rgba(20, 26, 36, .18);--app-filter-section-border: var(--app-border-color);--app-filter-option-bg: var(--app-surface-color);--app-filter-option-border: var(--app-border-color);--app-filter-option-color: var(--app-text-secondary);--app-filter-option-hover-border: rgba(var(--app-primary-color-rgb), .48);--app-filter-option-hover-color: var(--app-primary-color);--app-filter-option-active-bg: var(--app-primary-color);--app-filter-option-active-border: var(--app-primary-color);--app-filter-option-active-color: #ffffff;--app-filter-footer-bg: var(--app-surface-color);--app-filter-footer-tablet-bg: rgba(252, 252, 252, .95);--app-checkin-surface-bg: var(--app-surface-color);--app-checkin-surface-border: var(--app-border-color);--app-checkin-panel-shadow: 0 16px 32px rgba(18, 24, 36, .2);--app-checkin-stat-bg: var(--app-control-bg);--app-checkin-label-color: var(--app-muted-color);--app-checkin-accent-bg: var(--app-surface-warm);--app-checkin-accent-border: rgba(255, 167, 74, .3);--app-checkin-accent-color: #955d1b;--app-checkin-accent-label: #ad610f;--app-checkin-done-bg: var(--app-control-bg);--app-checkin-done-border: var(--app-border-color);--app-checkin-done-color: var(--app-muted-color);--app-script-header-bg: var(--app-surface-color);--app-script-header-border: var(--app-border-color);--app-script-header-button-bg: var(--app-control-bg);--app-script-header-button-border: var(--app-border-color);--app-script-header-button-color: var(--app-text-secondary);--app-script-header-button-off-bg: var(--app-control-bg);--app-script-header-button-off-border: var(--app-border-color);--app-script-english-color: var(--app-heading-color);--app-script-chinese-color: var(--app-text-secondary);--app-script-tool-bg: var(--app-surface-warm);--app-script-tool-border: rgba(var(--app-primary-color-rgb), .28);--app-script-word-chip-bg: var(--app-surface-warm);--app-script-word-chip-color: var(--app-primary-color);--app-script-word-chip-shadow: var(--app-shadow-sm)}html[data-theme=dark]{color-scheme:dark;--app-text-color: #e5e7eb;--app-text-secondary: #b8c0cc;--app-text-placeholder: #7f8794;--app-load-tip-color: #6b7280;--app-bg-color: #10141c;--app-surface-color: #171d27;--app-surface-soft: #201b17;--app-surface-warm: #241b15;--app-danger-soft-bg: #2b171a;--app-status-known-color: #42c974;--app-status-known-bg: rgba(31, 141, 68, .16);--app-status-known-border: rgba(66, 201, 116, .4);--app-status-unknown-color: #f06c6c;--app-status-unknown-bg: rgba(194, 72, 72, .16);--app-status-unknown-border: rgba(240, 108, 108, .4);--app-status-unmarked-color: #60a5fa;--app-status-unmarked-bg: rgba(37, 99, 235, .16);--app-status-unmarked-border: rgba(96, 165, 250, .4);--app-control-bg: #202734;--app-border-color: #2f3847;--app-border-strong: #414b5c;--app-input-border-color: #596678;--app-page-nav-border-color: rgba(255, 255, 255, .06);--app-page-nav-back-color: #ffffff;--app-page-radial-bg: radial-gradient(120% 45% at 50% -12%, rgba(var(--app-primary-color-rgb), .12) 0%, rgba(var(--app-primary-color-rgb), 0) 58%), var(--app-bg-color);--app-profile-card-bg: linear-gradient( 130deg, rgba(43, 34, 26, .95) 0%, var(--app-surface-color) 72% );--app-tab-shell-bg: #202734;--app-tab-text-color: #b8c0cc;--app-tab-hover-bg: rgba(var(--app-primary-color-rgb), .12);--app-tab-hover-color: var(--app-primary-light);--app-tab-active-bg: linear-gradient(180deg, var(--app-primary-light) 0%, var(--app-primary-color) 100%);--app-tab-active-shadow: 0 8px 18px rgba(var(--app-primary-color-rgb), .3);--app-tab-count-bg: rgba(255, 255, 255, .1);--app-head-label-color: #cbd5e1;--app-vocab-entry-count-bg: #202734;--app-vocab-entry-count-color: #cbd5e1;--app-vocab-entry-count-border: #414b5c;--app-vocab-entry-count-shadow: none;--app-vocab-entry-word-bg: linear-gradient(135deg, var(--app-surface-warm) 0%, #1b2431 100%);--app-vocab-entry-phrase-bg: linear-gradient(135deg, #171d27 0%, var(--app-surface-warm) 100%);--app-vocab-entry-card-shadow: 0 18px 34px rgba(0, 0, 0, .28);--app-vocab-entry-card-hover-shadow: 0 24px 44px rgba(0, 0, 0, .36);--app-vocab-example-bg: #202734;--app-vocab-subtitle-card-bg: #202734;--app-form-cell-bg: #151b25;--app-form-cell-disabled-bg: #1b2431;--app-form-cell-border-color: rgba(255, 255, 255, .1);--app-form-cell-focus-bg: #1b2431;--app-form-label-color: #cbd5e1;--app-form-control-color: #f3f4f6;--app-form-disabled-color: #9ca3af;--app-form-placeholder-color: #6b7280;--app-form-error-bg: #2b171a;--app-form-error-border-color: rgba(var(--app-primary-color-rgb), .42);--app-auth-page-bg: var(--app-page-radial-bg);--app-auth-page-mobile-bg: var(--app-page-radial-bg);--app-auth-grid-color: rgba(148, 163, 184, .08);--app-auth-grid-mobile-color: rgba(148, 163, 184, .1);--app-auth-orb-left-bg: radial-gradient(circle, rgba(var(--app-primary-color-rgb), .16), rgba(var(--app-primary-color-rgb), 0));--app-auth-orb-right-bg: radial-gradient(circle, rgba(56, 70, 90, .24), rgba(56, 70, 90, 0));--app-auth-hero-title-color: #f3f4f6;--app-auth-hero-text-color: #cbd5e1;--app-auth-hero-subtle-color: #b8c0cc;--app-auth-badge-bg: rgba(var(--app-primary-color-rgb), .12);--app-auth-badge-border-color: rgba(var(--app-primary-color-rgb), .42);--app-auth-badge-color: var(--app-primary-light);--app-auth-card-bg: #151b25;--app-auth-card-border-color: rgba(255, 255, 255, .08);--app-auth-card-mobile-border-color: rgba(255, 255, 255, .1);--app-auth-card-shadow: 0 24px 46px rgba(0, 0, 0, .36);--app-auth-card-mobile-shadow: 0 18px 34px rgba(0, 0, 0, .42);--app-auth-card-title-color: #f3f4f6;--app-auth-card-tag-color: var(--app-primary-light);--app-auth-switch-color: #b8c0cc;--app-auth-footer-color: #9ca3af;--app-confirm-dialog-bg: #151b25;--app-confirm-dialog-border-color: rgba(255, 255, 255, .08);--app-confirm-dialog-shadow: 0 18px 40px rgba(0, 0, 0, .4);--app-confirm-title-color: #f3f4f6;--app-confirm-message-color: #cbd5e1;--app-confirm-footer-bg: #151b25;--app-confirm-footer-border-color: rgba(255, 255, 255, .08);--app-confirm-cancel-bg: #1d2532;--app-confirm-cancel-color: #cbd5e1;--app-confirm-cancel-border-color: rgba(255, 255, 255, .12);--app-notice-bg: #151b25;--app-notice-border-color: rgba(255, 255, 255, .1);--app-notice-text-color: #f3f4f6;--app-notice-close-color: #b8c0cc;--app-notice-shadow: 0 16px 36px rgba(0, 0, 0, .36);--app-toast-bg: #151b25;--app-toast-border-color: rgba(var(--app-primary-color-rgb), .34);--app-toast-text-color: #f3f4f6;--app-toast-shadow: 0 16px 36px rgba(0, 0, 0, .36);--app-script-mode-bg: #151b25;--app-script-mode-border-color: rgba(255, 255, 255, .08);--app-script-mode-shadow: none;--app-script-mode-color: #cbd5e1;--app-script-mode-active-bg: linear-gradient(180deg, var(--app-primary-light) 0%, var(--app-primary-color) 100%);--app-script-mode-active-shadow: 0 8px 18px rgba(var(--app-primary-color-rgb), .32), inset 0 1px 0 rgba(255, 255, 255, .18);--app-script-line-bg: #1b2431;--app-script-line-border: rgba(255, 255, 255, .06);--app-script-line-hover-bg: #222b3a;--app-script-line-active-bg: #251b14;--app-script-line-active-border: var(--app-primary-color);--app-script-line-shadow: 0 8px 18px rgba(0, 0, 0, .16);--app-script-line-active-shadow: 0 10px 22px rgba(var(--app-primary-color-rgb), .12);--app-mobile-mode-tabs-bg: #151b25;--app-mobile-mode-tabs-border-color: rgba(255, 255, 255, .08);--app-mobile-mode-tabs-shadow: none;--app-mobile-mode-tabs-color: #cbd5e1;--app-mobile-mode-tabs-active-bg: linear-gradient(180deg, var(--app-primary-light) 0%, var(--app-primary-color) 100%);--app-mobile-mode-tabs-active-shadow: 0 8px 18px rgba(var(--app-primary-color-rgb), .32), inset 0 1px 0 rgba(255, 255, 255, .18);--app-mobile-fixed-section-bg: #151b25;--app-mobile-fixed-section-divider: rgba(255, 255, 255, .08);--app-script-fav-bg: rgba(var(--app-primary-color-rgb), .14);--app-script-fav-color: #ff4f83;--app-script-fav-shadow: none;--app-nav-setting-bg: rgba(var(--app-primary-color-rgb), .12);--app-nav-setting-border-color: rgba(var(--app-primary-color-rgb), .42);--app-nav-setting-color: var(--app-primary-light);--app-floating-panel-bg: #241b15;--app-floating-panel-border-color: rgba(var(--app-primary-color-rgb), .42);--app-floating-panel-shadow: 0 16px 36px rgba(0, 0, 0, .36);--app-floating-panel-divider: rgba(var(--app-primary-color-rgb), .18);--app-floating-panel-title-color: #b8752d;--app-floating-panel-option-bg: #151b25;--app-floating-panel-option-border-color: #2d3746;--app-floating-panel-option-color: #b8752d;--app-floating-panel-active-bg: linear-gradient(135deg, var(--app-primary-light) 0%, var(--app-primary-color) 100%);--app-floating-panel-active-color: #ffffff;--app-floating-panel-active-shadow: 0 8px 18px rgba(var(--app-primary-color-rgb), .3);--app-modal-overlay-bg: rgba(1, 4, 10, .78);--app-pc-modal-mask-bg: var(--app-modal-overlay-bg);--app-pc-modal-card-bg: #151b25;--app-pc-modal-card-border-color: rgba(255, 255, 255, .08);--app-pc-modal-card-shadow: 0 22px 60px rgba(0, 0, 0, .42);--app-pc-modal-title-color: #f3f4f6;--app-pc-modal-close-color: var(--app-primary-light);--app-about-block-bg: #1b2431;--app-about-block-border-color: rgba(255, 255, 255, .08);--app-video-player-popup-bg: #151b25;--app-video-player-popup-border-color: rgba(255, 255, 255, .1);--app-video-player-popup-shadow: 0 16px 36px rgba(0, 0, 0, .36);--app-video-player-option-color: #cbd5e1;--app-video-player-option-hover-bg: rgba(var(--app-primary-color-rgb), .14);--app-video-player-slider-track-bg: rgba(148, 163, 184, .28);--app-video-player-slider-thumb-bg: #e5e7eb;--app-back-top-bg: linear-gradient( 180deg, rgba(37, 44, 58, .96) 0%, rgba(26, 32, 43, .96) 100% );--app-back-top-border-color: rgba(var(--app-primary-color-rgb), .42);--app-back-top-color: var(--app-primary-light);--app-back-top-shadow: 0 10px 22px rgba(0, 0, 0, .32);--app-back-top-active-shadow: 0 6px 14px rgba(0, 0, 0, .34);--app-route-mask-brand-bg: radial-gradient(120% 40% at 50% -10%, rgba(var(--app-primary-color-rgb), .12) 0%, rgba(var(--app-primary-color-rgb), 0) 58%), rgba(16, 20, 28, .96);--app-route-mask-minimal-bg: linear-gradient(180deg, rgba(21, 27, 37, .92), rgba(16, 20, 28, .98)), var(--app-bg-color);--app-route-mask-signature-bg: radial-gradient(54% 28% at 50% 47%, rgba(var(--app-primary-color-rgb), .16) 0%, rgba(var(--app-primary-color-rgb), 0) 72%), radial-gradient(52% 30% at 50% 44%, rgba(var(--app-primary-color-rgb), .08) 0%, rgba(var(--app-primary-color-rgb), 0) 74%), linear-gradient(180deg, rgba(21, 27, 37, .98) 0%, rgba(16, 20, 28, .98) 100%);--app-route-mask-aura-bg: radial-gradient( circle at 50% 50%, rgba(var(--app-primary-color-rgb), .18) 0%, rgba(var(--app-primary-color-rgb), .06) 48%, rgba(var(--app-primary-color-rgb), 0) 72% ), radial-gradient(circle at 50% 54%, rgba(var(--app-primary-color-rgb), .2) 0%, rgba(var(--app-primary-color-rgb), 0) 64%);--app-route-mask-emblem-bg: linear-gradient(145deg, rgba(31, 41, 55, .96), rgba(21, 27, 37, .92)), rgba(21, 27, 37, .9);--app-route-mask-emblem-border-color: rgba(var(--app-primary-color-rgb), .28);--app-route-mask-emblem-shadow: 0 24px 54px rgba(0, 0, 0, .38), 0 14px 30px rgba(var(--app-primary-color-rgb), .16);--app-page-loading-color: #b8c0cc;--app-page-loading-soft-bg: radial-gradient(circle at 50% 40%, rgba(var(--app-primary-color-rgb), .12), transparent 32%), transparent;--app-page-loading-mark-bg: linear-gradient(145deg, rgba(31, 41, 55, .96), rgba(21, 27, 37, .88)), rgba(21, 27, 37, .9);--app-page-loading-mark-border-color: rgba(var(--app-primary-color-rgb), .28);--app-page-loading-mark-shadow: 0 18px 38px rgba(0, 0, 0, .34), 0 10px 22px rgba(var(--app-primary-color-rgb), .12);--app-skeleton-bg: #202734;--app-skeleton-card-bg: linear-gradient(180deg, #1b2431 0%, #151b25 100%);--app-skeleton-border-color: rgba(255, 255, 255, .08);--app-skeleton-shimmer-bg: linear-gradient( 90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .09), rgba(255, 255, 255, 0) );--app-video-card-index-bg: linear-gradient( 180deg, rgba(255, 172, 74, .18) 0%, rgba(var(--app-primary-color-rgb), .12) 100% );--app-video-card-index-color: var(--app-primary-light);--app-video-card-index-shadow: none;--app-video-card-author-tag-bg: rgba(129, 140, 248, .16);--app-video-card-author-tag-border-color: rgba(165, 180, 252, .3);--app-video-card-author-tag-color: #c3cbff;--app-video-card-tag-shadow: none;--app-level-default-bg: rgba(180, 83, 9, .16);--app-level-default-border-color: rgba(251, 191, 136, .34);--app-level-default-color: #f4c38d;--app-level-default-shadow: none;--app-level-easy-bg: rgba(34, 148, 85, .16);--app-level-easy-border-color: rgba(134, 239, 172, .28);--app-level-easy-color: #a9e0bd;--app-level-medium-bg: rgba(180, 117, 20, .16);--app-level-medium-border-color: rgba(245, 196, 109, .3);--app-level-medium-color: #f0ca8a;--app-level-hard-bg: rgba(196, 71, 66, .16);--app-level-hard-border-color: rgba(251, 160, 154, .3);--app-level-hard-color: #f2b2ad;--app-video-list-count-color: var(--app-primary-light);--app-video-list-count-bg: rgba(var(--app-primary-color-rgb), .12);--app-word-detail-overlay-bg: var(--app-modal-overlay-bg);--app-word-detail-card-border-color: rgba(var(--app-primary-color-rgb), .42);--app-word-detail-close-color: var(--app-primary-light);--app-word-detail-action-border-color: rgba(255, 255, 255, .08);--app-playback-bar-bg: #111827;--app-playback-bar-border-color: rgba(255, 255, 255, .08);--app-playback-bar-shadow: 0 -10px 26px rgba(0, 0, 0, .36);--app-playback-panel-bg: #151b25;--app-playback-panel-border-color: rgba(255, 255, 255, .08);--app-playback-btn-bg: #1d2532;--app-playback-btn-border-color: rgba(255, 255, 255, .1);--app-playback-btn-color: #cbd5e1;--app-playback-btn-active-bg: rgba(var(--app-primary-color-rgb), .16);--app-playback-btn-active-border-color: rgba(var(--app-primary-color-rgb), .4);--app-playback-btn-active-color: var(--app-primary-light);--app-playback-btn-pressed-bg: #263044;--app-playback-btn-pressed-border-color: rgba(255, 255, 255, .14);--app-playback-label-color: #9ca3af;--app-playback-label-active-color: var(--app-primary-light);--app-playback-disabled-color: #566174;--app-playback-progress-rest: rgba(148, 163, 184, .28);--app-playback-progress-thumb-ring: #111827;--app-heading-color: #f3f4f6;--app-nav-title-color: #f3f4f6;--app-muted-color: #9ca3af;--app-shadow-sm: 0 2px 12px rgba(0, 0, 0, .28);--app-shadow-base: 0 12px 30px rgba(0, 0, 0, .34);--app-home-bg: radial-gradient(120% 42% at 50% -12%, rgba(var(--app-primary-color-rgb), .1) 0%, transparent 58%), var(--app-bg-color);--app-video-detail-bg: var(--app-bg-color);--app-mobile-scroll-section-bg: #0f141d;--app-mobile-scrollbar-color: rgba(148, 163, 184, .35);--app-focus-card-bg: var(--app-script-line-bg);--app-focus-card-border: rgba(var(--app-primary-color-rgb), .22);--app-focus-card-shadow: 0 14px 28px rgba(0, 0, 0, .24);--app-focus-card-text: #f3f4f6;--app-focus-action-bg: rgba(var(--app-primary-color-rgb), .12);--app-focus-action-border: rgba(var(--app-primary-color-rgb), .38);--app-focus-action-color: var(--app-primary-light);--app-video-cover-placeholder-bg: linear-gradient(135deg, rgba(255, 255, 255, .04) 0 18%, transparent 18% 100%), radial-gradient(circle at 18% 24%, rgba(var(--app-primary-color-rgb), .1) 0%, transparent 36%), linear-gradient(155deg, #1b2431 0%, #151b25 52%, #202734 100%);--app-video-card-bg: linear-gradient(180deg, #1a202b 0%, #151b25 100%);--app-video-card-border: rgba(255, 255, 255, .08);--app-video-card-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 10px 26px rgba(0, 0, 0, .28);--app-video-card-hover-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 14px 30px rgba(0, 0, 0, .36);--app-video-card-favorite-bg: var(--app-script-fav-bg);--app-library-meta-bg: rgba(var(--app-primary-color-rgb), .12);--app-filter-overlay-bg: var(--app-modal-overlay-bg);--app-filter-surface-bg: #151b25;--app-filter-surface-border: rgba(255, 255, 255, .1);--app-filter-surface-shadow: none;--app-filter-modal-bg: #151b25;--app-filter-modal-border: rgba(255, 255, 255, .08);--app-filter-modal-shadow: 0 -16px 36px rgba(0, 0, 0, .36);--app-filter-section-border: rgba(255, 255, 255, .08);--app-filter-option-bg: #0f1520;--app-filter-option-border: #2d3746;--app-filter-option-color: #9ca3af;--app-filter-option-hover-border: rgba(var(--app-primary-color-rgb), .48);--app-filter-option-hover-color: var(--app-primary-light);--app-filter-option-active-bg: linear-gradient(135deg, var(--app-primary-light) 0%, var(--app-primary-color) 100%);--app-filter-option-active-border: var(--app-primary-color);--app-filter-option-active-color: #ffffff;--app-filter-footer-bg: #151b25;--app-filter-footer-tablet-bg: rgba(21, 27, 37, .94);--app-checkin-surface-bg: #151b25;--app-checkin-surface-border: rgba(255, 255, 255, .1);--app-checkin-panel-shadow: 0 18px 44px rgba(0, 0, 0, .46);--app-checkin-stat-bg: #1d2532;--app-checkin-label-color: #8b95a5;--app-checkin-accent-bg: rgba(var(--app-primary-color-rgb), .12);--app-checkin-accent-border: rgba(var(--app-primary-color-rgb), .28);--app-checkin-accent-color: var(--app-primary-light);--app-checkin-accent-label: var(--app-primary-light);--app-checkin-done-bg: #1d2532;--app-checkin-done-border: rgba(255, 255, 255, .1);--app-checkin-done-color: #94a3b8;--app-script-header-bg: #0f141d;--app-script-header-border: rgba(255, 255, 255, .08);--app-script-header-button-bg: #1d2532;--app-script-header-button-border: rgba(255, 255, 255, .1);--app-script-header-button-color: #a8b1bf;--app-script-header-button-off-bg: #111827;--app-script-header-button-off-border: #2d3746;--app-script-english-color: #f3f4f6;--app-script-chinese-color: #d7dde7;--app-script-tool-bg: rgba(var(--app-primary-color-rgb), .12);--app-script-tool-border: rgba(var(--app-primary-color-rgb), .36);--app-script-word-chip-bg: #2a1f14;--app-script-word-chip-color: var(--app-primary-light);--app-script-word-chip-shadow: 0 10px 18px rgba(0, 0, 0, .28)}:root{--app-radius-sm: 10px;--app-radius-base: 14px;--app-radius-lg: 18px;--app-radius-xl: 24px;--app-shadow-sm: 0 3px 14px rgba(20, 28, 42, .06);--app-shadow-base: 0 14px 38px rgba(20, 28, 42, .09);--app-shadow-hover: 0 20px 46px rgba(20, 28, 42, .13);--app-font-family: "Avenir Next", "SF Pro Text", "HarmonyOS Sans SC", "MiSans", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--app-font-family-ui: var(--app-font-family);--app-font-family-display: "Avenir Next", "SF Pro Display", "HarmonyOS Sans SC", "MiSans", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--app-font-size-body: 15px;--app-font-size-label: 13px;--app-font-size-title-sm: 18px;--app-font-size-title-md: 22px;--app-font-size-title-lg: 30px;--app-letter-spacing-body: 0;--app-letter-spacing-title: -.018em;--app-content-max-width: 1520px;--app-content-gutter-desktop: 28px;--app-content-gutter-mobile: 16px;--app-video-card-topic-tag-bg: var(--app-surface-warm);--app-video-card-topic-tag-border-color: rgba(255, 138, 0, .35);--app-video-card-topic-tag-color: var(--app-primary-dark);--app-video-card-tag-shadow: none}html[data-theme=dark]{--app-video-card-topic-tag-bg: rgba(255, 122, 4, .14);--app-video-card-topic-tag-border-color: rgba(255, 172, 74, .28);--app-video-card-topic-tag-color: #ffb56b}@media (min-width: 1025px){html:not([data-theme=dark]){--app-bg-color: #eff1f4;--app-page-radial-bg: radial-gradient(900px 420px at 12% -8%, rgba(255, 138, 32, .08), transparent 68%), radial-gradient(760px 380px at 90% 4%, rgba(83, 117, 153, .06), transparent 70%), var(--app-bg-color);--app-home-bg: var(--app-page-radial-bg)}}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}html,body{width:100%;height:100%;font-family:var(--app-font-family);font-size:var(--app-font-size-body);line-height:1.6;color:var(--app-text-color);background-color:var(--app-bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"tnum" 1;font-variant-numeric:tabular-nums;letter-spacing:var(--app-letter-spacing-body)}#app{width:100%;min-height:100vh}.video-card-topic-tag{--app-topic-tag-color: var(--topic-tag-light-color);--app-topic-tag-border-color: var(--topic-tag-light-border-color);--app-topic-tag-bg: var(--topic-tag-light-bg)}html[data-theme=dark] .video-card-topic-tag{--app-topic-tag-color: var(--topic-tag-dark-color);--app-topic-tag-border-color: var(--topic-tag-dark-border-color);--app-topic-tag-bg: var(--topic-tag-dark-bg)}a{color:var(--app-primary-color);text-decoration:none}a:active{opacity:.8}a:hover{color:var(--app-primary-light)}::selection{color:var(--app-heading-color);background:rgba(var(--app-primary-color-rgb),.2)}:where(a,button):focus-visible{outline:3px solid rgba(var(--app-primary-color-rgb),.22);outline-offset:2px}:where(input,textarea,select):focus-visible{outline:none;box-shadow:none}img{max-width:100%;height:auto;display:block}button{border:none;background:none;cursor:pointer;font-family:inherit;outline:none;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit;outline:none;border:none}input::placeholder,textarea::placeholder,select::placeholder{color:var(--app-text-placeholder)}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}::-webkit-scrollbar-track{background:transparent}html[data-theme=dark] #app,html[data-theme=dark] :where(.layout,.home-page,.my-page,.records-page,.vocabulary-page,.category-page){background-color:var(--app-bg-color);color:var(--app-text-color)}html[data-theme=dark] :where(.header,.mobile-nav,.profile-card,.menu-item,.user-menu-popover,.pc-modal-card,.van-popup,.van-dialog,.van-cell,.van-field,.el-card,.el-popper){background:var(--app-surface-color);border-color:var(--app-border-color);color:var(--app-text-color);box-shadow:var(--app-shadow-sm)}html[data-theme=dark] :where(.nav-item,.menu-title,.hello,h1,h2,h3,h4,h5,h6){color:var(--app-heading-color)}html[data-theme=dark] :where(.menu-desc,.sub,.subtitle,.field-helper,.counter){color:var(--app-muted-color)}html[data-theme=dark] :where(.header-content,.about-block){border-color:var(--app-border-color)}:where(.tab-btn,.tab-item,.mode-item,.lang-item,.mode-chip,.switch-btn,.sort-btn){transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.tab-switch-fade-enter-active,.tab-switch-fade-leave-active{transition:opacity .22s ease,transform .22s ease}.tab-switch-fade-enter-from,.tab-switch-fade-leave-to{opacity:0;transform:translateY(4px)}h1,h2,h3,h4,h5,h6{font-family:var(--app-font-family-display);letter-spacing:var(--app-letter-spacing-title);line-height:1.28;color:var(--app-heading-color);font-weight:700}:where(.logo-title,.menu-title,.section-title,.nav-title){font-family:var(--app-font-family-display);letter-spacing:var(--app-letter-spacing-title);font-weight:600}h1{font-size:var(--app-font-size-title-lg)}h2{font-size:var(--app-font-size-title-md)}h3{font-size:var(--app-font-size-title-sm)}:where(.menu-desc,.field-label,.counter,.btn-label){font-size:var(--app-font-size-label)}:where(.nav-title,.menu-title,.section-title){color:var(--app-nav-title-color);line-height:1.32}:where(.menu-desc,.subtitle,.field-helper,.counter){color:var(--app-muted-color);line-height:1.5;letter-spacing:.005em}:where(button,.tool-btn,.ctrl-btn,.lang-item,.mode-item,.setting-chip){font-family:var(--app-font-family-ui);font-weight:500;letter-spacing:.01em}:where(.submit-btn,.play-btn,.primary-btn){font-weight:600;letter-spacing:.015em}:where(.time-tag,.counter,.progress-label,.score,.duration){font-variant-numeric:tabular-nums;letter-spacing:0}@media (max-width: 1024px){:root{--app-font-size-body: 14px;--app-font-size-label: 12px;--app-font-size-title-sm: 16px;--app-font-size-title-md: 18px;--app-font-size-title-lg: 22px;--app-letter-spacing-body: .005em}}.van-toast.app-toast{width:auto!important;min-width:124px!important;max-width:min(84vw,360px)!important;min-height:42px!important;padding:10px 14px!important;border-radius:12px!important;border:1px solid var(--app-toast-border-color)!important;background:var(--app-toast-bg)!important;box-shadow:var(--app-toast-shadow)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.van-toast.app-toast .van-toast__icon{font-size:16px!important;margin-right:6px}.van-toast.app-toast .van-toast__text{margin:0!important;color:var(--app-toast-text-color)!important;font-size:13px!important;font-weight:500;line-height:1.4!important;letter-spacing:.01em;white-space:normal!important;word-break:break-word!important}.van-toast.app-toast--success{border-color:#71ce9680!important}.van-toast.app-toast--error{border-color:#f178608a!important}.van-toast.app-toast--warning{border-color:#efb65e99!important}.el-notification.app-notification{border-radius:12px!important;border:1px solid var(--app-notice-border-color)!important;background:var(--app-notice-bg)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--app-notice-shadow)!important;padding:13px 15px!important}.el-notification.app-notification .el-notification__icon{display:none!important}.el-notification.app-notification .el-notification__content{margin:0!important;color:var(--app-notice-text-color)!important;font-size:14px!important;font-weight:600!important;line-height:1.45!important}.el-notification.app-notification .el-notification__closeBtn{color:var(--app-notice-close-color)!important}.el-notification.app-notification--success{border-left:3px solid var(--app-success, #43b97b)!important}.el-notification.app-notification--error{border-left:3px solid var(--app-danger, #df6451)!important}.el-notification.app-notification--warning{border-left:3px solid var(--app-warning, #d9a24f)!important}.el-notification.app-notification--info{border-left:3px solid var(--app-info, #ce8341)!important}.el-message.app-message{display:flex;align-items:center;z-index:99999!important;border-radius:12px!important;border:1px solid var(--app-notice-border-color)!important;background:var(--app-notice-bg)!important;box-shadow:var(--app-notice-shadow)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:13px 38px 13px 15px!important;width:min(86vw,380px)!important;min-width:min(86vw,380px)!important;max-width:min(86vw,380px)!important}.el-message.app-message .el-message__content{flex:1;color:var(--app-notice-text-color)!important;font-size:14px!important;font-weight:600!important;line-height:1.45!important}.el-message.app-message .el-message__closeBtn{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;color:var(--app-notice-close-color)!important}.el-message.app-message--success{border-left:3px solid var(--app-success, #43b97b)!important}.el-message.app-message--error{border-left:3px solid var(--app-danger, #df6451)!important}.el-message.app-message--warning{border-left:3px solid var(--app-warning, #d9a24f)!important}.el-message.app-message--info{border-left:3px solid var(--app-info, #ce8341)!important}.van-overlay{background:var(--app-modal-overlay-bg)}.theme-confirm-dialog.van-dialog{width:min(88vw,350px);border-radius:18px;overflow:hidden;background:var(--app-confirm-dialog-bg);box-shadow:var(--app-confirm-dialog-shadow);border:1px solid var(--app-confirm-dialog-border-color)}.theme-confirm-dialog .van-dialog__header{padding:18px 18px 8px;font-size:18px;font-weight:600;color:var(--app-confirm-title-color)}.theme-confirm-dialog .van-dialog__message{padding:0 18px 14px;font-size:16px;line-height:1.45;color:var(--app-confirm-message-color)}.theme-confirm-dialog .van-dialog__footer{display:flex;gap:10px;padding:12px 14px 14px;border-top:1px solid var(--app-confirm-footer-border-color);background:var(--app-confirm-footer-bg)}.theme-confirm-dialog .van-dialog__cancel,.theme-confirm-dialog .van-dialog__confirm{flex:1;height:42px;border-radius:999px;font-size:16px;font-weight:600;border:1px solid transparent}.theme-confirm-dialog .van-dialog__cancel{color:var(--app-confirm-cancel-color);background:var(--app-confirm-cancel-bg);border-color:var(--app-confirm-cancel-border-color)}.theme-confirm-dialog .van-dialog__confirm{color:#fff;background:linear-gradient(135deg,var(--app-primary-light) 0%,var(--app-primary-color) 100%);box-shadow:0 6px 12px rgba(var(--app-primary-color-rgb),.28)}.theme-confirm-dialog .van-dialog__confirm:active{filter:brightness(.96)}