:root{--jimr-purple:#2d1b69;--jimr-purple-dark:#210047;--jimr-purple-light:#4a3a8a;--jimr-gold:#f9a900;--jimr-gold-light:#ffb800;--jimr-gold-dark:#d69200;--erock-blue:#010d3f;--erock-yellow:#ffda00;--white:#fff;--black:#000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--success:#10b981;--success-light:#34d399;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--bg-primary:var(--gray-950);--bg-secondary:var(--gray-900);--bg-tertiary:var(--gray-800);--bg-elevated:var(--gray-800);--bg-page:linear-gradient(180deg,var(--gray-900) 0%,var(--gray-950) 100%);--bg-hero:linear-gradient(180deg,var(--jimr-purple) 0%,var(--jimr-purple-dark) 100%);--bg-card:var(--gray-900);--bg-card-hover:var(--gray-800);--bg-input:var(--gray-800);--bg-nav:var(--gray-900);--bg-overlay:rgba(0,0,0,.7);--bg-glass:hsla(0,0%,100%,.05);--bg-glass-hover:hsla(0,0%,100%,.1);--text-primary:var(--white);--text-secondary:var(--gray-300);--text-tertiary:var(--gray-400);--text-muted:var(--gray-500);--text-inverted:var(--gray-900);--text-shadow:0 4px 12px rgba(0,0,0,.3);--border-primary:var(--gray-800);--border-secondary:var(--gray-700);--border-hover:var(--jimr-purple);--border-input:var(--gray-700);--border-input-focus:var(--jimr-purple);--gradient-primary:linear-gradient(135deg,var(--jimr-purple) 0%,var(--jimr-purple-dark) 100%);--gradient-gold:linear-gradient(135deg,var(--jimr-gold) 0%,var(--jimr-gold-light) 100%);--gradient-dark:linear-gradient(180deg,var(--gray-900) 0%,var(--gray-950) 100%);--gradient-page:var(--bg-page);--gradient-hero:var(--bg-hero);--gradient-subtle:linear-gradient(135deg,rgba(45,27,105,.3),rgba(33,0,71,.3));--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow:0 1px 3px 0 rgba(0,0,0,.4),0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.3);--shadow-glow:0 0 20px rgba(249,169,0,.2);--shadow-purple-glow:0 0 30px rgba(45,27,105,.4);--nav-bg:var(--gray-900);--nav-border:var(--gray-800);--nav-text:var(--gray-400);--nav-text-active:var(--jimr-gold);--nav-icon-active:var(--jimr-gold);--nav-active-bg:rgba(249,169,0,.1);--scrollbar-track:var(--gray-800);--scrollbar-thumb:var(--gray-600);--scrollbar-thumb-hover:var(--gray-500);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1)}[data-theme=light]{--bg-primary:#faf8ff;--bg-secondary:#fff;--bg-tertiary:#f5f3fa;--bg-elevated:#fff;--bg-page:linear-gradient(180deg,#faf8ff,#f0ecf9);--bg-hero:linear-gradient(180deg,#f5f3fa,#ebe6f5);--bg-card:#fff;--bg-card-hover:#faf8ff;--bg-input:#fff;--bg-nav:#fff;--bg-overlay:hsla(0,0%,100%,.9);--bg-glass:rgba(45,27,105,.03);--bg-glass-hover:rgba(45,27,105,.06);--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-600);--text-muted:var(--gray-500);--text-inverted:var(--white);--text-shadow:0 2px 8px rgba(45,27,105,.1);--border-primary:var(--gray-200);--border-secondary:var(--gray-300);--border-hover:var(--jimr-purple);--border-input:var(--gray-300);--border-input-focus:var(--jimr-purple);--gradient-page:var(--bg-page);--gradient-hero:var(--bg-hero);--gradient-dark:linear-gradient(180deg,#f5f3fa,#ebe6f5);--gradient-subtle:linear-gradient(135deg,rgba(45,27,105,.08),rgba(249,169,0,.05));--shadow-sm:0 1px 2px 0 rgba(45,27,105,.05);--shadow:0 1px 3px 0 rgba(45,27,105,.08),0 1px 2px 0 rgba(45,27,105,.04);--shadow-md:0 4px 6px -1px rgba(45,27,105,.08),0 2px 4px -1px rgba(45,27,105,.04);--shadow-lg:0 10px 15px -3px rgba(45,27,105,.08),0 4px 6px -2px rgba(45,27,105,.04);--shadow-xl:0 20px 25px -5px rgba(45,27,105,.1),0 10px 10px -5px rgba(45,27,105,.04);--shadow-glow:0 0 20px rgba(249,169,0,.15);--shadow-purple-glow:0 0 30px rgba(45,27,105,.15);--nav-bg:#fff;--nav-border:var(--gray-200);--nav-text:var(--gray-500);--nav-text-active:var(--jimr-purple);--nav-icon-active:var(--jimr-purple);--nav-active-bg:rgba(45,27,105,.1);--scrollbar-track:var(--gray-100);--scrollbar-thumb:var(--gray-300);--scrollbar-thumb-hover:var(--gray-400)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-slow),color var(--transition-slow)}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,select,textarea{font-size:16px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2;margin:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}@media(min-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}}p{color:var(--text-secondary);margin:0 0 var(--spacing-md)}.text-purple{color:var(--jimr-purple)}.text-gold{color:var(--jimr-gold)}.text-white{color:var(--white)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.bg-white{background-color:var(--white)}.bg-purple{background-color:var(--jimr-purple)}.bg-gold{background-color:var(--jimr-gold)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-900{background-color:var(--gray-900)}.bg-gray-950{background-color:var(--gray-950)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-gold{background:var(--gradient-gold)}.bg-gradient-dark{background:var(--gradient-dark)}.container{margin:0 auto;padding:0 var(--spacing-md);width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@supports (padding:env(safe-area-inset-bottom)){.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-top{padding-top:env(safe-area-inset-top)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}a{color:var(--jimr-purple);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--jimr-purple-dark)}a:active{opacity:.8}.btn{align-items:center;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:var(--spacing-sm);justify-content:center;line-height:1.5;padding:var(--spacing-sm) var(--spacing-md);touch-action:manipulation;transition:all var(--transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--gradient-primary);color:var(--white)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-purple-glow);opacity:.9}.btn-gold{background:var(--gradient-gold);color:var(--black)}.btn-gold:hover:not(:disabled){box-shadow:var(--shadow-glow);opacity:.9}.btn-outline{background:transparent;border:2px solid var(--jimr-purple);color:var(--jimr-purple)}.btn-outline:hover:not(:disabled){background:var(--jimr-purple);color:var(--white)}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all var(--transition-base)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media(min-width:768px){.mobile-only{display:none!important}}.desktop-only{display:none!important}@media(min-width:768px){.desktop-only{display:block!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in}.fade-in-up{animation:fadeInUp .4s ease-out}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.splash-screen[data-v-22daf650]{align-items:center;display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:9999}.splash-bg[data-v-22daf650]{animation:gradientShift-22daf650 8s ease infinite;background:linear-gradient(135deg,#1a0a2e,#2d1b69 25%,#3d2580,#2d1b69 75%,#1a0a2e);background-size:400% 400%;inset:0;position:absolute}@keyframes gradientShift-22daf650{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.splash-content[data-v-22daf650]{align-items:center;display:flex;flex-direction:column;gap:48px;position:relative;z-index:2}.logo-wrapper[data-v-22daf650]{animation:logoFloat-22daf650 3s ease-in-out infinite;position:relative}.splash-logo[data-v-22daf650]{animation:logoAppear-22daf650 .8s cubic-bezier(.34,1.56,.64,1) forwards;filter:drop-shadow(0 0 30px rgba(249,169,0,.4));height:180px;opacity:0;transform:scale(.5);width:180px}@media(min-width:768px){.splash-logo[data-v-22daf650]{height:220px;width:220px}}@keyframes logoAppear-22daf650{to{opacity:1;transform:scale(1)}}@keyframes logoFloat-22daf650{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-glow[data-v-22daf650]{animation:glowPulse-22daf650 2s ease-in-out infinite;background:radial-gradient(circle,rgba(249,169,0,.3) 0,rgba(249,169,0,.1) 30%,transparent 60%);height:200%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200%}@keyframes glowPulse-22daf650{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.loading-indicator[data-v-22daf650]{animation:fadeIn-22daf650 .5s ease .5s forwards;opacity:0}@keyframes fadeIn-22daf650{to{opacity:1}}.loading-bar[data-v-22daf650]{background:#fff3;border-radius:3px;height:3px;overflow:hidden;width:120px}.loading-progress[data-v-22daf650]{animation:loadingSlide-22daf650 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f9a900,#ffb800);border-radius:3px;height:100%;width:30%}@keyframes loadingSlide-22daf650{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(400%)}}.splash-particles[data-v-22daf650]{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.particle[data-v-22daf650]{animation:particleFloat-22daf650 4s ease-in-out infinite;background:#f9a90099;border-radius:50%;height:4px;position:absolute;width:4px}.particle[data-v-22daf650]:first-child{animation-delay:0s;animation-duration:5s;left:10%;top:20%}.particle[data-v-22daf650]:nth-child(2){animation-delay:.5s;animation-duration:4s;left:20%;top:60%}.particle[data-v-22daf650]:nth-child(3){animation-delay:1s;animation-duration:6s;right:15%;top:40%}.particle[data-v-22daf650]:nth-child(4){animation-delay:1.5s;animation-duration:4.5s;right:25%;top:80%}.particle[data-v-22daf650]:nth-child(5){animation-delay:2s;animation-duration:5.5s;right:30%;top:15%}.particle[data-v-22daf650]:nth-child(6){animation-delay:.8s;animation-duration:4.2s;left:35%;top:70%}@keyframes particleFloat-22daf650{0%,to{opacity:.6;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}}.splash-enter-active[data-v-22daf650],.splash-leave-active[data-v-22daf650]{transition:opacity .5s ease,transform .5s ease}.splash-enter-from[data-v-22daf650],.splash-leave-to[data-v-22daf650]{opacity:0}.splash-leave-to[data-v-22daf650]{transform:scale(1.1)}.top-bar[data-v-e98dcc19]{align-items:center;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);display:flex;height:56px;justify-content:space-between;left:0;padding:0 var(--spacing-md);position:fixed;right:0;top:0;transition:background var(--transition-slow),border-color var(--transition-slow);z-index:100}@supports (padding-top:env(safe-area-inset-top)){.top-bar[data-v-e98dcc19]{height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}}.brand[data-v-e98dcc19]{align-items:center;display:flex;gap:var(--spacing-sm);text-decoration:none;transition:opacity var(--transition-base)}.brand[data-v-e98dcc19]:hover{opacity:.8}.brand[data-v-e98dcc19]:active{opacity:.7}.brand-logo[data-v-e98dcc19]{border-radius:var(--radius);height:36px;-o-object-fit:cover;object-fit:cover;width:36px}.brand-name[data-v-e98dcc19]{color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:-.02em}@media(max-width:360px){.brand-name[data-v-e98dcc19]{display:none}}.settings-btn[data-v-e98dcc19]{align-items:center;border-radius:var(--radius);color:var(--text-secondary);display:flex;height:40px;justify-content:center;text-decoration:none;transition:all var(--transition-base);width:40px}.settings-btn[data-v-e98dcc19]:hover{background:var(--bg-glass);color:var(--text-primary)}.settings-btn[data-v-e98dcc19]:active{transform:scale(.95)}.settings-btn svg[data-v-e98dcc19]{transition:transform var(--transition-base)}.settings-btn:hover svg[data-v-e98dcc19]{transform:rotate(45deg)}.bottom-nav[data-v-d80d13a1]{align-items:center;background:var(--nav-bg);border-top:1px solid var(--nav-border);bottom:0;box-shadow:var(--shadow-lg);display:flex;height:70px;justify-content:space-around;left:0;padding:0 var(--spacing-sm);position:fixed;right:0;transition:background var(--transition-slow),border-color var(--transition-slow);z-index:100}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-nav[data-v-d80d13a1]{height:calc(70px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}}.nav-item[data-v-d80d13a1]{align-items:center;border-radius:var(--radius);color:var(--nav-text);display:flex;flex:1;flex-direction:column;gap:var(--spacing-xs);justify-content:center;min-width:0;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all var(--transition-base)}.nav-item svg[data-v-d80d13a1]{flex-shrink:0;transition:transform var(--transition-fast),color var(--transition-base)}.nav-item span[data-v-d80d13a1]{font-size:11px;font-weight:500;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color var(--transition-base);white-space:nowrap;width:100%}.nav-item[data-v-d80d13a1]:hover{background:var(--bg-glass);color:var(--nav-text-active)}.nav-item[data-v-d80d13a1]:active{transform:scale(.95)}.nav-item.active[data-v-d80d13a1]{background:var(--nav-active-bg);color:var(--nav-text-active);font-weight:600}.nav-item.active svg[data-v-d80d13a1]{transform:translateY(-2px)}.nav-item.active span[data-v-d80d13a1],.nav-item.active svg[data-v-d80d13a1]{color:var(--nav-icon-active)}@media(min-width:768px){.nav-item span[data-v-d80d13a1]{font-size:12px}}.app-container[data-v-7924f8cd]{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh;transition:background var(--transition-slow)}.main-content[data-v-7924f8cd]{flex:1;overflow-y:auto;padding-bottom:80px;padding-top:56px}@supports (padding-top:env(safe-area-inset-top)){.main-content[data-v-7924f8cd]{padding-top:calc(56px + env(safe-area-inset-top))}}