:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--panel:#11182b;--panel2:#151f36;--border:#ffffff1a;--text:#edf2ff;--muted:#91a0bd;--positive:#39d98a;--negative:#ff6b6b;--accent:#78a6ff;--accent2:#9b87ff}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0%, #78a6ff2e, transparent 32rem), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{width:min(1240px,100% - 32px);margin:0 auto;padding:34px 0 48px}.hero{grid-template-columns:1fr 330px;align-items:stretch;gap:22px;margin-bottom:22px;display:grid}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}h1{letter-spacing:-.06em;margin:10px 0 8px;font-size:clamp(34px,6vw,66px);line-height:.95}p{color:var(--muted);max-width:760px;margin:0;line-height:1.55}.statusPanel,.section,.builder,.loading,.emptyState,footer{border:1px solid var(--border);background:linear-gradient(#ffffff0e,#ffffff06);border-radius:22px;box-shadow:0 24px 70px #0000003d}.statusPanel{flex-direction:column;gap:9px;padding:20px;display:flex}.statusLine{color:var(--accent);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.statusPanel strong{font-size:20px}.statusPanel span{color:var(--muted);font-size:13px;line-height:1.35}.toolbar{grid-template-columns:minmax(220px,1fr) 210px minmax(220px,auto);align-items:flex-start;gap:14px;margin-bottom:18px;display:grid}.searchBox,.selector{border:1px solid var(--border);min-width:0;height:44px;color:var(--muted);background:#ffffff0f;border-radius:14px;align-items:center;gap:10px;padding:0 12px;display:flex}.searchBox input,.builder input,.selector select,.symbolAdd input{color:var(--text);width:100%;font:inherit;background:0 0;border:0;outline:0}.selector select{appearance:none;cursor:pointer}.selector option{color:var(--text);background:#10172a}.primaryButton,.ghostButton{height:44px;color:var(--text);cursor:pointer;white-space:nowrap;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-weight:700;display:inline-flex}.primaryButton{background:linear-gradient(135deg, var(--accent), var(--accent2))}.ghostButton{border:1px solid var(--border);background:#ffffff12}.ghostButton.danger{color:#ffb3b3;height:34px;padding:0 10px}.builder{grid-column:1/-1;grid-template-columns:210px minmax(260px,1fr) auto auto;align-items:start;gap:10px;padding:12px;display:grid}.builder>input{border:1px solid var(--border);background:#00000029;border-radius:12px;height:42px;padding:0 12px}.builderSearch{min-width:0}.hint{color:var(--muted);font-size:12px}.section{margin-top:18px;padding:20px}.sectionHead{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}h2{letter-spacing:-.03em;margin:0 0 4px;font-size:23px}.sectionMeta{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.cardsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.assetCard{border:1px solid var(--border);background:#070c188a;border-radius:18px;min-width:0;padding:15px;overflow:hidden}.assetCard.missing{border-color:#ffc10752}.cardTop{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.symbol{letter-spacing:-.03em;font-size:18px;font-weight:850}.name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:160px;margin-top:3px;font-size:12px;overflow:hidden}.cardActions{align-items:flex-start;gap:8px;display:flex}.priceBlock{text-align:right}.price{font-size:21px;font-weight:850}.asof{color:var(--muted);margin-top:3px;font-size:11px}.iconButton{border:1px solid var(--border);width:28px;height:28px;color:var(--muted);cursor:pointer;background:#ffffff0f;border-radius:999px;place-items:center;display:inline-grid}.iconButton:hover{color:var(--text);background:#ffffff1c}.iconButton.danger:hover{color:#ffb3b3;border-color:#ff6b6b73}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.chartWrap{margin-bottom:10px;position:relative}.miniChart,.emptyChart{background:#ffffff09;border-radius:13px;width:100%;height:92px;display:block}.miniChart.interactive{cursor:crosshair}.emptyChart{color:var(--muted);place-items:center;font-size:12px;display:grid}.chartTooltip{pointer-events:none;border:1px solid var(--border);z-index:2;background:#050913f0;border-radius:10px;min-width:116px;padding:7px 9px;position:absolute;top:8px;transform:translate(-50%);box-shadow:0 12px 26px #00000059}.chartTooltip b{font-size:12px;display:block}.chartTooltip span{color:var(--muted);margin-top:2px;font-size:11px;display:block}.periodSwitch{background:#050913bd;border:1px solid #ffffff14;border-radius:11px;gap:4px;padding:4px;display:flex;position:absolute;bottom:7px;right:7px}.periodSwitch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px 6px;font-size:10px;font-weight:800}.periodSwitch button.active{color:var(--text);background:#78a6ff40}.perfGrid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.perfPill{color:inherit;text-align:center;cursor:pointer;background:#ffffff0b;border:1px solid #0000;border-radius:10px;padding:8px 6px}.perfPill.active{background:#78a6ff21;border-color:#78a6ff8c}.perfPill span{color:var(--muted);margin-bottom:4px;font-size:10px;display:block}.perfPill b{font-size:12px}.positive{color:var(--positive)}.negative{color:var(--negative)}.muted{color:var(--muted)}.symbolAdd{min-width:min(100%,320px);position:relative}.symbolAdd label{border:1px solid var(--border);height:42px;color:var(--muted);background:#00000029;border-radius:12px;align-items:center;gap:8px;padding:0 11px;display:flex}.suggestions{z-index:5;border:1px solid var(--border);background:#0c1325;border-radius:14px;width:min(420px,90vw);max-height:280px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 24px 56px #0000006b}.suggestions button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:92px 1fr;align-items:center;gap:8px;padding:9px;display:grid}.suggestionMeta{color:var(--muted);padding:8px 9px;font-size:12px}.suggestions button:hover{background:#78a6ff21}.suggestions span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.selectedSymbols{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.selectedSymbols button{color:var(--text);cursor:pointer;background:#78a6ff1a;border:1px solid #78a6ff3d;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-weight:800;display:inline-flex}.selectedSymbols span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:11px;font-weight:500;overflow:hidden}.warning{color:#ffd27d;background:#ffc1071a;border-radius:10px;margin-top:10px;padding:9px;font-size:12px;line-height:1.35}.loading,.emptyState{color:var(--muted);align-items:center;gap:9px;padding:18px;display:flex}footer{color:var(--muted);margin-top:22px;padding:16px 18px;font-size:13px}footer b{color:var(--text)}@media (width<=980px){.hero{grid-template-columns:1fr}.cardsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{grid-template-columns:1fr}.searchBox,.selector,.builder{width:100%}.builder{grid-template-columns:1fr}.selectedSymbols{grid-column:auto}}@media (width<=640px){main{width:min(100% - 20px,1240px);padding-top:22px}.cardsGrid{grid-template-columns:1fr}.sectionHead,.cardTop{flex-direction:column}.priceBlock{text-align:left}.perfGrid{grid-template-columns:repeat(5,minmax(54px,1fr));overflow-x:auto}.periodSwitch{width:max-content;margin-top:6px;position:static}}
