@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg: #060d0a;--bg2: #0a1410;--surface: rgba(255, 255, 255, .06);--surface2: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .1);--border2: rgba(255, 255, 255, .14);--text: #f0f4f2;--muted: rgba(255, 255, 255, .35);--muted2: rgba(255, 255, 255, .55);--accent: #a78bfa;--accent-bg: rgba(167, 139, 250, .1);--accent-border: rgba(167, 139, 250, .2);--streak: #f97316;--success: #4ade80;--danger: #f87171}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.glass{background:#ffffff0f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px}.glass-heavy{background:#ffffff17;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.14);border-radius:16px}.btn-primary{background:var(--text);color:var(--bg);border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;letter-spacing:-.01em;transition:opacity .15s,transform .15s;width:100%}.btn-primary:hover{opacity:.92;transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-ghost{background:var(--surface);color:var(--muted2);border:1px solid var(--border);border-radius:10px;padding:9px 18px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:transparent;color:var(--danger);border:1px solid rgba(248,113,113,.2);border-radius:10px;padding:9px 18px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:all .15s}.btn-danger:hover{background:#f8717114}.input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 16px;color:var(--text);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s;width:100%}.input:focus{border-color:#ffffff40}.input::placeholder{color:var(--muted)}.label{font-size:11px;color:var(--muted);letter-spacing:.09em;font-weight:600;margin-bottom:8px;display:block}.divider{height:1px;background:var(--border)}.page-title{font-size:30px;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1.1}.page-sub{font-size:14px;color:var(--muted);margin-top:6px;line-height:1.5}.orb-container{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;animation:orbFloat 14s ease-in-out infinite}.orb:nth-child(2){animation-delay:1.2s}.orb:nth-child(3){animation-delay:2.1s}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes routeIn{0%{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes orbFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-16px,0)}}.fade-up{animation:fadeUp .4s cubic-bezier(.16,1,.3,1) both}.slide-in{animation:slideIn .3s cubic-bezier(.16,1,.3,1) both}.route-transition{animation:routeIn .38s cubic-bezier(.16,1,.3,1) both}.brand-mark{background:linear-gradient(90deg,#f0f4f2,#a78bfa 65%,#4ade80);-webkit-background-clip:text;background-clip:text;color:transparent!important}.nav-liquid{position:absolute;top:4px;height:calc(100% - 8px);border-radius:12px;pointer-events:none;z-index:1;transition:left .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),opacity .2s ease;background:linear-gradient(125deg,#f0f4f233,#a78bfa47,#4ade8038);border:1px solid rgba(240,244,242,.18);box-shadow:0 6px 20px #4ade801f,inset 0 1px 8px #ffffff29;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}.nav-liquid:before,.nav-liquid:after{content:"";position:absolute;top:22%;width:18%;height:56%;border-radius:999px;background:radial-gradient(circle at 30% 30%,#ffffff73,#ffffff0d);opacity:.5}.nav-liquid:before{left:10%}.nav-liquid:after{right:10%}.nav-liquid.is-moving{animation:liquidMorph .5s cubic-bezier(.22,1,.36,1)}@keyframes liquidMorph{0%{transform:scaleX(1) scaleY(1);border-radius:12px}38%{transform:scaleX(1.14) scaleY(.86);border-radius:16px}68%{transform:scaleX(.94) scaleY(1.08);border-radius:14px}to{transform:scaleX(1) scaleY(1);border-radius:12px}}@media(prefers-reduced-motion:reduce){.route-transition,.orb,.nav-liquid,.fade-up,.slide-in{animation:none!important}}.row{transition:background .12s;cursor:default}.row:hover{background:#ffffff06}.badge{font-size:10px;padding:2px 8px;border-radius:4px;font-weight:600;letter-spacing:.05em}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);animation:pulse 2s infinite;display:inline-block}@media(max-width:640px){.page-title{font-size:24px}.page-sub{font-size:12px!important}.hide-mobile{display:none!important}.glass,.glass-heavy{border-radius:12px}.desktop-table{display:none!important}.mobile-cards{display:block!important}.your-stats{width:100%;justify-content:space-between}.your-stats>div{flex:1;min-width:0}.your-stats .stat-pill{text-align:center}.glass>div{-webkit-overflow-scrolling:touch}main{padding-bottom:120px!important}.mobile-cards>div:last-child{margin-bottom:0}}@media(min-width:641px){.mobile-cards{display:none!important}}@media(max-width:360px){.nav-wordmark{display:none}}
