:root{--color-bg-base: #0b0f19;--color-bg-card: rgba(18, 26, 43, .65);--color-bg-card-hover: rgba(26, 37, 61, .85);--color-border: rgba(255, 255, 255, .08);--color-border-glow: rgba(59, 130, 246, .3);--color-text-main: #f1f5f9;--color-text-muted: #94a3b8;--color-text-subtle: #64748b;--color-accent-blue: #38bdf8;--color-accent-orange: #fb923c;--color-accent-amber: #f59e0b;--color-accent-green: #34d399;--color-accent-emerald: #10b981;--color-accent-purple: #c084fc;--color-accent-red: #f87171;--font-family-display: "Outfit", -apple-system, sans-serif;--font-family-body: "Plus Jakarta Sans", -apple-system, sans-serif;--border-radius-xl: 28px;--border-radius-lg: 20px;--border-radius-md: 14px;--glass-blur: blur(16px);--glass-shadow: 0 12px 40px -10px rgba(0, 0, 0, .5), inset 0 1px 0 0 rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--color-bg-base);color:var(--color-text-main);font-family:var(--font-family-body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;position:relative}body:before,body:after{content:"";position:fixed;width:350px;height:350px;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;opacity:.25;animation:floatOrb 18s ease-in-out infinite alternate}body:before{background:radial-gradient(circle,#3b82f6,#8b5cf6);top:-80px;left:-80px}body:after{background:radial-gradient(circle,#f97316,#e11d48);bottom:40px;right:-80px;animation-delay:-9s}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(60px,80px) scale(1.15)}to{transform:translate(-40px,40px) scale(.9)}}#root{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.glass-panel{background:var(--color-bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-border);box-shadow:var(--glass-shadow);border-radius:var(--border-radius-lg);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.glass-panel:active{transform:scale(.985)}h1,h2,h3,h4,.font-display{font-family:var(--font-family-display);letter-spacing:-.03em}.text-gradient{background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-accent{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-orange{background:linear-gradient(135deg,#fb923c,#f43f5e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pulse-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-accent-green);box-shadow:0 0 10px var(--color-accent-green);display:inline-block;animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%{transform:scale(.95);box-shadow:0 0 #34d399b3}70%{transform:scale(1);box-shadow:0 0 0 8px #34d39900}to{transform:scale(.95);box-shadow:0 0 #34d39900}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}.app-container{flex:1;display:flex;flex-direction:column;padding:16px 20px 100px;max-width:520px;margin:0 auto;width:100%}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 4px 24px}.app-title-group{display:flex;flex-direction:column}.app-subtitle{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-subtle);font-weight:600}.app-title{font-size:1.85rem;font-weight:700;line-height:1.1}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--color-accent-green)}.bottom-nav-wrapper{position:fixed;bottom:20px;left:0;right:0;display:flex;justify-content:center;z-index:100;padding:0 20px;pointer-events:none}.bottom-nav{pointer-events:auto;background:#0f172acc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:36px;display:flex;padding:6px;gap:8px;box-shadow:0 20px 50px #0009,inset 0 1px #ffffff26}.nav-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;color:var(--color-text-muted);background:transparent;border:none;font-family:var(--font-family-display);font-size:.9rem;font-weight:600;cursor:pointer;border-radius:28px;transition:all .3s cubic-bezier(.16,1,.3,1)}.nav-item.active{color:#fff;background:linear-gradient(135deg,#3b82f6cc,#2563ebe6);box-shadow:0 4px 20px #2563eb66}.nav-item:active{transform:scale(.95)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}.spinner{width:44px;height:44px;border:3px solid rgba(255,255,255,.08);border-radius:50%;border-top-color:var(--color-accent-blue);border-right-color:var(--color-accent-purple);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}