: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;overflow-y:auto;overscroll-behavior-x:none;touch-action:pan-y pan-x;-webkit-overflow-scrolling:touch}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;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y pan-x;-webkit-overflow-scrolling:touch;-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);color:#fff}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:calc(env(safe-area-inset-top,0px) + var(--space-md, 1rem))}.page-header.safe-area-top{padding-top:calc(var(--space-md) + env(safe-area-inset-top,0px))}.dict-header.safe-area-top,.settings-header.safe-area-top{padding-top:calc(var(--space-xl) + env(safe-area-inset-top,0px))}.quiz-header.safe-area-top{padding-top:calc(var(--space-md) + env(safe-area-inset-top,0px))}.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;touch-action:pan-y pan-x}.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}}.navbar[data-v-3f986df4]{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-3f986df4]{display:flex;justify-content:stretch;align-items:center;max-width:500px;margin:0 auto;padding:var(--space-sm) 0}.nav-item[data-v-3f986df4]{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-3f986df4]:active{transform:scale(.92)}.nav-item.active[data-v-3f986df4]{color:var(--color-gold);background:#ffd7001a;text-shadow:0 0 10px rgba(255,215,0,.3)}.nav-icon-img[data-v-3f986df4]{width:28px;height:28px;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-3f986df4]{border-radius:4px}.nav-item.active .nav-icon-img[data-v-3f986df4]{transform:scale(1.15);filter:drop-shadow(0 0 6px rgba(255,255,255,.4));opacity:1}.nav-label[data-v-3f986df4]{font-size:.85rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.app[data-v-a850ea0c]{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;touch-action:pan-y pan-x}.main-content[data-v-a850ea0c]{flex:1;padding-bottom:var(--navbar-height);min-height:0;touch-action:pan-y pan-x;-webkit-overflow-scrolling:touch}.main-content[data-v-a850ea0c]>*{min-height:0}.loading-screen[data-v-a850ea0c]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary)}.loading-content[data-v-a850ea0c]{text-align:center}.loading-logo[data-v-a850ea0c]{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.logo-icon-img[data-v-a850ea0c]{width:64px;height:64px;border-radius:var(--radius-md);animation:float-a850ea0c 2s ease-in-out infinite}.logo-text[data-v-a850ea0c]{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-a850ea0c]{margin-right:2px}.loading-bar[data-v-a850ea0c]{width:200px;height:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.loading-progress[data-v-a850ea0c]{height:100%;background:var(--gradient-aurora);animation:loading-a850ea0c .6s ease forwards}@keyframes loading-a850ea0c{0%{width:0}to{width:100%}}@keyframes float-a850ea0c{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.install-prompt[data-v-a850ea0c]{position:fixed;bottom:100px;left:var(--space-lg);right:var(--space-lg);z-index:100}.install-content[data-v-a850ea0c]{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-a850ea0c]{font-size:2rem}.install-text[data-v-a850ea0c]{flex:1}.install-text strong[data-v-a850ea0c]{display:block;font-size:.95rem}.install-text p[data-v-a850ea0c]{font-size:.8rem;margin:0;color:var(--color-text-muted)}.install-actions[data-v-a850ea0c]{display:flex;align-items:center;gap:var(--space-sm)}.btn-sm[data-v-a850ea0c]{padding:var(--space-sm) var(--space-md);font-size:.85rem}.btn-dismiss[data-v-a850ea0c]{padding:var(--space-sm);background:none;border:none;color:var(--color-text-secondary);font-size:.8rem;cursor:pointer}.btn-dismiss[data-v-a850ea0c]:hover{color:var(--color-text-primary)}.page-enter-active[data-v-a850ea0c],.page-leave-active[data-v-a850ea0c]{transition:opacity .2s ease,transform .2s ease}.page-enter-from[data-v-a850ea0c]{opacity:0;transform:translateY(8px)}.page-leave-to[data-v-a850ea0c]{opacity:0;transform:translateY(-8px)}.fade-enter-active[data-v-a850ea0c],.fade-leave-active[data-v-a850ea0c]{transition:opacity .3s ease}.fade-enter-from[data-v-a850ea0c],.fade-leave-to[data-v-a850ea0c]{opacity:0}.slide-up-enter-active[data-v-a850ea0c],.slide-up-leave-active[data-v-a850ea0c]{transition:all .3s ease}.slide-up-enter-from[data-v-a850ea0c],.slide-up-leave-to[data-v-a850ea0c]{opacity:0;transform:translateY(20px)}.menu-overlay[data-v-a850ea0c]{position:fixed;inset:0;background:#000000e6;z-index:999;backdrop-filter:blur(10px)}.slide-menu[data-v-a850ea0c]{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-a850ea0c]{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-a850ea0c]{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-a850ea0c]{font-size:1.5rem;font-weight:700;font-family:var(--font-title);letter-spacing:.5px}.title-bit[data-v-a850ea0c]{color:var(--color-text-primary);margin-right:2px}.title-lingo[data-v-a850ea0c]{color:#f5b800}.menu-list[data-v-a850ea0c]{flex:1;list-style:none;margin:0;padding:var(--space-md);overflow-y:auto}.menu-item[data-v-a850ea0c]{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-a850ea0c]:hover,.menu-item[data-v-a850ea0c]:active{background:#ffd7001a;border-left:3px solid var(--color-gold)}.menu-item-install[data-v-a850ea0c]{background:linear-gradient(180deg,#ffd70026,#ffd7000d);border:1px solid rgba(255,215,0,.3)}.menu-item-install[data-v-a850ea0c]:hover,.menu-item-install[data-v-a850ea0c]:active{background:linear-gradient(180deg,#ffd70040,#ffd7001a)}.menu-icon[data-v-a850ea0c]{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.menu-label[data-v-a850ea0c]{flex:1;font-weight:600}.menu-arrow[data-v-a850ea0c]{color:var(--color-gold);font-weight:700}.menu-footer[data-v-a850ea0c]{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-a850ea0c]{color:var(--color-text-muted);font-size:.85rem;margin:0;font-weight:500}.menu-fade-enter-active[data-v-a850ea0c],.menu-fade-leave-active[data-v-a850ea0c]{transition:opacity .3s ease}.menu-fade-enter-from[data-v-a850ea0c],.menu-fade-leave-to[data-v-a850ea0c]{opacity:0}.menu-slide-enter-active[data-v-a850ea0c],.menu-slide-leave-active[data-v-a850ea0c]{transition:transform .3s ease}.menu-slide-enter-from[data-v-a850ea0c],.menu-slide-leave-to[data-v-a850ea0c]{transform:translate(100%)}.ios-guide-overlay[data-v-a850ea0c]{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-a850ea0c]{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-a850ea0c]{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-a850ea0c]:hover{background:#fff3;color:var(--color-text-primary)}.ios-guide-header[data-v-a850ea0c]{text-align:center;margin-bottom:var(--space-xl)}.ios-guide-icon[data-v-a850ea0c]{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-a850ea0c]{font-size:1.3rem;font-weight:700;color:var(--color-text-primary);margin:0}.ios-guide-steps[data-v-a850ea0c]{display:flex;flex-direction:column;gap:var(--space-lg)}.ios-step[data-v-a850ea0c]{display:flex;align-items:flex-start;gap:var(--space-md)}.step-number[data-v-a850ea0c]{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-a850ea0c]{flex:1}.step-content p[data-v-a850ea0c]{margin:0 0 var(--space-sm) 0;color:var(--color-text-secondary);font-size:.95rem}.step-content strong[data-v-a850ea0c]{color:var(--color-text-primary)}.share-icon[data-v-a850ea0c]{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-a850ea0c]{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-a850ea0c]{opacity:.8}.ios-guide-note[data-v-a850ea0c]{margin-top:var(--space-xl);text-align:center;font-size:.85rem;color:var(--color-text-muted)}.safari-required-content[data-v-a850ea0c]{text-align:center}.safari-required-text[data-v-a850ea0c]{font-size:1rem;color:var(--color-text-secondary);margin-bottom:var(--space-xl);line-height:1.5}.safari-required-text strong[data-v-a850ea0c]{color:var(--color-text-primary)}.safari-steps[data-v-a850ea0c]{display:flex;flex-direction:column;gap:var(--space-lg);text-align:left}.url-box[data-v-a850ea0c]{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-a850ea0c]{flex:1;font-family:monospace;font-size:.9rem;color:var(--color-gold)}.copy-btn[data-v-a850ea0c]{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-a850ea0c]:active{transform:scale(.95)}.safari-note[data-v-a850ea0c]{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}.update-notification[data-v-a850ea0c]{position:fixed;top:0;left:0;right:0;z-index:2001;padding:var(--space-sm);padding-top:max(var(--space-sm),env(safe-area-inset-top))}.update-content[data-v-a850ea0c]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#1e3a5f,#0a1628);border:2px solid var(--color-gold);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0006,0 0 20px #ffd70033;max-width:500px;margin:0 auto}.update-icon[data-v-a850ea0c]{font-size:1.8rem;animation:spin-slow-a850ea0c 3s linear infinite}@keyframes spin-slow-a850ea0c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.update-text[data-v-a850ea0c]{flex:1;min-width:0}.update-text strong[data-v-a850ea0c]{display:block;font-size:.95rem;color:var(--color-gold)}.update-text p[data-v-a850ea0c]{font-size:.8rem;margin:0;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-actions[data-v-a850ea0c]{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.update-btn[data-v-a850ea0c]{background:var(--gradient-gold-shine)!important;color:#1a1a3e!important;font-weight:700!important;border:none!important;white-space:nowrap}.update-btn[data-v-a850ea0c]:hover{transform:scale(1.05)}.slide-down-enter-active[data-v-a850ea0c],.slide-down-leave-active[data-v-a850ea0c]{transition:all .3s ease}.slide-down-enter-from[data-v-a850ea0c],.slide-down-leave-to[data-v-a850ea0c]{opacity:0;transform:translateY(-100%)}