:root{--bg: #0a0a0c;--card: #111114;--card2: #141418;--border: #24242b;--text: #f3f4f6;--muted: #a1a1aa;--pos: #34d399;--neg: #fb7185;--page-pad: clamp(16px, 2vw, 28px);--container-max: 1600px;--shadow: 0 0 0 1px rgba(255,255,255,.06), 0 18px 70px rgba(0,0,0,.55);--shadow-soft: 0 0 0 1px rgba(255,255,255,.05), 0 10px 36px rgba(0,0,0,.38);--btc: #f7931a;--eth: #8b5cf6;--sol: #22d3ee;--usdc: #3b82f6;--glow-a: rgba(139,92,246,.25);--glow-b: rgba(34,211,238,.2);--glow-c: rgba(247,147,26,.18)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;overflow-x:hidden}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-2;background:radial-gradient(40% 35% at 20% 10%,rgba(139,92,246,.2),transparent 60%),radial-gradient(35% 30% at 82% 18%,rgba(34,211,238,.16),transparent 60%),radial-gradient(45% 40% at 55% 86%,rgba(247,147,26,.12),transparent 60%),radial-gradient(35% 30% at 12% 82%,rgba(52,211,153,.1),transparent 62%);filter:blur(26px);animation:aurora 18s ease-in-out infinite alternate;opacity:.95}@keyframes aurora{0%{transform:translate3d(-2%,-1%,0) scale(1.02)}to{transform:translate3d(2%,1%,0) scale(1.05)}}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;background:#0a0a128c;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--border)}.topbarInner{width:min(var(--container-max),calc(100vw - (var(--page-pad) * 2)));margin:0 auto;padding:14px var(--page-pad);display:flex;align-items:center;justify-content:space-between;gap:12px}.grid{width:min(var(--container-max),calc(100vw - (var(--page-pad) * 2)));margin:0 auto;padding:var(--page-pad);display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:1100px){.grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr)}}.col{min-width:0}.h1,.h2,.walletValue,.statValue{font-variant-numeric:tabular-nums}.h1{font-size:28px;font-weight:700;letter-spacing:-.02em}.h2{font-size:20px;font-weight:700}.muted{color:var(--muted);font-size:12px}.card{position:relative;border:1px solid transparent;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#ffffff12,#ffffff08) padding-box,linear-gradient(90deg,#8b5cf657,#22d3ee38,#f7931a29) border-box;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);box-shadow:var(--shadow);transform:translateZ(0);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.cardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 14px 0}.cardTitle{font-size:13px;color:var(--muted)}.cardBody{padding:14px}.walletGrid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width:700px){.walletGrid{grid-template-columns:1fr 1fr}}@media (min-width:1100px){.walletGrid{grid-template-columns:1fr}}.walletCard{width:100%;text-align:left;background:#ffffff08;border:1px solid var(--border);border-radius:14px;padding:12px;cursor:pointer;transition:transform .08s ease,border-color .08s ease;color:var(--text);position:relative;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%)}.walletCard:hover{transform:translateY(-1px);border-color:#3f3f46}.walletName{font-weight:650;color:var(--text)}.walletValue{font-size:16px;font-weight:750;margin-top:4px;color:var(--text)}.walletValue.pos{color:var(--pos)}.walletValue.neg{color:var(--neg)}.walletHoldings{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pill{display:inline-flex;gap:8px;align-items:center;font-size:12px;padding:4px 8px;border-radius:999px;background:#ffffff08;border:1px solid var(--border)}.pillSymbol{color:var(--text);font-weight:750}.pillNum.pos{color:var(--pos);font-weight:750}.pillNum.neg{color:var(--neg);font-weight:750}.tableWrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0 0}th,td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}th{color:var(--muted);font-weight:650;white-space:nowrap}.right{text-align:right}.rowHover{cursor:pointer}.assetCell{display:flex;align-items:center;gap:8px}.assetSymbol{font-weight:750;letter-spacing:.02em}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:#ffffff05;font-size:12px}.pos{color:var(--pos)}.neg{color:var(--neg)}.statsGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:#ffffff05;border:1px solid var(--border);border-radius:14px;padding:10px}.statLabel{color:var(--muted);font-size:12px}.statValue{font-weight:800;margin-top:4px}.statSub{color:var(--muted);font-size:12px;margin-top:2px}.seg{display:flex;background:#ffffff05;border:1px solid var(--border);border-radius:999px;padding:3px;gap:4px}.segBtn{border:1px solid transparent;background:transparent;color:var(--muted);font-size:12px;padding:6px 10px;border-radius:999px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.segBtn:hover{transform:translateY(-1px)}.segBtn:active{transform:translateY(0) scale(.98)}.segBtn.active{background:#ffffff0f;color:var(--text);box-shadow:0 0 0 1px #ffffff14 inset}.segBtn.segBtnLive.active{background:#34d39929;border-color:#34d3994d;color:var(--pos)}.chartHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}.chartWrap{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:0;background:#ffffff08;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);overflow:hidden}.chartLine{color:#e5e7eb;width:100%}.chartScroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none}.chartTooltip{position:relative;z-index:1000}.axisText{fill:var(--muted);font-size:11px}.chartMeta{display:flex;justify-content:space-between;margin-top:8px}.allocList{display:flex;flex-direction:column;gap:10px}.allocRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.allocLeft{display:flex;flex-direction:column;gap:2px}.allocRight{display:flex;align-items:center;gap:10px;flex:1;justify-content:flex-end}.bar{width:120px;max-width:40vw;height:10px;border-radius:999px;border:1px solid var(--border);background:#ffffff05;overflow:hidden}.barFill{height:100%;background:#ffffff38}.filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.input,.select{background:#ffffff0a;border:1px solid var(--border);border-radius:12px;color:var(--text);padding:8px 10px;font-size:13px;outline:none;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}.input{min-width:190px}.click{cursor:pointer;-webkit-user-select:none;user-select:none}.pager{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:10px}.btn{border:1px solid var(--border);background:#ffffff05;color:var(--text);padding:8px 12px;border-radius:12px;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.liveWrap{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff05}.dot{width:10px;height:10px;border-radius:50%;background:#52525b}.dotLive{background:var(--pos);box-shadow:0 0 0 6px #34d3991f}.dotOffline{background:#ef4444;box-shadow:0 0 0 6px #ef44441f}.dotConnecting{background:#fbbf24;box-shadow:0 0 0 6px #fbbf241f}.liveText{font-size:12px;color:var(--muted)}.list{margin:0;padding-left:18px;color:var(--muted);font-size:13px;display:flex;flex-direction:column;gap:8px}.footer{width:min(var(--container-max),calc(100vw - (var(--page-pad) * 2)));margin:auto auto 0;padding:18px var(--page-pad);position:relative;z-index:2}.footerBar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.footerLeft{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.footerName{font-weight:850;letter-spacing:-.01em}.footerLinks{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footerLink{color:var(--text);text-decoration:none;font-size:13px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);transition:transform .14s ease,border-color .14s ease,background .14s ease}.footerLink:hover{transform:translateY(-1px);border-color:#ffffff2e;background:#ffffff0d}.footerLink:active{transform:translateY(0) scale(.98)}@media (max-width: 520px){.footerBar{flex-direction:column;align-items:flex-start}}@media (min-width: 1700px){:root{--container-max: 1900px}}body[data-theme=classic]{--bg: #0a0a0c;--card: #111114;--card2: #141418;--border: #24242b;--text: #f3f4f6;--muted: #a1a1aa}body[data-theme=neon]{--bg: #070712;--card: #0d0d1a;--card2: #101028;--border: rgba(160,160,255,.18);--text: #eef2ff;--muted: rgba(220,220,255,.68);--glow-a: rgba(99,102,241,.34);--glow-b: rgba(34,211,238,.24);--glow-c: rgba(247,147,26,.18)}.card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:16px;background:radial-gradient(700px circle at var(--mx, 50%) var(--my, 0%),var(--glow-a),transparent 45%),radial-gradient(620px circle at calc(var(--mx, 50%) + 10%) calc(var(--my, 0%) + 10%),var(--glow-b),transparent 50%),radial-gradient(560px circle at calc(var(--mx, 50%) - 12%) calc(var(--my, 0%) + 8%),var(--glow-c),transparent 52%);opacity:0;transition:opacity .22s ease;mix-blend-mode:screen;pointer-events:none}.card:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.btn,.segBtn,.walletCard{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.btn:hover,.segBtn:hover{transform:translateY(-1px)}.btn:active,.segBtn:active{transform:translateY(0) scale(.98)}.segBtn.active{box-shadow:0 0 0 1px #ffffff14 inset}.walletCard.selected{border-color:#ffffff38;background:linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:0 0 0 1px #ffffff14 inset}.walletCard.selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;pointer-events:none;background:linear-gradient(90deg,rgba(139,92,246,.12),transparent 40%,rgba(34,211,238,.1));opacity:.85;-webkit-mask-image:linear-gradient(180deg,transparent 0%,black 22%,black 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,black 22%,black 78%,transparent 100%)}.walletCard{position:relative}.flashPos{animation:flashPos .38s ease}.flashNeg{animation:flashNeg .38s ease}@keyframes flashPos{0%{background:#34d3992e}to{background:transparent}}@keyframes flashNeg{0%{background:#fb71852e}to{background:transparent}}.skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:200% 100%;animation:shimmer 1.1s linear infinite;border-radius:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rowHover:hover{background:#ffffff08;box-shadow:inset 3px 0 #8b5cf659}.chartScroll{cursor:grab;-webkit-user-select:none;user-select:none}.chartScroll:active{cursor:grabbing}.chartCanvas{display:block}.chartTooltip{border-radius:12px}.btn,.segBtn,.walletCard{position:relative;overflow:hidden}.btn:after,.segBtn:after,.walletCard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(240px circle at 50% 50%,rgba(255,255,255,.12),transparent 55%);transform:scale(.95);transition:opacity .22s ease}.btn:active:after,.segBtn:active:after,.walletCard:active:after{opacity:1}.chartTooltip{background:#0c0c129e!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 12px 44px #0000008c!important;-webkit-backdrop-filter:blur(14px) saturate(160%)!important;backdrop-filter:blur(14px) saturate(160%)!important;padding:10px 12px!important}.axisText{fill:#f0f0ff8c;letter-spacing:.01em}.chartCanvas svg{shape-rendering:geometricPrecision}.chartFadeLeft,.chartFadeRight{filter:blur(.2px);opacity:.95}.chartScroll{scroll-behavior:smooth}.chartLine{opacity:.98}@media (prefers-reduced-motion: reduce){.chartScroll{scroll-behavior:auto}}.card{background-size:100% 100%,220% 220%;background-position:0 0,0% 50%}@keyframes borderShift{0%{background-position:0 0,0% 50%}50%{background-position:0 0,100% 50%}to{background-position:0 0,0% 50%}}.card:hover{animation:borderShift 2.8s ease-in-out infinite}@keyframes sheen{0%{transform:translate(-55%) rotate(2deg);opacity:0}20%{opacity:.9}to{transform:translate(55%) rotate(2deg);opacity:0}}.walletCard.selected:before{content:"";position:absolute;top:-60%;right:-80%;bottom:-60%;left:-80%;pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.12) 45%,transparent 60%);transform:translate(-35%) rotate(2deg);opacity:.75;animation:sheen 1.15s ease-out 1}.assetIcon{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;letter-spacing:.04em;color:#ffffffeb;border:1px solid rgba(255,255,255,.14);background:radial-gradient(60% 60% at 30% 30%,rgba(255,255,255,.2),transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--icon, rgba(139,92,246,.9)) 82%,rgba(0,0,0,.25)),#ffffff0f);box-shadow:0 10px 22px #00000059;flex:0 0 auto}
