@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.bottom-nav{z-index:1000;background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding-bottom:var(--safe-area-bottom);-webkit-backdrop-filter:blur(20px);position:fixed;bottom:0;left:0;right:0}.bottom-nav__inner{max-width:var(--content-max-width);height:var(--bottom-nav-height);justify-content:space-around;align-items:flex-end;margin:0 auto;padding:0 4px;display:flex}.bottom-nav__tab{height:100%;color:var(--text-tertiary);transition:color var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:10px 4px 8px;display:flex;position:relative}.bottom-nav__tab--active{color:var(--accent)}.bottom-nav__tab--center{justify-content:flex-start;margin-top:-14px;padding-top:0}.bottom-nav__center-btn{background:var(--accent);width:52px;height:52px;color:var(--text-on-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #00d26a59}.bottom-nav__tab--center.bottom-nav__tab--active .bottom-nav__center-btn{animation:2s ease-in-out infinite profilePulse;box-shadow:0 4px 28px #00d26a80}@keyframes profilePulse{0%,to{box-shadow:0 4px 20px #00d26a59}50%{box-shadow:0 4px 32px #00d26a99}}.bottom-nav__icon-wrap{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.bottom-nav__label{font-size:10px;font-weight:var(--weight-medium);line-height:1}.bottom-nav__label--center{color:var(--accent);font-weight:var(--weight-semibold);margin-top:4px}.bottom-nav__indicator{background:var(--accent);border-radius:0 0 3px 3px;width:36px;height:3px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.toast{top:calc(var(--safe-area-top) + 12px);z-index:10000;background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:12px 20px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast__icon{flex-shrink:0;display:flex}.toast__message{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.splash{z-index:9999;background:#0a0a0f;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.splash--hidden{opacity:0;visibility:hidden;pointer-events:none}.splash__logo-wrap{width:140px;height:140px;animation:2s ease-in-out infinite splashPulse;position:relative}.splash__logo{object-fit:contain;filter:drop-shadow(0 0 24px #00ff8880);width:100%;height:100%}.splash__glitch{opacity:0;background:url(/axiom-logo.png) 50%/contain no-repeat;position:absolute;inset:0}.splash__glitch--r{animation:3s infinite glitchR}.splash__glitch--g{animation:3s infinite glitchG}.splash__title{letter-spacing:6px;text-transform:uppercase;color:#0f8;text-shadow:0 0 20px #0f86;margin-top:28px;font-size:22px;font-weight:700;animation:4s infinite textGlitch}.splash__subtitle{letter-spacing:3px;text-transform:uppercase;color:#ffffff40;margin-top:8px;font-size:11px}.splash__scanlines{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff8804 2px 4px);position:absolute;inset:0}@keyframes splashPulse{0%,to{filter:drop-shadow(0 0 24px #00ff8880);transform:scale(1)}50%{filter:drop-shadow(0 0 36px #00ff88b3);transform:scale(1.04)}}@keyframes glitchR{0%,90%,to{opacity:0;transform:translate(0)}92%{opacity:.7;filter:hue-rotate(90deg);transform:translate(4px,-2px)}94%{opacity:0;transform:translate(-3px,1px)}96%{opacity:.5;filter:hue-rotate(-90deg);transform:translate(2px,3px)}98%{opacity:0;transform:translate(0)}}@keyframes glitchG{0%,88%,to{opacity:0;transform:translate(0)}89%{opacity:.6;filter:hue-rotate(180deg);transform:translate(-4px,2px)}91%{opacity:0;transform:translate(3px,-3px)}93%{opacity:.4;filter:hue-rotate(-180deg);transform:translate(-2px,-1px)}95%{opacity:0;transform:translate(0)}}@keyframes textGlitch{0%,85%,to{text-shadow:0 0 20px #0f86;transform:translate(0)}86%{text-shadow:-3px 0 #ff0040,3px 0 #0f8;transform:translate(2px)}87%{text-shadow:3px 0 #0f8,-3px 0 #ff0040;transform:translate(-2px)}88%{text-shadow:0 0 20px #0f86;transform:translate(0)}93%{text-shadow:-2px 0 #08f,2px 0 #ff0040;transform:translate(-1px,1px)}94%{text-shadow:0 0 20px #0f86;transform:translate(0)}}.btn{border-radius:var(--radius-md);font-weight:var(--weight-semibold);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative}.btn:disabled{opacity:.5;pointer-events:none}.btn--sm{height:36px;font-size:var(--text-sm);border-radius:var(--radius-sm);padding:0 14px}.btn--md{height:48px;font-size:var(--text-base);padding:0 24px}.btn--lg{height:56px;font-size:var(--text-lg);border-radius:var(--radius-lg);padding:0 32px}.btn--full{width:100%}.btn--primary{background:var(--accent);color:var(--text-on-accent);box-shadow:var(--shadow-button)}.btn--primary:hover{background:var(--accent-hover)}.btn--primary:active{background:var(--accent-dim)}.btn--secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary)}.btn--secondary:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn--danger{color:var(--status-error);background:#ff47571f}.btn--danger:hover{background:#ff475733}.btn__icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn__spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.onboarding{z-index:9000;background:var(--color-bg,#0a0a0f);padding:24px;padding-top:env(safe-area-inset-top,24px);padding-bottom:env(safe-area-inset-bottom,24px);flex-direction:column;display:flex;position:fixed;inset:0}.onboarding__skip{color:var(--color-text-tertiary,#ffffff59);cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:8px 12px;font-size:14px;transition:color .2s}.onboarding__skip:hover{color:var(--color-text-secondary,#fff9)}.onboarding__slide{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.onboarding__icon-wrap{border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:16px;display:flex}.onboarding__title{color:var(--color-text,#fff);letter-spacing:-.3px;margin:0;font-size:28px;font-weight:700}.onboarding__subtitle{color:var(--color-text-secondary,#ffffff80);max-width:320px;margin:0;font-size:15px;line-height:1.5}.onboarding__footer{flex-direction:column;gap:20px;padding-top:20px;display:flex}.onboarding__dots{justify-content:center;gap:8px;display:flex}.onboarding__dot{background:#ffffff26;border-radius:50%;width:8px;height:8px;transition:all .3s}.onboarding__dot--active{border-radius:4px;width:24px}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#16161f;--bg-card-hover:#1c1c28;--bg-elevated:#1e1e2a;--bg-input:#1a1a24;--bg-overlay:#0009;--accent:#00d26a;--accent-hover:#00e676;--accent-dim:#00b85c;--accent-bg:#00d26a14;--accent-bg-hover:#00d26a24;--accent-glow:0 0 20px #00d26a40;--accent-glow-strong:0 0 40px #00d26a59;--status-success:#00d26a;--status-warning:#f5a623;--status-error:#ff4757;--status-info:#4a9eff;--status-offline:#6b6b80;--text-primary:#f0f0f5;--text-secondary:#8b8b9e;--text-tertiary:#5a5a6e;--text-accent:#00d26a;--text-on-accent:#000;--border-primary:#ffffff0f;--border-secondary:#ffffff08;--border-accent:#00d26a4d;--shadow-card:0 2px 12px #0000004d;--shadow-elevated:0 8px 32px #0006;--shadow-button:0 4px 16px #00d26a33;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--text-4xl:34px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.4;--line-height-relaxed:1.6;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--bottom-nav-height:72px;--header-height:56px;--content-max-width:480px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:var(--line-height-normal);min-height:100dvh;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:0;height:0}::selection{background:var(--accent-bg);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 12px #00d26a33}50%{box-shadow:0 0 24px #00d26a66}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-slide-up{animation:.4s forwards slideUp}
