@import url("https://fonts.googleapis.com/css2?family=Audiowide&family=JetBrains+Mono:wght@300;400;600&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0c0a08;--surface:linear-gradient(145deg,hsla(0,0%,100%,.058),hsla(0,0%,100%,.018));--surface-solid:#141210;--border:hsla(0,0%,100%,.075);--border-strong:hsla(0,0%,100%,.13);--ink:#f0ece8;--ink2:#7a7068;--ink3:#2a2420;--gold:#ffd24a;--gold-dark:#c8920a;--positive:#7dd68a;--negative:#e87070;--cash:#60a5fa;--shares:#4ade80;--crypto:#c084fc;--super:#fb923c;--font-display:"Audiowide",sans-serif;--font-mono:"JetBrains Mono",monospace;--font-serif:"Cormorant Garamond",serif}[data-theme=light]{--bg:#f5f0e8;--surface:linear-gradient(145deg,rgba(26,22,20,.05),rgba(26,22,20,.02));--surface-solid:#ede8df;--border:rgba(26,22,20,.09);--border-strong:rgba(26,22,20,.16);--ink:#1a1614;--ink2:#8a7e74;--ink3:#d8cfc4;--gold:#b87800;--gold-dark:#7a4e00;--positive:#1a7a38;--negative:#c03030;--cash:#1a5a9a;--shares:#1a7a38;--crypto:#6040b0;--super:#b85a00}*,:after,:before{transition:background-color .3s ease,color .3s ease,border-color .25s ease}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--ink);font-family:var(--font-mono);min-height:100vh}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ink3);border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dialTurn{0%{transform:rotate(0deg)}60%{transform:rotate(-105deg)}80%{transform:rotate(-88deg)}to{transform:rotate(-95deg)}}@keyframes revealFromLeft{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);opacity:0}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}}@keyframes xpFill{0%{width:0}to{width:var(--xp-width,78%)}}@keyframes pulseRing{0%{transform:scale(.8);opacity:.8}to{transform:scale(2.2);opacity:0}}@keyframes burst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.fade-up{animation:fadeUp .45s ease both}.fade-up-1{animation-delay:.05s}.fade-up-2{animation-delay:.11s}.fade-up-3{animation-delay:.17s}.fade-up-4{animation-delay:.23s}.fade-up-5{animation-delay:.29s}.lift{transition:transform .18s ease,box-shadow .18s ease!important}.lift:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(0,0,0,.4)!important}.btn-press{transition:transform .1s!important}.btn-press:active{transform:scale(.96)!important}.card{background:var(--surface);border:1px solid var(--border);border-radius:3px 14px 14px 3px;box-shadow:0 8px 28px rgba(0,0,0,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:18px}.card-accent-left{border-left-width:3px}.card-glow{box-shadow:0 0 40px rgba(255,210,80,.06),0 16px 40px rgba(0,0,0,.35)}.label{font-weight:400;letter-spacing:.14em;color:var(--ink2)}.label,.tag{font-family:var(--font-mono);font-size:9px;text-transform:uppercase}.tag{letter-spacing:.1em;padding:2px 8px;border-radius:2px 8px 8px 2px;display:inline-flex;align-items:center}.display{font-family:var(--font-display);letter-spacing:.02em;line-height:1}.page{max-width:480px;margin:0 auto;padding:16px 16px 88px;min-height:100vh}@media (min-width:768px){body{zoom:1.15}.page{max-width:720px;padding:32px 32px 88px}}@media (min-width:1200px){body{zoom:1.3}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--border);justify-content:space-around;padding:10px 0 max(14px,env(safe-area-inset-bottom));z-index:100}.bottom-nav,.top-bar{background:var(--bg);display:flex;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.top-bar{position:-webkit-sticky;position:sticky;top:0;border-bottom:1px solid var(--border);padding:12px 16px;justify-content:space-between;align-items:center;z-index:50}.xp-bar-track{background:var(--ink3);border-radius:3px;height:5px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold-dark),var(--gold));box-shadow:0 0 10px var(--gold);border-radius:3px;animation:xpFill 1.1s cubic-bezier(.16,1,.3,1) .3s both}.pulse-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--positive);animation:pulseRing .6s ease-out both}.confetti-dot{position:absolute;width:6px;height:6px;border-radius:50%;animation:burst .7s ease-out both}