@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=DM+Sans:wght@300;400;500&display=swap";.streak-backdrop[data-v-7c50f9a9]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);display:flex;align-items:center;justify-content:center;transition:background .35s,backdrop-filter .35s}.streak-backdrop--in[data-v-7c50f9a9]{background:#000000c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.streak-card[data-v-7c50f9a9]{background:#0d0d1a;border:1px solid rgba(251,191,36,.22);border-radius:28px;padding:36px 24px 28px;text-align:center;max-width:296px;width:88%;transform:scale(.72) translateY(48px);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s;box-shadow:0 0 60px #fbbf2414,0 24px 80px #0009}.streak-card--in[data-v-7c50f9a9]{transform:scale(1) translateY(0);opacity:1}.streak-flame[data-v-7c50f9a9]{font-size:60px;display:block;margin-bottom:14px;animation:flameBounce-7c50f9a9 .65s ease .35s both;filter:drop-shadow(0 0 16px rgba(251,191,36,.6))}@keyframes flameBounce-7c50f9a9{0%{transform:scale(.4) rotate(-12deg);opacity:0}55%{transform:scale(1.25) rotate(6deg);opacity:1}78%{transform:scale(.92) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.streak-title[data-v-7c50f9a9]{font-family:var(--font-display);font-size:1.9rem;font-weight:800;color:var(--gold-400);text-shadow:0 0 32px var(--gold-glow);margin-bottom:6px;letter-spacing:-.02em}.streak-sub[data-v-7c50f9a9]{font-size:13px;color:var(--text-muted);margin-bottom:26px;line-height:1.4}.streak-dots[data-v-7c50f9a9]{display:flex;gap:5px;justify-content:center;margin-bottom:14px}.streak-dot[data-v-7c50f9a9]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;animation:dotPop-7c50f9a9 .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes dotPop-7c50f9a9{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.streak-dot--past[data-v-7c50f9a9]{background:#fbbf2433;border:1px solid rgba(251,191,36,.4)}.streak-dot--current[data-v-7c50f9a9]{background:var(--gold-400);border:2px solid rgba(255,255,255,.5);box-shadow:0 0 18px #fbbf2480,0 0 40px #fbbf2440;animation:dotPop-7c50f9a9 .4s cubic-bezier(.34,1.56,.64,1) both,currentGlow-7c50f9a9 2s ease-in-out infinite;font-size:17px}@keyframes currentGlow-7c50f9a9{0%,to{box-shadow:0 0 18px #fbbf2480,0 0 40px #fbbf2440}50%{box-shadow:0 0 26px #fbbf24b3,0 0 56px #fbbf2459}}.streak-dot--future[data-v-7c50f9a9]{background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.streak-dot-num[data-v-7c50f9a9]{font-size:11px;color:var(--text-muted)}.streak-progress[data-v-7c50f9a9]{display:flex;gap:4px;margin-bottom:24px;padding:0 2px}.streak-seg[data-v-7c50f9a9]{flex:1;height:4px;border-radius:2px;background:#ffffff12;transition:background .4s,box-shadow .4s}.streak-seg--done[data-v-7c50f9a9]{background:var(--gold-500)}.streak-seg--current[data-v-7c50f9a9]{background:var(--gold-400);box-shadow:0 0 8px var(--gold-glow)}.streak-btn[data-v-7c50f9a9]{background:var(--gold-400);color:#000;border:none;border-radius:14px;padding:14px 0;width:100%;font-family:var(--font-display);font-weight:800;font-size:15px;cursor:pointer;letter-spacing:.03em;transition:opacity .15s,transform .15s}.streak-btn[data-v-7c50f9a9]:active{opacity:.82;transform:scale(.97)}:root{--bg: #08080E;--bg-card: rgba(255,255,255,.04);--bg-card-h: rgba(255,255,255,.07);--border: rgba(255,255,255,.07);--border-h: rgba(255,255,255,.14);--text: #F1F5F9;--text-muted: #64748B;--text-dim: #334155;--gold-400: #FBBF24;--gold-500: #F59E0B;--gold-600: #D97706;--gold-glow: rgba(251,191,36,.18);--gold-border: rgba(251,191,36,.28);--cyan-400: #22D3EE;--cyan-500: #06B6D4;--cyan-glow: rgba(34,211,238,.15);--cyan-border: rgba(34,211,238,.25);--green: #34D399;--red: #F87171;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--font-display: "Syne", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-body: "DM Sans", sans-serif;--nav-h: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#app{position:relative;min-height:100vh}.cosmic-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18;animation:drift 18s ease-in-out infinite}.orb--gold{width:420px;height:420px;background:radial-gradient(circle,var(--gold-500),transparent 70%);top:-120px;right:-100px;animation-duration:22s}.orb--cyan{width:360px;height:360px;background:radial-gradient(circle,var(--cyan-400),transparent 70%);bottom:60px;left:-120px;animation-duration:26s;animation-delay:-8s}.orb--mid{width:280px;height:280px;background:radial-gradient(circle,#6366F1,transparent 70%);top:45%;right:20%;opacity:.1;animation-duration:30s;animation-delay:-14s}@keyframes drift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(24px,-32px) scale(1.06)}50%{transform:translate(-16px,20px) scale(.96)}75%{transform:translate(32px,12px) scale(1.04)}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .25s,border-color .25s,transform .2s,box-shadow .25s}.card:hover{background:var(--bg-card-h);border-color:var(--border-h)}.card--gold{border-color:var(--gold-border);box-shadow:0 0 32px var(--gold-glow),inset 0 1px #fbbf241a}.card--gold:hover{box-shadow:0 0 48px var(--gold-glow),inset 0 1px #fbbf2426;transform:translateY(-1px)}.card--cyan{border-color:var(--cyan-border);box-shadow:0 0 32px var(--cyan-glow),inset 0 1px #22d3ee14}.card--cyan:hover{box-shadow:0 0 48px var(--cyan-glow),inset 0 1px #22d3ee1f;transform:translateY(-1px)}.display{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}.mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.balance-number{font-family:var(--font-mono);font-weight:600;font-size:2rem;letter-spacing:-.01em;line-height:1}.balance-number--gold{color:var(--gold-400);text-shadow:0 0 24px var(--gold-glow)}.balance-number--cyan{color:var(--cyan-400);text-shadow:0 0 24px var(--cyan-glow)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.04em;font-family:var(--font-mono)}.badge--gold{background:#fbbf241f;color:var(--gold-400);border:1px solid var(--gold-border)}.badge--cyan{background:#22d3ee1a;color:var(--cyan-400);border:1px solid var(--cyan-border)}.badge--green{background:#34d3991f;color:var(--green);border:1px solid rgba(52,211,153,.25)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius-md);font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.02em;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn--gold{background:linear-gradient(135deg,var(--gold-500),var(--gold-400));color:#0a0600;box-shadow:0 4px 20px #f59e0b59}.btn--gold:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #f59e0b80}.btn--gold:active:not(:disabled){transform:translateY(0)}.btn--cyan{background:linear-gradient(135deg,var(--cyan-500),var(--cyan-400));color:#020b10;box-shadow:0 4px 20px #22d3ee4d}.btn--cyan:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 28px #22d3ee73}.btn--cyan:active:not(:disabled){transform:translateY(0)}.btn--ghost{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn--ghost:hover:not(:disabled){background:var(--bg-card-h);border-color:var(--border-h)}.btn--full{width:100%}.input{width:100%;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;color:var(--text);font-family:var(--font-body);font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}.input:focus{border-color:var(--border-h);box-shadow:0 0 0 3px #ffffff0a}.input--mono{font-family:var(--font-mono);font-size:13px}.input::-webkit-outer-spin-button,.input::-webkit-inner-spin-button{-webkit-appearance:none}.input[type=number]{-moz-appearance:textfield}.input-label{display:block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);display:flex;align-items:center;padding:0 8px 8px;z-index:100}.bottom-nav__inner{width:100%;display:flex;background:#0c0c12d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:6px;gap:2px}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border-radius:var(--radius-lg);text-decoration:none;color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:all .2s;cursor:pointer}.nav-item:hover{color:var(--text);background:#ffffff0a}.nav-item--active{color:var(--text);background:#ffffff14}.nav-item--active.nav-item--gold{color:var(--gold-400);background:var(--gold-glow)}.nav-item--active.nav-item--cyan{color:var(--cyan-400);background:var(--cyan-glow)}.nav-icon{font-size:18px;line-height:1}.divider{height:1px;background:var(--border);margin:0}.page{position:relative;z-index:1;padding:20px 16px calc(var(--nav-h) + 20px);min-height:100vh}.page-header{margin-bottom:24px}.page-title{font-family:var(--font-display);font-weight:800;font-size:1.6rem;letter-spacing:-.02em;color:var(--text)}.page-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px}.alert{padding:12px 16px;border-radius:var(--radius-md);font-size:13px;line-height:1.5}.alert--error{background:#f871711a;border:1px solid rgba(248,113,113,.25);color:#fca5a5}.alert--success{background:#34d3991a;border:1px solid rgba(52,211,153,.25);color:#6ee7b7}.alert--info{background:#fbbf2414;border:1px solid rgba(251,191,36,.18);color:#fcd34d}.stack{display:flex;flex-direction:column}.stack--8{gap:8px}.stack--12{gap:12px}.stack--16{gap:16px}.stack--20{gap:20px}.stack--24{gap:24px}.text-gold{background:linear-gradient(135deg,var(--gold-400),var(--gold-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-cyan{background:linear-gradient(135deg,var(--cyan-400),var(--cyan-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--gold-glow)}50%{box-shadow:0 0 40px var(--gold-glow)}}.anim-fade-up{animation:fade-up .5s ease both}.anim-delay-1{animation-delay:.08s}.anim-delay-2{animation-delay:.16s}.anim-delay-3{animation-delay:.24s}.anim-delay-4{animation-delay:.32s}.anim-delay-5{animation-delay:.4s}@media (prefers-reduced-motion: reduce){.anim-fade-up{animation:none;opacity:1}}.spinner{width:36px;height:36px;border:2px solid var(--border);border-top-color:var(--cyan-400);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle-btn{padding:12px;border-radius:var(--radius-md);border:1px solid var(--border);background:transparent;color:var(--text-muted);font-family:var(--font-display);font-weight:700;font-size:14px;cursor:pointer;transition:all .2s}.toggle-btn--active-gold{background:var(--gold-glow);border-color:var(--gold-border);color:var(--gold-400)}.toggle-btn--active-cyan{background:var(--cyan-glow);border-color:var(--cyan-border);color:var(--cyan-400)}.progress-bar{height:4px;background:var(--border);border-radius:100px;overflow:hidden}.progress-bar__fill{height:100%;border-radius:100px;background:linear-gradient(90deg,var(--cyan-500),var(--cyan-400));transition:width .6s ease}.progress-bar__fill--gold{background:linear-gradient(90deg,var(--gold-500),var(--gold-400))}.row{display:flex;align-items:center}.row--between{justify-content:space-between}.row--center{justify-content:center}.row--gap-8{gap:8px}.row--gap-12{gap:12px}::-webkit-scrollbar{width:0}