.navbar[data-v-de9a92a1]{position:fixed;bottom:0;left:0;right:0;z-index:50;background:linear-gradient(180deg,#1a4a6e,#0d3a5c);border-top:3px solid var(--color-gold-dark);box-shadow:inset 0 2px #ffffff1a,0 -5px 20px #00000080}.nav-inner[data-v-de9a92a1]{display:flex;justify-content:stretch;align-items:center;max-width:500px;margin:0 auto;padding:var(--space-sm) 0}.nav-item[data-v-de9a92a1]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) 0;min-height:var(--touch-target-lg);text-decoration:none;color:#ffffffe6;border-radius:var(--radius-md);transition:all .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none}.nav-item[data-v-de9a92a1]:active{transform:scale(.92)}.nav-item.active[data-v-de9a92a1]{color:var(--color-gold);background:#ffd7001a;text-shadow:0 0 10px rgba(255,215,0,.3)}.nav-icon-img[data-v-de9a92a1]{width:24px;height:24px;transition:all .15s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));opacity:.85}.nav-icon-img.nav-icon-app[data-v-de9a92a1]{border-radius:4px}.nav-item.active .nav-icon-img[data-v-de9a92a1]{transform:scale(1.15);filter:drop-shadow(0 0 6px rgba(255,255,255,.4));opacity:1}.nav-label[data-v-de9a92a1]{font-size:.85rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.app[data-v-d585a90e]{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.main-content[data-v-d585a90e]{flex:1;padding-bottom:90px}.loading-screen[data-v-d585a90e]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary)}.loading-content[data-v-d585a90e]{text-align:center}.loading-logo[data-v-d585a90e]{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.logo-icon-img[data-v-d585a90e]{width:64px;height:64px;border-radius:var(--radius-md);animation:float-d585a90e 2s ease-in-out infinite}.logo-text[data-v-d585a90e]{font-size:1.6rem;font-weight:700;font-family:var(--font-title);color:var(--color-text-primary);letter-spacing:.5px}.logo-text .logo-bit[data-v-d585a90e]{margin-right:2px}.loading-bar[data-v-d585a90e]{width:200px;height:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.loading-progress[data-v-d585a90e]{height:100%;background:var(--gradient-aurora);animation:loading-d585a90e .6s ease forwards}@keyframes loading-d585a90e{0%{width:0}to{width:100%}}@keyframes float-d585a90e{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.install-prompt[data-v-d585a90e]{position:fixed;bottom:100px;left:var(--space-lg);right:var(--space-lg);z-index:100}.install-content[data-v-d585a90e]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border:1px solid rgba(0,245,212,.2);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow)}.install-icon[data-v-d585a90e]{font-size:2rem}.install-text[data-v-d585a90e]{flex:1}.install-text strong[data-v-d585a90e]{display:block;font-size:.95rem}.install-text p[data-v-d585a90e]{font-size:.8rem;margin:0;color:var(--color-text-muted)}.install-actions[data-v-d585a90e]{display:flex;align-items:center;gap:var(--space-sm)}.btn-sm[data-v-d585a90e]{padding:var(--space-sm) var(--space-md);font-size:.85rem}.btn-dismiss[data-v-d585a90e]{padding:var(--space-sm);background:none;border:none;color:var(--color-text-muted);font-size:.8rem;cursor:pointer}.btn-dismiss[data-v-d585a90e]:hover{color:var(--color-text-secondary)}.page-enter-active[data-v-d585a90e],.page-leave-active[data-v-d585a90e]{transition:opacity .2s ease,transform .2s ease}.page-enter-from[data-v-d585a90e]{opacity:0;transform:translateY(8px)}.page-leave-to[data-v-d585a90e]{opacity:0;transform:translateY(-8px)}.fade-enter-active[data-v-d585a90e],.fade-leave-active[data-v-d585a90e]{transition:opacity .3s ease}.fade-enter-from[data-v-d585a90e],.fade-leave-to[data-v-d585a90e]{opacity:0}.slide-up-enter-active[data-v-d585a90e],.slide-up-leave-active[data-v-d585a90e]{transition:all .3s ease}.slide-up-enter-from[data-v-d585a90e],.slide-up-leave-to[data-v-d585a90e]{opacity:0;transform:translateY(20px)}.menu-overlay[data-v-d585a90e]{position:fixed;inset:0;background:#000000e6;z-index:999;backdrop-filter:blur(10px)}.slide-menu[data-v-d585a90e]{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:linear-gradient(180deg,#1e3a5f,#0a1628);z-index:1000;display:flex;flex-direction:column;box-shadow:-10px 0 40px #0009;padding-top:env(safe-area-inset-top);border-left:3px solid var(--color-gold-dark)}.menu-header[data-v-d585a90e]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg);border-bottom:2px solid rgba(255,215,0,.3);background:linear-gradient(180deg,rgba(255,215,0,.1) 0%,transparent 100%)}.menu-logo-img[data-v-d585a90e]{width:44px;height:44px;border-radius:var(--radius-sm);border:2px solid var(--color-gold-dark);box-shadow:0 2px 8px #0006}.menu-title[data-v-d585a90e]{font-size:1.5rem;font-weight:700;font-family:var(--font-title);letter-spacing:.5px}.title-bit[data-v-d585a90e]{color:var(--color-text-primary);margin-right:2px}.title-lingo[data-v-d585a90e]{color:#f5b800}.menu-list[data-v-d585a90e]{flex:1;list-style:none;margin:0;padding:var(--space-md);overflow-y:auto}.menu-item[data-v-d585a90e]{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:#ffffff08;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-bottom:var(--space-xs);text-shadow:0 1px 2px rgba(0,0,0,.5)}.menu-item[data-v-d585a90e]:hover,.menu-item[data-v-d585a90e]:active{background:#ffd7001a;border-left:3px solid var(--color-gold)}.menu-item-install[data-v-d585a90e]{background:linear-gradient(180deg,#ffd70026,#ffd7000d);border:1px solid rgba(255,215,0,.3)}.menu-item-install[data-v-d585a90e]:hover,.menu-item-install[data-v-d585a90e]:active{background:linear-gradient(180deg,#ffd70040,#ffd7001a)}.menu-icon[data-v-d585a90e]{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.menu-label[data-v-d585a90e]{flex:1;font-weight:600}.menu-arrow[data-v-d585a90e]{color:var(--color-gold);font-weight:700}.menu-footer[data-v-d585a90e]{padding:var(--space-lg);border-top:2px solid rgba(255,215,0,.2);text-align:center;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 100%)}.menu-footer p[data-v-d585a90e]{color:var(--color-text-muted);font-size:.85rem;margin:0;font-weight:500}.menu-fade-enter-active[data-v-d585a90e],.menu-fade-leave-active[data-v-d585a90e]{transition:opacity .3s ease}.menu-fade-enter-from[data-v-d585a90e],.menu-fade-leave-to[data-v-d585a90e]{opacity:0}.menu-slide-enter-active[data-v-d585a90e],.menu-slide-leave-active[data-v-d585a90e]{transition:transform .3s ease}.menu-slide-enter-from[data-v-d585a90e],.menu-slide-leave-to[data-v-d585a90e]{transform:translate(100%)}.ios-guide-overlay[data-v-d585a90e]{position:fixed;inset:0;z-index:2000;background:#000000d9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.ios-guide-modal[data-v-d585a90e]{background:linear-gradient(180deg,#1e3a5f,#0a1628);border:2px solid var(--color-gold-dark);border-radius:var(--radius-xl);padding:var(--space-xl);max-width:340px;width:100%;position:relative;box-shadow:0 20px 60px #00000080}.ios-guide-close[data-v-d585a90e]{position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;background:#ffffff1a;border:none;border-radius:50%;color:var(--color-text-muted);font-size:1rem;cursor:pointer;transition:all .2s ease}.ios-guide-close[data-v-d585a90e]:hover{background:#fff3;color:var(--color-text-primary)}.ios-guide-header[data-v-d585a90e]{text-align:center;margin-bottom:var(--space-xl)}.ios-guide-icon[data-v-d585a90e]{width:64px;height:64px;border-radius:var(--radius-md);margin-bottom:var(--space-md);border:2px solid var(--color-gold-dark)}.ios-guide-header h2[data-v-d585a90e]{font-size:1.3rem;font-weight:700;color:var(--color-text-primary);margin:0}.ios-guide-steps[data-v-d585a90e]{display:flex;flex-direction:column;gap:var(--space-lg)}.ios-step[data-v-d585a90e]{display:flex;align-items:flex-start;gap:var(--space-md)}.step-number[data-v-d585a90e]{width:28px;height:28px;background:var(--gradient-gold-shine);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:#1a1a3e;flex-shrink:0}.step-content[data-v-d585a90e]{flex:1}.step-content p[data-v-d585a90e]{margin:0 0 var(--space-sm) 0;color:var(--color-text-secondary);font-size:.95rem}.step-content strong[data-v-d585a90e]{color:var(--color-text-primary)}.share-icon[data-v-d585a90e]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#007aff;border-radius:var(--radius-sm);color:#fff}.add-home-btn[data-v-d585a90e]{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ffffff1a;border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.85rem;font-weight:500}.add-home-btn svg[data-v-d585a90e]{opacity:.8}.ios-guide-note[data-v-d585a90e]{margin-top:var(--space-xl);text-align:center;font-size:.85rem;color:var(--color-text-muted)}.safari-required-content[data-v-d585a90e]{text-align:center}.safari-required-text[data-v-d585a90e]{font-size:1rem;color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.5}.safari-required-text strong[data-v-d585a90e]{color:var(--color-text-primary)}.safari-steps[data-v-d585a90e]{display:flex;flex-direction:column;gap:var(--space-lg);text-align:left}.url-box[data-v-d585a90e]{display:flex;align-items:center;gap:var(--space-sm);background:#0000004d;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1);margin-top:var(--space-sm)}.url-text[data-v-d585a90e]{flex:1;font-family:monospace;font-size:.9rem;color:var(--color-gold)}.copy-btn[data-v-d585a90e]{padding:var(--space-xs) var(--space-md);background:var(--gradient-gold-shine);border:none;border-radius:var(--radius-sm);color:#1a1a3e;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.copy-btn[data-v-d585a90e]:active{transform:scale(.95)}.safari-note[data-v-d585a90e]{margin-top:var(--space-xl);font-size:.8rem;color:var(--color-text-muted);background:#ffffff0d;padding:var(--space-md);border-radius:var(--radius-md);text-align:left}:root{--color-bg-primary: #0a1628;--color-bg-secondary: #0f1e36;--color-bg-tertiary: #152847;--color-bg-card: #1a3055;--color-gold: #ffd700;--color-gold-dark: #c5a200;--color-gold-light: #ffe44d;--color-accent-primary: #4fc3f7;--color-accent-secondary: #ff7043;--color-accent-purple: #9575cd;--color-accent-green: #66bb6a;--color-text-primary: #ffffff;--color-text-secondary: #b8c5d6;--color-text-muted: #6b7c93;--color-text-gold: #ffd700;--gradient-royal: linear-gradient(180deg, #1e3a5f 0%, #0a1628 100%);--gradient-gold: linear-gradient(180deg, #ffe44d 0%, #c5a200 100%);--gradient-gold-shine: linear-gradient(180deg, #fff7b0 0%, #ffd700 30%, #c5a200 100%);--gradient-button-blue: linear-gradient(180deg, #5ba3e0 0%, #2d6aa8 50%, #1e4d7a 100%);--gradient-button-green: linear-gradient(180deg, #7ed56f 0%, #28b485 50%, #1e8c66 100%);--gradient-button-orange: linear-gradient(180deg, #ffb347 0%, #ff8c00 40%, #e67300 100%);--gradient-button-red: linear-gradient(180deg, #ff7b7b 0%, #e74c3c 50%, #c0392b 100%);--gradient-button-purple: linear-gradient(180deg, #b39ddb 0%, #7e57c2 50%, #5e35b1 100%);--gradient-sky: linear-gradient(180deg, #1a4a6e 0%, #0f2d44 50%, #0a1628 100%);--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-title: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-3d: 0 4px 0 rgba(0, 0, 0, .3), 0 6px 10px rgba(0, 0, 0, .4);--shadow-3d-sm: 0 2px 0 rgba(0, 0, 0, .3), 0 3px 6px rgba(0, 0, 0, .3);--shadow-gold: 0 0 20px rgba(255, 215, 0, .3), 0 0 40px rgba(255, 215, 0, .1);--shadow-glow-blue: 0 0 30px rgba(79, 195, 247, .4);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--touch-target-min: 44px;--touch-target-lg: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--navbar-height: calc(70px + var(--safe-bottom));--pattern-line-color: rgba(0, 0, 0, .08);--pattern-highlight-color: rgba(255, 255, 255, .03);--pattern-highlight-alt: rgba(255, 255, 255, .02);--glow-color: rgba(100, 180, 255, .15);--glow-top-color: rgba(255, 255, 255, .05)}.theme-ocean{--color-bg-primary: #0a1a1a;--color-bg-secondary: #0f2626;--color-bg-tertiary: #153333;--color-bg-card: #1a4040;--color-gold: #00d9b5;--color-gold-dark: #00a88c;--color-gold-light: #4aecd4;--color-accent-primary: #ff7b9c;--color-accent-secondary: #ff9f43;--color-accent-purple: #9b59b6;--color-accent-green: #00d9b5;--color-text-gold: #00d9b5;--gradient-royal: linear-gradient(180deg, #1a4040 0%, #0a1a1a 100%);--gradient-gold: linear-gradient(180deg, #4aecd4 0%, #00a88c 100%);--gradient-gold-shine: linear-gradient(180deg, #8ff8e8 0%, #00d9b5 30%, #00a88c 100%);--gradient-button-blue: linear-gradient(180deg, #5ba3e0 0%, #2d6aa8 50%, #1e4d7a 100%);--gradient-button-green: linear-gradient(180deg, #4aecd4 0%, #00d9b5 50%, #00a88c 100%);--gradient-button-orange: linear-gradient(180deg, #ffb347 0%, #ff9f43 40%, #e67300 100%);--gradient-sky: linear-gradient(180deg, #1a4a4a 0%, #0f2d2d 50%, #0a1a1a 100%);--shadow-gold: 0 0 20px rgba(0, 217, 181, .3), 0 0 40px rgba(0, 217, 181, .1);--shadow-glow-blue: 0 0 30px rgba(0, 217, 181, .4);--pattern-line-color: rgba(0, 50, 50, .15);--pattern-highlight-color: rgba(0, 217, 181, .04);--pattern-highlight-alt: rgba(0, 217, 181, .02);--glow-color: rgba(0, 217, 181, .2);--glow-top-color: rgba(0, 217, 181, .08)}.theme-ocean body,body.theme-ocean{background:linear-gradient(180deg,#1a5050,#0d3a3a,#0a2a2a);--pattern-line-color: rgba(0, 50, 50, .15);--pattern-highlight-color: rgba(0, 217, 181, .04);--pattern-highlight-alt: rgba(0, 217, 181, .02);--glow-color: rgba(0, 217, 181, .2);--glow-top-color: rgba(0, 217, 181, .08)}body.theme-forest{--color-bg-primary: #1a2f1a;--color-bg-secondary: #0d1f0d;--color-bg-tertiary: #2a4a2a;--color-bg-card: #1f3a1f;--color-gold: #4caf50;--color-gold-dark: #2e7d32;--color-gold-light: #81c784;--color-accent-primary: #a5d6a7;background:linear-gradient(180deg,#1a3a1a,#0d2a0d,#0a1f0a);--pattern-line-color: rgba(0, 30, 0, .12);--pattern-highlight-color: rgba(76, 175, 80, .05);--pattern-highlight-alt: rgba(76, 175, 80, .03);--glow-color: rgba(76, 175, 80, .2);--glow-top-color: rgba(129, 199, 132, .1)}body.theme-sunset{--color-bg-primary: #2a1a1f;--color-bg-secondary: #1f0f14;--color-bg-tertiary: #4a2a3a;--color-bg-card: #3a1f2a;--color-gold: #ff7043;--color-gold-dark: #e64a19;--color-gold-light: #ffab91;--color-accent-primary: #ffccbc;background:linear-gradient(180deg,#3a1a2a,#2a0f1f,#1f0a14);--pattern-line-color: rgba(50, 0, 20, .15);--pattern-highlight-color: rgba(255, 112, 67, .06);--pattern-highlight-alt: rgba(255, 171, 145, .03);--glow-color: rgba(255, 112, 67, .25);--glow-top-color: rgba(255, 171, 145, .12)}body.theme-neon{--color-bg-primary: #0a0a1a;--color-bg-secondary: #050510;--color-bg-tertiary: #1a1a3a;--color-bg-card: #0f0f2a;--color-gold: #e040fb;--color-gold-dark: #aa00ff;--color-gold-light: #ea80fc;--color-accent-primary: #00e5ff;--color-accent-secondary: #76ff03;background:linear-gradient(180deg,#0a0a2a,#05051a,#020210);--pattern-line-color: rgba(224, 64, 251, .08);--pattern-highlight-color: rgba(0, 229, 255, .05);--pattern-highlight-alt: rgba(224, 64, 251, .04);--glow-color: rgba(224, 64, 251, .25);--glow-top-color: rgba(0, 229, 255, .15)}body.theme-midnight{--color-bg-primary: #0a0a14;--color-bg-secondary: #05050a;--color-bg-tertiary: #14141f;--color-bg-card: #0f0f1a;--color-gold: #5c6bc0;--color-gold-dark: #3949ab;--color-gold-light: #7986cb;--color-accent-primary: #90caf9;background:linear-gradient(180deg,#0a0a1a,#050510,#020208);--pattern-line-color: rgba(92, 107, 192, .06);--pattern-highlight-color: rgba(144, 202, 249, .03);--pattern-highlight-alt: rgba(92, 107, 192, .02);--glow-color: rgba(92, 107, 192, .15);--glow-top-color: rgba(144, 202, 249, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-primary);background:linear-gradient(180deg,#1a5a8a,#0d3a5c,#0a2a42);color:var(--color-text-secondary);line-height:1.6;min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.no-overscroll{overscroll-behavior:none}body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 35px,var(--pattern-line-color) 35px,var(--pattern-line-color) 36px),repeating-linear-gradient(-45deg,transparent,transparent 35px,var(--pattern-line-color) 35px,var(--pattern-line-color) 36px),repeating-linear-gradient(45deg,var(--pattern-highlight-color) 0px,var(--pattern-highlight-color) 25px,transparent 25px,transparent 50px),repeating-linear-gradient(-45deg,var(--pattern-highlight-alt) 0px,var(--pattern-highlight-alt) 25px,transparent 25px,transparent 50px);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 50% -20%,var(--glow-color) 0%,transparent 50%),linear-gradient(180deg,var(--glow-top-color) 0%,transparent 30%);pointer-events:none;z-index:-1}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:700;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.5)}h1{font-size:clamp(1.5rem,5vw,2rem)}h2{font-size:clamp(1.25rem,4vw,1.5rem)}h3{font-size:clamp(1rem,3vw,1.25rem)}p{color:var(--color-text-secondary)}a{color:var(--color-gold);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-gold-light)}.container{width:100%;max-width:500px;margin:0 auto;padding:0 var(--space-lg)}.safe-area-top{padding-top:var(--safe-top)}.safe-area-bottom{padding-bottom:var(--safe-bottom)}.safe-area-inset{padding-left:var(--safe-left);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom)}.card{background:linear-gradient(180deg,#1a4a6e,#0f3555);border:3px solid var(--color-gold-dark);border-radius:var(--radius-lg);box-shadow:inset 0 1px #ffffff26,inset 0 -2px 4px #0003,0 4px #0006,0 6px 12px #0006;transition:transform var(--transition-fast),box-shadow var(--transition-fast);position:relative}.card:before{content:"";position:absolute;inset:0;border-radius:calc(var(--radius-lg) - 3px);background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 40%);pointer-events:none}.card:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff26,inset 0 -2px 4px #0003,0 2px #0006,0 3px 6px #0006}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:var(--touch-target-min);padding:var(--space-md) var(--space-xl);font-family:var(--font-display);font-size:1rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);user-select:none;-webkit-user-select:none;position:relative}.btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#ffffff4d,#fff0);border-radius:var(--radius-md) var(--radius-md) 0 0;pointer-events:none}.btn:active{transform:translateY(3px)}.btn-primary{background:var(--gradient-button-orange);color:#fff;border:2px solid #ffd700;border-bottom:5px solid #b35900;box-shadow:0 4px #8a4500,0 6px 12px #0006}.btn-primary:active{border-bottom-width:2px;box-shadow:0 1px #8a4500,0 2px 4px #0000004d}.btn-secondary{background:var(--gradient-button-blue);color:#fff;border-bottom:4px solid #153d5e;box-shadow:0 4px #102d47,0 6px 12px #0006}.btn-secondary:active{border-bottom-width:1px;box-shadow:0 1px #102d47,0 2px 4px #0000004d}.btn-danger{background:var(--gradient-button-red);color:#fff;border-bottom:4px solid #922b21;box-shadow:0 4px #7b241c,0 6px 12px #0006}.btn-success{background:linear-gradient(180deg,#27ae60,#1e8449);color:#fff;border-bottom:4px solid #196f3d;box-shadow:0 4px #145a32,0 6px 12px #0006}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.text-gold{color:var(--color-gold);text-shadow:0 1px 2px rgba(0,0,0,.5)}.text-gradient{color:#f5b800}input,textarea,select{font-family:var(--font-primary);font-size:16px;color:var(--color-text-primary);background:var(--color-bg-tertiary);border:2px solid var(--color-gold-dark);border-radius:var(--radius-md);padding:var(--space-md);min-height:var(--touch-target-min);width:100%;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:inset 0 2px 4px #0000004d}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-gold);box-shadow:inset 0 2px 4px #0000004d,0 0 10px #ffd7004d}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}::selection{background:#ffd7004d;color:var(--color-text-primary)}::-webkit-scrollbar{width:0;height:0}@media (min-width: 768px){::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-gold-dark);border-radius:var(--radius-full)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 25px #ffd70080}}@keyframes shine{0%{background-position:-200% center}to{background-position:200% center}}.fade-in{animation:fadeIn var(--transition-base) ease}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.touch-ripple{position:relative;overflow:hidden}.touch-ripple:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,215,0,.2) 0%,transparent 60%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.touch-ripple:active:after{opacity:1}.spinner{width:24px;height:24px;border:3px solid rgba(255,215,0,.2);border-top-color:var(--color-gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);background:var(--gradient-gold);color:#1a1a3e;font-size:.75rem;font-weight:700;text-transform:uppercase;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000004d}.progress-bar-cr{height:16px;background:var(--color-bg-tertiary);border:2px solid var(--color-gold-dark);border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 2px 4px #0006}.progress-bar-cr .fill{height:100%;background:var(--gradient-button-green);border-radius:var(--radius-full);transition:width var(--transition-base);box-shadow:inset 0 -2px 4px #0003}@media (min-width: 768px){:root{--space-lg: 2rem;--space-xl: 2.5rem;--space-2xl: 4rem}.container{padding:0 var(--space-xl)}.card:hover{transform:translateY(-3px);box-shadow:inset 0 1px #ffffff1a,0 6px #0000004d,0 10px 20px #0006,var(--shadow-gold)}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--color-text-secondary: #d0d5dd;--color-text-muted: #a0a8b5}.card{border-width:3px}}.home[data-v-24d51fd6]{opacity:0;transition:opacity .4s ease;min-height:100vh;min-height:100dvh}.home.visible[data-v-24d51fd6]{opacity:1}.home-header[data-v-24d51fd6]{padding:var(--space-xl) 0 var(--space-md)}.header-row[data-v-24d51fd6]{display:flex;align-items:center;justify-content:space-between}.logo-section[data-v-24d51fd6]{display:flex;align-items:center;gap:var(--space-md)}.menu-toggle[data-v-24d51fd6]{width:48px;height:48px;background:linear-gradient(180deg,#3d5a80,#1e3a5f);border:2px solid var(--color-gold-dark);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0;box-shadow:0 3px #0000004d,0 4px 8px #0000004d}.menu-toggle[data-v-24d51fd6]:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.menu-line[data-v-24d51fd6]{width:22px;height:3px;background:var(--gradient-gold);border-radius:2px;transition:all .3s ease;box-shadow:0 1px 2px #0000004d}.menu-toggle.active .menu-line[data-v-24d51fd6]:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.active .menu-line[data-v-24d51fd6]:nth-child(2){opacity:0}.menu-toggle.active .menu-line[data-v-24d51fd6]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.logo-icon-img[data-v-24d51fd6]{width:40px;height:40px;border-radius:var(--radius-sm);border:2px solid var(--color-gold-dark);box-shadow:0 2px 8px #0000004d}.logo-section h1[data-v-24d51fd6]{font-size:1.6rem;font-weight:700;font-family:var(--font-title);letter-spacing:.5px}.logo-bit[data-v-24d51fd6]{color:var(--color-text-primary);margin-right:2px}.install-btn-header[data-v-24d51fd6]{display:flex;align-items:center;justify-content:center;height:40px;padding:0 var(--space-md);background:var(--gradient-gold-shine);border:2px solid var(--color-gold-dark);border-bottom:3px solid #a08000;border-radius:var(--radius-md);color:#1a1a3e;font-size:.85rem;font-weight:700;font-family:var(--font-primary);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;white-space:nowrap;box-shadow:0 3px #806600,0 4px 8px #0000004d}.install-btn-header[data-v-24d51fd6]:active{transform:translateY(2px);border-bottom-width:1px;box-shadow:0 1px #806600}.hero-section[data-v-24d51fd6]{padding-bottom:var(--space-2xl)}.language-display[data-v-24d51fd6]{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-xl) 0;margin-bottom:var(--space-xl)}.lang-row[data-v-24d51fd6]{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding-top:130px}.lang-btn-wrapper[data-v-24d51fd6],.lang-btn-wrapper-second[data-v-24d51fd6],.lang-row[data-v-24d51fd6]{position:relative}.mascot-above-lang[data-v-24d51fd6]{position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.lang-row[data-v-24d51fd6] .mascot-container.bubble-right{position:relative}.lang-row[data-v-24d51fd6] .mascot-container.bubble-right .speech-bubble{position:absolute;top:-20px;left:calc(100% + 25px);width:calc(167.5px + var(--space-lg) + var(--space-lg));transform:none;margin-left:0;z-index:99999;max-width:none;min-width:240px}.lang-row[data-v-24d51fd6] .mascot-container.bubble-right .bubble-tail{left:-10px;right:auto;top:28px;border-left:none;border-right:10px solid var(--color-accent-primary);border-top:10px solid transparent;border-bottom:10px solid transparent;transform:none}.lang-row[data-v-24d51fd6] .mascot-container.bubble-right .bubble-visible{transform:none}@media (max-width: 768px){.lang-row[data-v-24d51fd6] .mascot-container.bubble-right .speech-bubble{left:calc(100% + 25px);width:calc(167.5px + var(--space-lg) + var(--space-lg));max-width:none;min-width:200px;z-index:9999}}@media (max-width: 480px){.lang-row[data-v-24d51fd6] .mascot-container.bubble-right .speech-bubble{left:calc(100% + 25px);width:calc(167.5px + var(--space-lg) + var(--space-lg));max-width:none;min-width:160px;padding:10px 14px;z-index:9999}.lang-row[data-v-24d51fd6] .mascot-container.bubble-right .bubble-text{font-size:.95rem}}.dictionary-selector[data-v-24d51fd6]{display:flex;align-items:center;justify-content:center;margin-top:var(--space-lg)}.dict-btn[data-v-24d51fd6]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);min-width:260px;background:linear-gradient(180deg,#1a5070,#0f3555);border:3px solid var(--color-gold-dark);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-primary);cursor:pointer;box-shadow:inset 0 2px #fff3,inset 0 -2px 4px #00000026,0 4px #00000080,0 6px 12px #0000004d;transition:all .2s ease;-webkit-tap-highlight-color:transparent;position:relative}.dict-btn[data-v-24d51fd6]:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);border-radius:calc(var(--radius-lg) - 3px) calc(var(--radius-lg) - 3px) 0 0;pointer-events:none}.dict-btn[data-v-24d51fd6]:active{transform:translateY(3px);box-shadow:inset 0 2px #fff3,inset 0 -2px 4px #00000026,0 1px #00000080,0 2px 4px #0000004d}.dict-label[data-v-24d51fd6]{font-size:1rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dict-count[data-v-24d51fd6]{font-size:.9rem;font-weight:600;color:var(--color-gold);text-shadow:0 1px 2px rgba(0,0,0,.5)}.dict-arrow[data-v-24d51fd6]{font-size:.8rem;color:var(--color-gold);margin-left:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.dict-picker-modal[data-v-24d51fd6]{max-width:360px}.dict-picker-item[data-v-24d51fd6]{gap:var(--space-sm)}.dict-picker-icon[data-v-24d51fd6]{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.dict-picker-count[data-v-24d51fd6]{font-size:.85rem;color:var(--color-gold);font-weight:600;margin-left:auto;margin-right:var(--space-sm)}.category-item[data-v-24d51fd6]{padding-left:var(--space-lg)}.category-item .dict-picker-icon[data-v-24d51fd6]{font-size:1.2rem}.picker-divider[data-v-24d51fd6]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);margin:var(--space-sm) 0;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.picker-divider[data-v-24d51fd6]:before,.picker-divider[data-v-24d51fd6]:after{content:"";flex:1;height:1px;background:#ffffff1a}.lazy-badge[data-v-24d51fd6]{font-size:.7rem;padding:2px 4px;background:#ffd70033;border-radius:var(--radius-sm);color:var(--color-gold);margin-left:auto}.picker-loading[data-v-24d51fd6]{display:flex;align-items:center;justify-content:center;padding:var(--space-md);color:var(--color-text-muted);font-size:.85rem}.lang-btn[data-v-24d51fd6]{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:linear-gradient(180deg,#1a5070,#0f3555);border:3px solid var(--color-gold-dark);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;min-width:115px;box-shadow:inset 0 2px #fff3,inset 0 -2px 4px #00000026,0 4px #00000080,0 6px 12px #0000004d;position:relative}.lang-btn[data-v-24d51fd6]:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 100%);border-radius:calc(var(--radius-lg) - 3px) calc(var(--radius-lg) - 3px) 0 0;pointer-events:none}.lang-btn[data-v-24d51fd6]:active{transform:translateY(3px);box-shadow:inset 0 2px #fff3,inset 0 -2px 4px #00000026,0 1px #00000080,0 2px 4px #0000004d}.lang-flag-xl[data-v-24d51fd6]{font-size:2.8rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.lang-name-row[data-v-24d51fd6]{display:flex;align-items:center;gap:var(--space-xs)}.lang-name[data-v-24d51fd6]{font-size:.9rem;font-weight:700;color:var(--color-text-primary);font-family:var(--font-primary);text-shadow:0 1px 2px rgba(0,0,0,.5)}.lang-dropdown-arrow[data-v-24d51fd6]{font-size:.55rem;color:var(--color-gold);transition:transform .2s ease}.direction-btn-lg[data-v-24d51fd6]{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--gradient-gold-shine);border:3px solid var(--color-gold-dark);border-radius:var(--radius-full);font-size:1.5rem;cursor:pointer;transition:all .2s ease;flex-shrink:0;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 2px 4px #fff6,0 4px #a08000,0 6px 12px #0006,0 0 20px #ffd7004d;animation:glow-24d51fd6 2s ease-in-out infinite}@keyframes glow-24d51fd6{0%,to{box-shadow:inset 0 2px 4px #fff6,0 4px #a08000,0 6px 12px #0006,0 0 15px #ffd70033}50%{box-shadow:inset 0 2px 4px #fff6,0 4px #a08000,0 6px 12px #0006,0 0 30px #ffd70080}}.direction-btn-lg[data-v-24d51fd6]:active{transform:translateY(3px);box-shadow:inset 0 2px 4px #fff6,0 1px #a08000,0 2px 4px #0006;animation:none}.direction-btn-lg .dir-arrow[data-v-24d51fd6]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .3s ease;color:#1a1a3e;font-weight:900;font-size:1.8rem;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.3)}.stat-label[data-v-24d51fd6]{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.daily-goal-section[data-v-24d51fd6]{margin-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.daily-goal-card[data-v-24d51fd6]{background:linear-gradient(180deg,#1a4a6e,#0f3555);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);border:2px solid rgba(255,215,0,.4);box-shadow:inset 0 2px #ffffff1a,inset 0 -2px 4px #00000026,0 3px #0006,0 4px 8px #0003}button.daily-goal-btn[data-v-24d51fd6]{display:block;width:100%;text-align:left;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;transition:transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}button.daily-goal-btn[data-v-24d51fd6]:hover{transform:translateY(-2px)}button.daily-goal-btn[data-v-24d51fd6]:active{transform:scale(.98)}.goal-header[data-v-24d51fd6]{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.goal-icon[data-v-24d51fd6]{font-size:1.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.goal-title[data-v-24d51fd6]{font-size:.95rem;font-weight:700;color:var(--color-gold);text-shadow:0 1px 2px rgba(0,0,0,.5)}.goal-progress[data-v-24d51fd6]{display:flex;align-items:center;gap:var(--space-md)}.goal-bar[data-v-24d51fd6]{flex:1;height:14px;background:var(--color-bg-primary);border:2px solid rgba(255,215,0,.4);border-radius:var(--radius-full);overflow:hidden;box-shadow:inset 0 2px 4px #0006}.goal-fill[data-v-24d51fd6]{height:100%;background:var(--gradient-button-green);border-radius:var(--radius-full);transition:width .5s ease;box-shadow:inset 0 -2px 4px #0003}.goal-label[data-v-24d51fd6]{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap;font-weight:600}.goal-achieved[data-v-24d51fd6]{display:flex;align-items:center;gap:var(--space-sm)}.goal-check[data-v-24d51fd6]{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--gradient-button-green);color:#fff;border-radius:var(--radius-full);font-size:1rem;font-weight:700;box-shadow:0 2px 4px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.3)}.goal-text[data-v-24d51fd6]{font-size:.9rem;color:var(--color-accent-green);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.weekly-goal[data-v-24d51fd6]{margin-top:0}.week-days[data-v-24d51fd6]{display:flex;justify-content:space-between;gap:var(--space-xs)}.week-day[data-v-24d51fd6]{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.day-check[data-v-24d51fd6]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--gradient-button-green);color:#fff;border-radius:var(--radius-full);font-size:.9rem;font-weight:700;box-shadow:0 2px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.2)}.day-miss[data-v-24d51fd6]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-bg-primary);color:var(--color-text-muted);border-radius:var(--radius-full);font-size:.9rem;border:2px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 4px #0000004d}.day-dot[data-v-24d51fd6]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff0d;color:var(--color-text-muted);border-radius:var(--radius-full);font-size:1.2rem;border:2px solid rgba(255,255,255,.05)}.day-name[data-v-24d51fd6]{font-size:.7rem;color:var(--color-text-muted);font-weight:600}.week-day.today .day-name[data-v-24d51fd6]{color:var(--color-gold);font-weight:700}.week-day.today .day-miss[data-v-24d51fd6]{border:2px solid var(--color-gold);background:#ffd7001a}.action-buttons-row[data-v-24d51fd6]{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.action-btn[data-v-24d51fd6]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--space-sm) var(--space-xs);min-height:56px;border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;border:2px solid;position:relative}.action-btn[data-v-24d51fd6]:active{transform:scale(.95)}.action-btn[data-v-24d51fd6]:disabled{opacity:.5;cursor:not-allowed}.action-icon[data-v-24d51fd6]{font-size:1.3rem;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.action-text[data-v-24d51fd6]{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.quiz-btn[data-v-24d51fd6]{background:linear-gradient(180deg,#7c3aed,#5b21b6);border:2px solid #a78bfa;color:#fff;box-shadow:inset 0 2px #fff3,inset 0 -2px 4px #00000026,0 3px #4c1d95,0 4px 8px #0000004d}.quiz-btn[data-v-24d51fd6]:hover{background:linear-gradient(180deg,#8b5cf6,#6d28d9)}.quiz-btn[data-v-24d51fd6]:active{transform:translateY(2px);box-shadow:inset 0 2px #fff3,inset 0 -2px 4px #00000026,0 1px #4c1d95,0 2px 4px #0000004d}.achievements-btn[data-v-24d51fd6]{background:linear-gradient(180deg,#f59e0b,#d97706);border:2px solid #fcd34d;color:#fff;box-shadow:inset 0 2px #fff3,inset 0 -2px 4px #00000026,0 3px #92400e,0 4px 8px #0000004d}.achievements-btn[data-v-24d51fd6]:hover{background:linear-gradient(180deg,#fbbf24,#f59e0b)}.achievements-btn[data-v-24d51fd6]:active{transform:translateY(2px);box-shadow:inset 0 2px #fff3,inset 0 -2px 4px #00000026,0 1px #92400e,0 2px 4px #0000004d}.badge-count[data-v-24d51fd6]{font-size:.75rem;color:var(--color-text-muted);margin-left:var(--space-xs)}.badge-new[data-v-24d51fd6]{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--gradient-button-red);color:#fff;font-size:.7rem;font-weight:700;border-radius:var(--radius-full);padding:0 6px;animation:pulse-badge-24d51fd6 2s ease-in-out infinite}@keyframes pulse-badge-24d51fd6{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.share-btn[data-v-24d51fd6]{background:linear-gradient(180deg,#6366f1,#4f46e5);border:2px solid #818cf8;color:#fff;box-shadow:inset 0 2px #fff3,inset 0 -2px 4px #00000026,0 3px #3730a3,0 4px 8px #0000004d}.share-btn[data-v-24d51fd6]:hover{background:linear-gradient(180deg,#818cf8,#6366f1)}.share-btn[data-v-24d51fd6]:active{transform:translateY(2px);box-shadow:inset 0 2px #fff3,inset 0 -2px 4px #00000026,0 1px #3730a3,0 2px 4px #0000004d}.share-toast[data-v-24d51fd6]{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0));left:50%;transform:translate(-50%);background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:.9rem;font-weight:600;box-shadow:0 4px 20px #22c55e66;z-index:1000}.toast-enter-active[data-v-24d51fd6],.toast-leave-active[data-v-24d51fd6]{transition:all .3s ease}.toast-enter-from[data-v-24d51fd6],.toast-leave-to[data-v-24d51fd6]{opacity:0;transform:translate(-50%) translateY(20px)}.play-btn-main[data-v-24d51fd6]{display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;padding:var(--space-lg) var(--space-xl);min-height:75px;background:var(--gradient-button-orange);border:3px solid #ffd700;border-radius:var(--radius-lg);color:#fff;font-family:var(--font-display);font-size:1.4rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.6),0 0 10px rgba(0,0,0,.3);cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-bottom:var(--space-2xl);border-bottom:6px solid #b35900;box-shadow:0 6px #8a4500,0 10px 25px #00000080,inset 0 2px #fff6,0 0 20px #ff8c004d;position:relative}.play-btn-main[data-v-24d51fd6]:before{content:"";position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,#ffffff59,#fff0);border-radius:calc(var(--radius-lg) - 3px) calc(var(--radius-lg) - 3px) 0 0;pointer-events:none}.play-btn-main[data-v-24d51fd6]:active:not(:disabled){transform:translateY(5px);border-bottom-width:1px;box-shadow:0 1px #8a4500,0 3px 10px #0006,inset 0 2px #fff6}.play-btn-main[data-v-24d51fd6]:disabled{opacity:.5;cursor:not-allowed}.play-icon-svg[data-v-24d51fd6]{width:28px;height:28px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.player-screen[data-v-24d51fd6]{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl) 0;padding-top:calc(var(--space-xl) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-2xl) + env(safe-area-inset-bottom,0px) + 80px)}.progress-section[data-v-24d51fd6]{margin-bottom:var(--space-2xl)}.progress-bar[data-v-24d51fd6]{height:14px;background:var(--color-bg-primary);border:2px solid var(--color-gold-dark);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-sm);box-shadow:inset 0 2px 4px #0006}.progress-fill[data-v-24d51fd6]{height:100%;background:var(--gradient-gold);border-radius:var(--radius-full);transition:width .3s ease;box-shadow:inset 0 -2px 4px #0003}.progress-text[data-v-24d51fd6]{text-align:center;font-size:.85rem;font-weight:600;color:var(--color-gold);text-shadow:0 1px 2px rgba(0,0,0,.5)}.word-display[data-v-24d51fd6]{flex:1;display:flex;align-items:center;justify-content:center;min-height:200px;margin-bottom:var(--space-xl)}.current-words[data-v-24d51fd6]{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.word-line[data-v-24d51fd6]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(180deg,#1e3a5f,#152847);border:2px solid rgba(255,215,0,.2);border-radius:var(--radius-lg);transition:all .3s ease;box-shadow:inset 0 1px #ffffff1a,0 3px #0000004d}.word-line.active[data-v-24d51fd6]{background:linear-gradient(180deg,#2a4a70,#1e3a5f);border-color:var(--color-gold);transform:scale(1.02);box-shadow:inset 0 1px #ffffff1a,0 3px #0000004d,0 0 20px #ffd70033}.word-line.dimmed[data-v-24d51fd6]{opacity:.4}.word-flag-lg[data-v-24d51fd6]{font-size:2.2rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.word-text-lg[data-v-24d51fd6]{font-size:1.4rem;font-weight:600;color:var(--color-text-primary);word-break:break-word;text-shadow:0 1px 2px rgba(0,0,0,.5)}.player-controls[data-v-24d51fd6]{display:flex;justify-content:center;align-items:center;gap:var(--space-2xl);margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.control-btn[data-v-24d51fd6]{display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);font-size:1.5rem;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;position:relative}.control-btn.secondary[data-v-24d51fd6]{width:70px;height:70px;background:var(--gradient-button-blue);color:#fff;border-bottom:4px solid #153d5e;box-shadow:0 4px #102d47,0 6px 12px #0000004d}.control-btn.primary[data-v-24d51fd6]{width:110px;height:110px;background:var(--gradient-gold-shine);color:#1a1a3e;font-size:2.5rem;border:3px solid var(--color-gold-dark);border-bottom:5px solid #a08000;box-shadow:0 5px #806600,0 8px 16px #0006,0 0 30px #ffd7004d}.control-btn[data-v-24d51fd6]:active{transform:translateY(3px)}.control-btn.secondary[data-v-24d51fd6]:active{border-bottom-width:1px;box-shadow:0 1px #102d47}.control-btn.primary[data-v-24d51fd6]:active{border-bottom-width:2px;box-shadow:0 2px #806600,0 0 15px #ffd70033}.secondary-controls[data-v-24d51fd6]{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.controls-spacer[data-v-24d51fd6]{height:var(--space-md)}.action-btns[data-v-24d51fd6]{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.sec-btn[data-v-24d51fd6]{padding:var(--space-sm) var(--space-md);min-height:var(--touch-target-min);background:var(--gradient-button-blue);border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;border-bottom:3px solid #153d5e;box-shadow:0 3px #102d47;text-shadow:0 1px 2px rgba(0,0,0,.5)}.sec-btn[data-v-24d51fd6]:active{transform:translateY(2px);border-bottom-width:1px;box-shadow:0 1px #102d47}.sec-btn.archive[data-v-24d51fd6]{background:linear-gradient(180deg,#f39c12,#d68910);border-bottom-color:#b7950b;box-shadow:0 3px #9a7d0a}.sec-btn.archive[data-v-24d51fd6]:active{box-shadow:0 1px #9a7d0a}.sec-btn.stop[data-v-24d51fd6]{background:var(--gradient-button-red);border-bottom-color:#922b21;box-shadow:0 3px #7b241c}.sec-btn.stop[data-v-24d51fd6]:active{box-shadow:0 1px #7b241c}.speed-control-player[data-v-24d51fd6]{display:flex;gap:0;background:var(--color-bg-tertiary);padding:3px;border-radius:var(--radius-md);border:2px solid var(--color-gold-dark);box-shadow:inset 0 2px 4px #0000004d}.speed-btn-player[data-v-24d51fd6]{padding:8px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.speed-btn-player.active[data-v-24d51fd6]{background:var(--gradient-button-blue);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 2px #0000004d,inset 0 1px #fff3}.speed-btn-player[data-v-24d51fd6]:not(.active):active{background:#ffffff1a}.picker-overlay[data-v-24d51fd6]{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-end;justify-content:center;background:#000000d9;animation:fadeIn-24d51fd6 .2s ease}@keyframes fadeIn-24d51fd6{0%{opacity:0}to{opacity:1}}.picker-modal[data-v-24d51fd6]{width:100%;max-width:500px;max-height:75vh;background:linear-gradient(180deg,#1e3a5f,#0f1e36);border:3px solid var(--color-gold-dark);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;animation:slideUp-24d51fd6 .3s ease;box-shadow:inset 0 1px #ffffff1a,0 -5px 30px #00000080}@keyframes slideUp-24d51fd6{0%{transform:translateY(100%)}to{transform:translateY(0)}}.picker-header[data-v-24d51fd6]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:2px solid rgba(255,215,0,.3);position:sticky;top:0;background:linear-gradient(180deg,#1e3a5f,#152847);z-index:1}.picker-header h3[data-v-24d51fd6]{font-size:1.2rem;font-weight:700;color:var(--color-gold);text-shadow:0 2px 4px rgba(0,0,0,.5)}.close-btn[data-v-24d51fd6]{width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:var(--gradient-button-red);border:none;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom:3px solid #922b21;box-shadow:0 3px #7b241c;text-shadow:0 1px 2px rgba(0,0,0,.5)}.close-btn[data-v-24d51fd6]:active{transform:translateY(2px);border-bottom-width:1px;box-shadow:0 1px #7b241c}.picker-list[data-v-24d51fd6]{max-height:calc(75vh - 70px);overflow-y:auto;padding:var(--space-sm);-webkit-overflow-scrolling:touch}.picker-item[data-v-24d51fd6]{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);min-height:var(--touch-target-lg);background:#ffffff08;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-primary);font-size:1rem;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;margin-bottom:4px}.picker-item[data-v-24d51fd6]:active:not(:disabled){background:#ffd7001a;transform:scale(.98)}.picker-item.selected[data-v-24d51fd6]{background:linear-gradient(180deg,#ffd70026,#ffd7000d);border:2px solid var(--color-gold-dark)}.picker-item.disabled[data-v-24d51fd6]{opacity:.3;cursor:not-allowed}.picker-flag[data-v-24d51fd6]{font-size:1.8rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.picker-name[data-v-24d51fd6]{flex:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.picker-check[data-v-24d51fd6]{color:var(--color-gold);font-weight:700;font-size:1.2rem;text-shadow:0 0 10px rgba(255,215,0,.5)}.mascot-above-lang[data-v-24d51fd6]{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:flex;justify-content:center;pointer-events:auto;margin-bottom:var(--space-sm)}.level-badge-wrapper[data-v-24d51fd6]{display:block;width:100%;background:none;border:none;padding:0;cursor:pointer;margin-top:var(--space-lg);margin-bottom:var(--space-md);transition:transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.level-badge-wrapper[data-v-24d51fd6]:hover{transform:translateY(-2px)}.level-badge-wrapper[data-v-24d51fd6]:active{transform:scale(.98)}.level-badge-wrapper[data-v-24d51fd6] .level-badge{background:linear-gradient(180deg,#1a4a6e,#0f3555);border:2px solid rgba(255,215,0,.4);border-radius:var(--radius-lg);box-shadow:inset 0 2px #ffffff1a,inset 0 -2px 4px #00000026,0 3px #0006,0 4px 8px #0003}.level-badge-wrapper[data-v-24d51fd6] .level-icon-wrap{background:linear-gradient(180deg,#f59e0b,#d97706);border:2px solid #fcd34d;box-shadow:inset 0 2px #ffffff4d,0 3px #92400e}.level-dialog-overlay[data-v-24d51fd6]{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100000;padding:var(--space-md);animation:fadeIn-24d51fd6 .2s ease}.level-dialog[data-v-24d51fd6]{background:linear-gradient(180deg,#1a3a5c,#0f2a45);border:2px solid var(--color-gold);border-radius:var(--radius-xl);width:100%;max-width:400px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #0009,inset 0 1px #ffffff1a;animation:slideUp-24d51fd6 .3s ease}.level-dialog-header[data-v-24d51fd6]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(255,215,0,.3)}.level-dialog-header h3[data-v-24d51fd6]{font-size:1.2rem;font-weight:700;color:var(--color-gold);text-shadow:0 2px 4px rgba(0,0,0,.5)}.level-dialog-content[data-v-24d51fd6]{padding:var(--space-lg)}.current-level-display[data-v-24d51fd6]{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:linear-gradient(135deg,#ffd70026,#ff98000d);border:2px solid rgba(255,215,0,.4);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.level-circle[data-v-24d51fd6]{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f59e0b,#d97706);border:3px solid #fcd34d;border-radius:var(--radius-full);box-shadow:inset 0 2px #ffffff4d,0 4px #92400e,0 6px 12px #0006;flex-shrink:0}.level-icon-big[data-v-24d51fd6]{font-size:2rem;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.level-number-badge[data-v-24d51fd6]{position:absolute;bottom:-6px;right:-6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-gold);color:#000;font-size:.9rem;font-weight:800;border-radius:var(--radius-full);box-shadow:0 2px 4px #0006;border:2px solid #fff}.level-details[data-v-24d51fd6]{display:flex;flex-direction:column;gap:var(--space-xs)}.level-title[data-v-24d51fd6]{font-size:1.4rem;font-weight:700;color:var(--color-gold);text-shadow:0 2px 4px rgba(0,0,0,.5)}.xp-display[data-v-24d51fd6]{font-size:1rem;font-weight:600;color:var(--color-text-secondary)}.next-level-section[data-v-24d51fd6]{margin-bottom:var(--space-lg);padding:var(--space-md);background:#ffffff0d;border-radius:var(--radius-md)}.progress-info[data-v-24d51fd6]{display:flex;justify-content:space-between;margin-bottom:var(--space-sm)}.progress-label[data-v-24d51fd6]{font-size:.85rem;color:var(--color-text-secondary)}.progress-value[data-v-24d51fd6]{font-size:.85rem;font-weight:600;color:var(--color-gold)}.level-progress-bar-big[data-v-24d51fd6]{height:12px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-md);box-shadow:inset 0 2px 4px #0000004d}.level-progress-fill-big[data-v-24d51fd6]{height:100%;background:linear-gradient(90deg,var(--color-gold-dark),var(--color-gold));border-radius:var(--radius-full);transition:width .5s ease;box-shadow:0 0 8px #ffd70080}.next-level-preview[data-v-24d51fd6]{display:flex;align-items:center;gap:var(--space-sm)}.next-label[data-v-24d51fd6]{font-size:.85rem;color:var(--color-text-muted)}.next-icon[data-v-24d51fd6]{font-size:1.2rem}.next-name[data-v-24d51fd6]{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.max-level-reached[data-v-24d51fd6]{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg,#4caf5033,#388e3c1a);border:2px solid rgba(76,175,80,.4);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.max-icon[data-v-24d51fd6]{font-size:2rem}.max-text[data-v-24d51fd6]{font-size:1.1rem;font-weight:700;color:#4caf50}.earn-xp-section[data-v-24d51fd6]{margin-bottom:var(--space-lg)}.earn-xp-section h4[data-v-24d51fd6]{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-md)}.xp-ways[data-v-24d51fd6]{list-style:none;padding:0;margin:0}.xp-ways li[data-v-24d51fd6]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:.9rem;color:var(--color-text-secondary);border-bottom:1px solid rgba(255,255,255,.05)}.xp-ways li[data-v-24d51fd6]:last-child{border-bottom:none}.xp-icon[data-v-24d51fd6]{font-size:1.1rem;width:28px;text-align:center}.all-levels-section h4[data-v-24d51fd6]{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-md)}.levels-list[data-v-24d51fd6]{display:flex;flex-direction:column;gap:var(--space-xs)}.level-item[data-v-24d51fd6]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ffffff08;border-radius:var(--radius-md);opacity:.5;transition:all .2s ease}.level-item.achieved[data-v-24d51fd6]{opacity:1;background:#ffd7001a}.level-item.current[data-v-24d51fd6]{background:linear-gradient(135deg,#ffd70033,#ff98001a);border:2px solid var(--color-gold);box-shadow:0 0 12px #ffd70033}.level-item-icon[data-v-24d51fd6]{font-size:1.2rem;width:28px;text-align:center}.level-item-number[data-v-24d51fd6]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffd70033;color:var(--color-gold);font-size:.75rem;font-weight:700;border-radius:var(--radius-full)}.level-item.current .level-item-number[data-v-24d51fd6]{background:var(--color-gold);color:#000}.level-item-name[data-v-24d51fd6]{flex:1;font-size:.9rem;color:var(--color-text-primary)}.level-item-xp[data-v-24d51fd6]{font-size:.8rem;color:var(--color-text-muted)}@keyframes slideUp-24d51fd6{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.goal-dialog-overlay[data-v-24d51fd6]{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100000;padding:var(--space-md);animation:fadeIn-24d51fd6 .2s ease}.goal-dialog[data-v-24d51fd6]{background:linear-gradient(180deg,#1a3a5c,#0f2a45);border:2px solid var(--color-gold);border-radius:var(--radius-xl);width:100%;max-width:400px;max-height:85vh;overflow-y:auto;box-shadow:0 8px 32px #0009,inset 0 1px #ffffff1a;animation:slideUp-24d51fd6 .3s ease}.goal-dialog-header[data-v-24d51fd6]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(255,215,0,.3)}.goal-dialog-header h3[data-v-24d51fd6]{font-size:1.2rem;font-weight:700;color:var(--color-gold);text-shadow:0 2px 4px rgba(0,0,0,.5)}.goal-dialog-content[data-v-24d51fd6]{padding:var(--space-lg)}.goal-current-progress[data-v-24d51fd6]{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg,#ff643226,#ff32000d);border:2px solid rgba(255,100,50,.4);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.goal-big-icon[data-v-24d51fd6]{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.goal-progress-info[data-v-24d51fd6]{display:flex;align-items:baseline;gap:var(--space-xs)}.goal-progress-value[data-v-24d51fd6]{font-size:2rem;font-weight:800;color:var(--color-gold);text-shadow:0 2px 4px rgba(0,0,0,.5)}.goal-progress-unit[data-v-24d51fd6]{font-size:1rem;color:var(--color-text-secondary)}.goal-achieved-badge[data-v-24d51fd6]{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:var(--radius-full);color:#fff;font-weight:600;font-size:.9rem}.week-champion-progress[data-v-24d51fd6]{background:linear-gradient(135deg,#fb923c26,#ea580c0d);border:2px solid rgba(251,146,60,.4)}.week-progress-summary[data-v-24d51fd6]{display:flex;align-items:baseline;gap:var(--space-xs)}.days-achieved[data-v-24d51fd6]{font-size:2.5rem;font-weight:800;color:var(--color-gold);text-shadow:0 2px 4px rgba(0,0,0,.5)}.days-total[data-v-24d51fd6]{font-size:1rem;color:var(--color-text-secondary)}.goal-explanation[data-v-24d51fd6]{margin-bottom:var(--space-lg)}.goal-explanation h4[data-v-24d51fd6]{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-sm)}.goal-explanation p[data-v-24d51fd6]{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-md)}.goal-tips[data-v-24d51fd6]{list-style:none;padding:0;margin:0}.goal-tips li[data-v-24d51fd6]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:.9rem;color:var(--color-text-secondary);border-bottom:1px solid rgba(255,255,255,.05)}.goal-tips li[data-v-24d51fd6]:last-child{border-bottom:none}.tip-icon[data-v-24d51fd6]{font-size:1.1rem;width:28px;text-align:center}.goal-benefits[data-v-24d51fd6]{margin-bottom:var(--space-lg)}.goal-benefits h4[data-v-24d51fd6]{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-md)}.benefits-list[data-v-24d51fd6]{display:flex;flex-direction:column;gap:var(--space-sm)}.benefit-item[data-v-24d51fd6]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ffffff0d;border-radius:var(--radius-md);font-size:.9rem;color:var(--color-text-secondary)}.benefit-icon[data-v-24d51fd6]{font-size:1.2rem}.goal-start-btn[data-v-24d51fd6]{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);background:linear-gradient(180deg,#f59e0b,#d97706);border:2px solid #fcd34d;border-radius:var(--radius-lg);color:#fff;font-family:var(--font-primary);font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:inset 0 2px #fff3,0 3px #92400e,0 4px 8px #0000004d}.goal-start-btn[data-v-24d51fd6]:hover{background:linear-gradient(180deg,#fbbf24,#f59e0b)}.goal-start-btn[data-v-24d51fd6]:active{transform:translateY(2px);box-shadow:inset 0 2px #fff3,0 1px #92400e,0 2px 4px #0000004d}.dialog-overlay[data-v-2bf2647d]{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:#000000e6;animation:fadeIn-2bf2647d .2s ease}@keyframes fadeIn-2bf2647d{0%{opacity:0}to{opacity:1}}.dialog-modal[data-v-2bf2647d]{width:100%;height:100%;max-height:100dvh;background:linear-gradient(180deg,#1e3a5f,#0f1e36);display:flex;flex-direction:column;animation:slideUp-2bf2647d .3s ease;overflow-y:auto;overflow-x:hidden;position:relative;touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@keyframes slideUp-2bf2647d{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dialog-header[data-v-2bf2647d]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0));border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#1e3a5f,#1a3050)}.dialog-header h2[data-v-2bf2647d]{font-size:1.15rem;color:var(--color-gold)}.close-btn[data-v-2bf2647d]{width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;background:var(--gradient-button-red);border:none;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom:3px solid #922b21;box-shadow:0 3px #7b241c}.close-btn[data-v-2bf2647d]:active{transform:translateY(2px);border-bottom-width:1px;box-shadow:0 1px #7b241c}.tabs[data-v-2bf2647d]{display:flex;gap:var(--space-xs);padding:var(--space-md) var(--space-lg);background:#0f1e36fa;flex-shrink:0;position:sticky;top:0;z-index:9;margin-top:0}.tab[data-v-2bf2647d]{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);min-height:var(--touch-target-min);background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:var(--radius-md);color:#fff;font-family:var(--font-primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.tab-icon-svg[data-v-2bf2647d]{width:1.2rem;height:1.2rem;flex-shrink:0}.tab.active[data-v-2bf2647d]{background:linear-gradient(180deg,#2d6aa8,#1e4d7a);border-color:var(--color-gold-dark);color:var(--color-text-primary)}.tab[data-v-2bf2647d]:active{transform:scale(.97)}.dialog-body[data-v-2bf2647d]{padding:var(--space-lg) var(--space-xl);overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.camera-body[data-v-2bf2647d],.gallery-body[data-v-2bf2647d]{display:flex;flex-direction:column;gap:var(--space-md)}.mode-hint[data-v-2bf2647d]{text-align:center;color:var(--color-text-muted);font-size:.85rem;padding:var(--space-sm) var(--space-md);background:#ffd7001a;border-radius:var(--radius-md);border:1px dashed rgba(255,215,0,.3);margin-bottom:var(--space-sm)}.input-group[data-v-2bf2647d]{margin-bottom:var(--space-lg)}.input-label[data-v-2bf2647d]{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);font-size:.9rem;font-weight:500;color:var(--color-text-secondary)}.label-flag[data-v-2bf2647d]{font-size:1.3rem}.language-selector[data-v-2bf2647d]{display:flex;gap:var(--space-md);width:100%;max-width:400px;justify-content:center}.language-radio[data-v-2bf2647d]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-bg-tertiary);border:2px solid rgba(255,215,0,.2);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;flex:1;justify-content:center;-webkit-tap-highlight-color:transparent}.language-radio[data-v-2bf2647d]:hover{border-color:#ffd70066}.language-radio.selected[data-v-2bf2647d]{background:linear-gradient(180deg,#2d6aa8,#1e4d7a);border-color:var(--color-gold);box-shadow:0 0 12px #ffd7004d}.language-radio input[type=radio][data-v-2bf2647d]{position:absolute;opacity:0;width:0;height:0}.radio-flag[data-v-2bf2647d]{font-size:1.5rem}.radio-label[data-v-2bf2647d]{font-size:.9rem;font-weight:500;color:var(--color-text-secondary)}.language-radio.selected .radio-label[data-v-2bf2647d]{color:var(--color-text-primary)}.initial-input-phase[data-v-2bf2647d]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--space-lg)}.initial-label[data-v-2bf2647d]{justify-content:center;flex-wrap:wrap;font-size:1rem}.or-text[data-v-2bf2647d]{color:var(--color-text-muted);font-style:italic;margin:0 var(--space-xs)}.initial-input-wrapper[data-v-2bf2647d]{position:relative;width:100%;max-width:400px}.initial-input[data-v-2bf2647d]{padding-right:56px!important}.input-icon-btn[data-v-2bf2647d]{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-md);font-size:1.2rem;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.input-icon-btn[data-v-2bf2647d]:active{transform:translateY(-50%) scale(.9)}.mic-btn[data-v-2bf2647d]{background:linear-gradient(180deg,#2d3a4a,#1a2535);border:1px solid rgba(255,107,107,.3)}.mic-btn.listening[data-v-2bf2647d]{animation:pulse-mic-2bf2647d 1s ease-in-out infinite}@keyframes pulse-mic-2bf2647d{0%,to{box-shadow:0 0 #e74c3c66}50%{box-shadow:0 0 0 10px #e74c3c00}}.clear-btn[data-v-2bf2647d]{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.clear-btn[data-v-2bf2647d]:hover{color:var(--color-text-primary)}.processing-indicator[data-v-2bf2647d]{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:.9rem}.spinner[data-v-2bf2647d]{width:20px;height:20px;border:2px solid var(--color-gold-dark);border-top-color:var(--color-gold);border-radius:50%;animation:spin-2bf2647d .8s linear infinite}.saving-spinner[data-v-2bf2647d]{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-2bf2647d .8s linear infinite;margin-right:var(--space-xs);vertical-align:middle}@keyframes spin-2bf2647d{to{transform:rotate(360deg)}}.process-btn[data-v-2bf2647d]{min-width:200px}.back-btn[data-v-2bf2647d]{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);background:transparent;border:none;color:var(--color-gold);font-family:var(--font-primary);font-size:.85rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.back-btn[data-v-2bf2647d]:active{opacity:.7}.btn-full[data-v-2bf2647d]{width:100%}.input-wrapper[data-v-2bf2647d]{position:relative;width:100%}.text-input[data-v-2bf2647d]{width:100%;padding:var(--space-md) var(--space-lg);padding-right:56px;min-height:var(--touch-target-lg);background:var(--color-bg-tertiary);border:2px solid rgba(255,215,0,.2);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-primary);font-size:1rem;transition:border-color var(--transition-fast);-webkit-appearance:none}.text-input[data-v-2bf2647d]:focus{outline:none;border-color:var(--color-gold)}.text-input[data-v-2bf2647d]::placeholder{color:var(--color-text-muted)}.action-row[data-v-2bf2647d]{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.action-btn[data-v-2bf2647d]{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);min-height:var(--touch-target-min);background:var(--color-bg-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.action-btn[data-v-2bf2647d]:active:not(:disabled){transform:scale(.95)}.action-btn[data-v-2bf2647d]:disabled{opacity:.4;cursor:not-allowed}.play-btn[data-v-2bf2647d]{background:linear-gradient(135deg,#00c85326,#00e67626);border-color:#00c8534d;color:#00e676}.play-btn.playing[data-v-2bf2647d]{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-bg-primary)}.translate-btn[data-v-2bf2647d]{background:linear-gradient(135deg,#6366f126,#a855f726);border-color:#a855f74d;color:#a855f7}.record-btn.recording[data-v-2bf2647d]{background:#ff6b6b33;border-color:#ff6b6b;color:#ff6b6b;animation:recording-pulse-2bf2647d 1s ease-in-out infinite}@keyframes recording-pulse-2bf2647d{0%,to{box-shadow:0 0 #ff6b6b66}50%{box-shadow:0 0 0 6px #ff6b6b00}}.audio-indicator[data-v-2bf2647d]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:.75rem;color:var(--color-accent-primary);flex-shrink:0}.btn-icon[data-v-2bf2647d]{font-size:.9em;line-height:1}.btn-icon-svg[data-v-2bf2647d]{width:1rem;height:1rem;flex-shrink:0}.mic-icon-svg[data-v-2bf2647d]{width:1.2rem;height:1.2rem}.btn-icon-only[data-v-2bf2647d]{width:44px;min-width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border-radius:var(--radius-md);flex-shrink:0}.btn-danger-icon[data-v-2bf2647d]{background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);color:#ff6b6b}.btn-danger-icon[data-v-2bf2647d]:active{background:#ff6b6b4d}.camera-container[data-v-2bf2647d]{position:relative;aspect-ratio:4/3;background:#000;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.camera-mobile-prompt[data-v-2bf2647d]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.camera-preview[data-v-2bf2647d]{width:100%;height:100%;object-fit:cover}.capture-btn[data-v-2bf2647d]{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);width:70px;height:70px;background:var(--gradient-gold-shine);border:4px solid white;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;-webkit-tap-highlight-color:transparent}.capture-btn[data-v-2bf2647d]:active{transform:translate(-50%) scale(.9)}.capture-icon[data-v-2bf2647d]{font-size:1.8rem}.captured-container[data-v-2bf2647d]{display:flex;flex-direction:column;gap:var(--space-md)}.captured-image[data-v-2bf2647d]{width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius-lg);background:#000}.analyze-prompt[data-v-2bf2647d]{display:flex;gap:var(--space-md)}.analyze-btn[data-v-2bf2647d],.retake-btn[data-v-2bf2647d]{flex:1}.progress-container[data-v-2bf2647d]{padding:var(--space-md)}.progress-bar[data-v-2bf2647d]{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill[data-v-2bf2647d]{height:100%;background:var(--gradient-gold);border-radius:var(--radius-full);transition:width .4s ease-out}.progress-text[data-v-2bf2647d]{text-align:center;color:var(--color-text-muted);font-size:.85rem;margin-top:var(--space-sm)}.adding-progress-wrapper[data-v-2bf2647d]{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%}.adding-progress-container[data-v-2bf2647d]{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.adding-progress-bar[data-v-2bf2647d]{height:32px;background:#0009;border-radius:var(--radius-full);overflow:hidden;border:2px solid rgba(255,215,0,.5);position:relative}.adding-progress-fill[data-v-2bf2647d]{position:absolute;top:0;left:0;height:100%;min-width:0;background:linear-gradient(90deg,#fc0,gold,#fe0);border-radius:var(--radius-full);transition:width .15s ease-out;box-shadow:0 0 20px #ffd700cc,inset 0 3px 6px #fff6}.adding-progress-text[data-v-2bf2647d]{text-align:center;color:var(--color-gold);font-size:.85rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.extracted-list[data-v-2bf2647d]{margin-top:var(--space-md);flex:1;min-height:0;display:flex;flex-direction:column}.extracted-header[data-v-2bf2647d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.extracted-header h3[data-v-2bf2647d]{font-size:.95rem;color:var(--color-gold)}.selected-count[data-v-2bf2647d]{font-size:.8rem;color:var(--color-text-muted)}.pairs-table[data-v-2bf2647d]{flex:1;overflow-y:auto;border:1px solid rgba(255,215,0,.2);border-radius:var(--radius-md)}.pair-row[data-v-2bf2647d]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid rgba(255,255,255,.05);background:#0f355580}.pair-row[data-v-2bf2647d]:last-child{border-bottom:none}.pair-row.unselected[data-v-2bf2647d]{opacity:.4}.select-btn[data-v-2bf2647d]{width:28px;height:28px;background:var(--color-bg-tertiary);border:2px solid var(--color-gold-dark);border-radius:var(--radius-sm);color:var(--color-gold);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pair-words[data-v-2bf2647d]{flex:1;display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;min-width:0;overflow:hidden}.pair-word1[data-v-2bf2647d]{color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pair-separator[data-v-2bf2647d]{color:var(--color-gold);flex-shrink:0}.pair-word2[data-v-2bf2647d]{color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.remove-btn[data-v-2bf2647d]{width:28px;height:28px;background:#ff6b6b33;border:none;border-radius:var(--radius-sm);color:#ff6b6b;font-size:.8rem;cursor:pointer;flex-shrink:0}.remove-btn[data-v-2bf2647d]:active{transform:scale(.9)}.gallery-prompt[data-v-2bf2647d]{flex:1;display:flex;align-items:center;justify-content:center}.gallery-btn[data-v-2bf2647d]{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl);background:var(--color-bg-tertiary);border:2px dashed var(--color-gold-dark);border-radius:var(--radius-xl);color:var(--color-text-secondary);font-family:var(--font-primary);font-size:1rem;cursor:pointer;transition:all .2s ease}.gallery-btn[data-v-2bf2647d]:active{transform:scale(.97);border-color:var(--color-gold)}.gallery-icon[data-v-2bf2647d]{font-size:4rem}.gallery-icon-svg[data-v-2bf2647d]{width:4rem;height:4rem}.error-text[data-v-2bf2647d]{color:#ff6b6b;font-size:.85rem;text-align:center;padding:var(--space-md)}.dialog-footer[data-v-2bf2647d]{display:flex;justify-content:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-top:1px solid rgba(255,255,255,.1);background:#0003;flex-shrink:0}.dialog-footer .btn[data-v-2bf2647d]{min-height:var(--touch-target-lg);font-size:1rem;padding-left:var(--space-xl);padding-right:var(--space-xl)}.dialog-footer .btn-secondary[data-v-2bf2647d]{flex:0 0 auto;padding-left:var(--space-lg);padding-right:var(--space-lg)}.dialog-footer .btn-success[data-v-2bf2647d],.dialog-footer .btn-primary[data-v-2bf2647d]{flex:1;min-width:120px;font-weight:600}.dialog-footer .btn-full[data-v-2bf2647d]{flex:1}.dialog-footer .btn[data-v-2bf2647d]:disabled{opacity:.4;cursor:not-allowed}@media (min-width: 768px){.dialog-overlay[data-v-2bf2647d]{align-items:center}.dialog-modal[data-v-2bf2647d]{width:90%;max-width:550px;height:auto;max-height:85vh;border-radius:var(--radius-xl);border:3px solid var(--color-gold-dark)}.dialog-header[data-v-2bf2647d]{padding-top:var(--space-lg)}}.play-view[data-v-01816960]{opacity:0;transition:opacity .3s ease}.play-view.visible[data-v-01816960]{opacity:1}.player-screen[data-v-01816960]{position:relative;min-height:calc(100vh - 100px);min-height:calc(100dvh - 100px);display:flex;flex-direction:column;padding-top:var(--space-xl)}.container[data-v-01816960]{padding:0 var(--space-lg);max-width:500px;margin:0 auto;width:100%}.progress-section[data-v-01816960]{margin-bottom:var(--space-xl)}.progress-row[data-v-01816960]{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);width:100%}.progress-bar[data-v-01816960]{flex:1;min-width:0;height:36px;background:#ffffff1a;border-radius:var(--radius-sm);overflow:hidden;border:2px solid rgba(255,255,255,.15);position:relative;display:flex;align-items:center;justify-content:center}.btn-start-over[data-v-01816960]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff1a;border:none;border-radius:var(--radius-sm);font-size:1.4rem;font-weight:900;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0;color:#fff}.btn-start-over[data-v-01816960]:active{transform:scale(.9);background:#fff3}.speed-text[data-v-01816960]{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;background:#ffffff1a;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;font-family:var(--font-display);cursor:pointer;user-select:none;transition:all .15s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0;white-space:nowrap;padding:0 var(--space-sm)}.speed-text[data-v-01816960]:hover{background:#ffffff26;transform:scale(1.05)}.speed-text[data-v-01816960]:active{transform:scale(.9);background:#fff3}.progress-fill[data-v-01816960]{position:absolute;top:0;left:0;height:100%;width:calc(var(--progress-width, 0) * 1%);background:linear-gradient(90deg,var(--color-gold-dark),var(--color-gold));border-radius:10px;transition:width .3s ease;max-width:100%}.progress-text[data-v-01816960]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:.875rem;font-weight:600;color:#fff;z-index:2;pointer-events:none;white-space:nowrap}.word-display[data-v-01816960]{flex:1;display:flex;align-items:center;justify-content:center;min-height:250px;margin-bottom:var(--space-xl)}.current-words[data-v-01816960]{display:flex;flex-direction:column;gap:var(--space-xl);width:100%;position:relative}.btn-edit-word[data-v-01816960]{position:absolute;bottom:-20px;right:8px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;background:#ffffff26;border:2px solid rgba(255,255,255,.4);border-radius:50%;color:var(--color-text-primary);font-size:1.2rem;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.btn-edit-word[data-v-01816960]:hover{background:#ffffff40;border-color:#ffffff80}.btn-edit-word[data-v-01816960]:active{transform:scale(.9)}.word-line[data-v-01816960]{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg);background:#ffffff08;border-radius:var(--radius-lg);border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.word-line.active[data-v-01816960]{background:linear-gradient(135deg,#ffd70026,#ffb4001a);border:2px solid var(--color-gold);transform:scale(1.03);box-shadow:0 0 20px #ffd70066,0 0 40px #ffd70033,inset 0 0 20px #ffd7001a;animation:word-glow-01816960 1.5s ease-in-out infinite}.word-line.active[data-v-01816960]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine-01816960 2s ease-in-out infinite}.word-line.active .word-text-lg[data-v-01816960]{color:var(--color-gold);text-shadow:0 0 10px rgba(255,215,0,.5)}@keyframes word-glow-01816960{0%,to{box-shadow:0 0 20px #ffd70066,0 0 40px #ffd70033,inset 0 0 20px #ffd7001a}50%{box-shadow:0 0 30px #ffd70099,0 0 60px #ffd7004d,inset 0 0 30px #ffd70026}}@keyframes shine-01816960{0%{left:-100%}50%,to{left:100%}}.word-line.dimmed[data-v-01816960]{opacity:.4;transform:scale(.98)}.word-line.paused[data-v-01816960]{opacity:.7;border:2px solid rgba(255,255,255,.1)}.word-line.delay-state[data-v-01816960]{opacity:.4;transform:scale(.98)}.btn-icon-svg[data-v-01816960]{width:24px;height:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.btn-icon-svg-lg[data-v-01816960]{width:36px;height:36px}.word-flag-lg[data-v-01816960]{font-size:2rem}.word-text-lg[data-v-01816960]{font-size:1.5rem;font-weight:600;text-align:center;color:#fff}.player-controls[data-v-01816960]{display:flex;justify-content:center;align-items:center;gap:var(--space-2xl);margin-top:var(--space-2xl);margin-bottom:var(--space-xl);position:relative}.prev-btn-wrapper[data-v-01816960]{position:relative;display:flex;align-items:center;justify-content:center}.mascot-below-prev[data-v-01816960]{position:absolute;top:calc(100% + var(--space-2xl) + var(--space-lg));left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;pointer-events:auto;z-index:10}.mascot-below-prev[data-v-01816960] .mascot-container{transform:none;position:relative;pointer-events:auto;z-index:1}.mascot-below-prev[data-v-01816960] .mascot-container .pixel-robot{pointer-events:auto;cursor:pointer}.player-screen[data-v-01816960] .mascot-below-prev .mascot-container.bubble-right{position:relative}.player-screen[data-v-01816960] .mascot-below-prev .mascot-container.bubble-right .speech-bubble{position:absolute;top:-20px;left:calc(100% + 25px);transform:none;margin-left:0;z-index:99999;max-width:none;min-width:240px;pointer-events:auto;right:auto;bottom:auto}.player-screen[data-v-01816960] .mascot-below-prev .mascot-container.bubble-right .bubble-tail{left:-10px;right:auto;top:28px;border-left:none;border-right:10px solid var(--color-accent-primary);border-top:10px solid transparent;border-bottom:10px solid transparent;transform:none}.player-screen[data-v-01816960] .mascot-below-prev .mascot-container.bubble-right .bubble-visible{transform:none}.control-btn[data-v-01816960]{display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);font-size:1.5rem;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;position:relative}.control-btn.secondary[data-v-01816960]{width:70px;height:70px;background:var(--gradient-button-blue);color:#fff;border-bottom:4px solid #153d5e;box-shadow:0 4px #102d47,0 6px 12px #0000004d}.control-btn.primary[data-v-01816960]{width:120px;height:120px;background:var(--gradient-gold-shine);color:#1a1a3e;font-size:2.8rem;border:3px solid var(--color-gold-dark);border-bottom:5px solid #a08000;box-shadow:0 5px #806600,0 8px 16px #0006,0 0 30px #ffd7004d}.control-btn[data-v-01816960]:active{transform:translateY(3px)}.control-btn.secondary[data-v-01816960]:active{border-bottom-width:1px;box-shadow:0 1px #102d47}.control-btn.primary[data-v-01816960]:active{border-bottom-width:2px;box-shadow:0 2px #806600,0 0 15px #ffd70033}.control-btn[data-v-01816960]:disabled{opacity:.4;cursor:not-allowed}.control-btn[data-v-01816960]:disabled:active{transform:none}.secondary-controls[data-v-01816960]{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.controls-spacer[data-v-01816960]{height:var(--space-md)}.action-btns[data-v-01816960]{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.sec-btn[data-v-01816960]{padding:var(--space-sm) var(--space-md);min-height:var(--touch-target-min);background:var(--gradient-button-blue);border:none;border-radius:var(--radius-md);color:#fff;font-family:var(--font-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent;border-bottom:3px solid #153d5e;box-shadow:0 3px #102d47;text-shadow:0 1px 2px rgba(0,0,0,.5)}.sec-btn[data-v-01816960]:active{transform:translateY(2px);border-bottom-width:1px;box-shadow:0 1px #102d47}.sec-btn.archive[data-v-01816960]{background:linear-gradient(180deg,#f39c12,#d68910);border-bottom-color:#b7950b;box-shadow:0 3px #9a7d0a}.sec-btn.archive[data-v-01816960]:active{box-shadow:0 1px #9a7d0a}.sec-btn.stop[data-v-01816960]{background:var(--gradient-button-red);border-bottom-color:#922b21;box-shadow:0 3px #7b241c}.sec-btn.stop[data-v-01816960]:active{box-shadow:0 1px #7b241c}.sec-btn.restart[data-v-01816960]{background:var(--gradient-button-blue)}