:root{--base:#0b0e11;--surface:#1b2129;--surface-glass:#1b2129b3;--gold:#c5a029;--gold-glow:#c5a02966;--white:#f0f2f5;--text-muted:#8e9bae;--border:#c5a0291a;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1)}@font-face{font-family:Outfit;src:url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--base);color:var(--white);overscroll-behavior-y:none;font-family:Outfit,sans-serif;overflow-x:hidden}#root:before{content:"";background:radial-gradient(circle, var(--gold-glow) 0%, transparent 60%);filter:blur(100px);z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:-20%;right:-20%}.bottom-nav{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:1000;justify-content:space-around;align-items:center;height:80px;padding:0 1rem 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);flex-direction:column;align-items:center;gap:4px;width:70px;display:flex}.nav-item.active{color:var(--gold)}.nav-item.active .nav-icon{background:#c5a0291a;border-radius:20px}.nav-icon{transition:var(--transition-fast);padding:6px 16px}.nav-label{font-size:.75rem;font-weight:500}.app-view{max-width:500px;min-height:100vh;margin:0 auto;padding:24px 24px 100px}.card{background:var(--surface);border:1px solid var(--border);border-radius:24px;margin-bottom:24px;padding:24px;box-shadow:0 8px 32px #0003}.card-title{background:linear-gradient(135deg, #fff 0%, var(--gold) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:1.25rem;font-weight:700}.input-group{margin-bottom:20px}.input-label{color:var(--text-muted);margin-bottom:8px;margin-left:4px;font-size:.85rem;font-weight:600;display:block}.input-field{color:#fff;width:100%;transition:var(--transition-fast);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;outline:none;padding:16px;font-size:1rem}.input-field:focus{border-color:var(--gold);background:#ffffff14}.btn-primary{background:var(--gold);width:100%;color:var(--base);cursor:pointer;transition:var(--transition-fast);border:none;border-radius:16px;padding:18px;font-size:1rem;font-weight:700}.btn-primary:active{transform:scale(.98)}.stat-bubble{border:1px solid var(--border);text-align:center;background:#c5a0290d;border-radius:16px;flex-direction:column;gap:4px;padding:16px;display:flex}.stat-value{font-size:1.5rem;font-weight:800}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:.7rem}