:root { --bg:#07111f; --panel:#0d1b2c; --line:rgba(192,212,235,.12); --text:#f4f8ff; --muted:#8291a7; --green:#5ee6a8; --red:#ff7890; --accent:#9b8cff; } * { box-sizing:border-box } body { margin:0; background:radial-gradient(circle at 82% 0,#202758 0,transparent 30rem),var(--bg); color:var(--text); font:15px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } button,input,select { font:inherit } button { cursor:pointer } .shell { max-width:1420px; margin:auto; padding:0 34px 44px } .topbar { height:80px; display:flex; align-items:center; border-bottom:1px solid var(--line) }.brand { display:flex; align-items:center; gap:10px; color:#fff; text-decoration:none; font-size:20px; font-weight:800; letter-spacing:-1px }.brand>span:last-child span { color:var(--accent) }.brand-mark { display:grid; width:29px;height:29px;place-items:center; border-radius:9px;background:linear-gradient(135deg,#a38fff,#5a84f6);box-shadow:0 5px 20px #8674e755 }.market-state { margin-left:auto;margin-right:22px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px }.market-state i { width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green) }.refresh { padding:9px 13px; border:1px solid var(--line); border-radius:9px;background:#101f32;color:#dce7f5 }.refresh:hover { border-color:#8479dc }.hero { padding:78px 0 52px; }.eyebrow { margin:0 0 12px; color:var(--accent);font-weight:700;font-size:11px;letter-spacing:1.5px;text-transform:uppercase }.hero h1 { margin:0;font-size:clamp(38px,5vw,68px);line-height:1.04;letter-spacing:-3px }.hero h1 em { font-style:normal;color:var(--green) }.hero-copy { width:min(530px,100%);line-height:1.6;color:var(--muted);margin:19px 0 34px }.stat-grid { display:flex;gap:43px }.stat-grid article { display:grid;gap:6px }.stat-grid span { color:var(--muted);font-size:12px }.stat-grid strong { font-size:19px;letter-spacing:-.5px }.workspace { display:grid;grid-template-columns:245px minmax(0,1fr);gap:48px;align-items:start }.filters { padding:22px 18px;background:rgba(13,27,44,.72);border:1px solid var(--line);border-radius:13px }.filter-heading,.results-top { display:flex;align-items:center;justify-content:space-between }.filter-heading h2,.results-top h2 { font-size:18px;margin:0;letter-spacing:-.5px }.filter-heading button { border:0;background:none;color:var(--accent);font-size:12px }.search { display:flex;gap:8px;align-items:center;margin:20px 0 5px;padding:10px 11px;border:1px solid var(--line);border-radius:8px;color:var(--muted) }.search input { min-width:0;width:100%;background:none;border:0;outline:0;color:var(--text);font-size:13px }.filters fieldset { padding:18px 0;margin:0;border:0;border-bottom:1px solid var(--line) }.filters legend { padding:0 0 12px;font-size:13px;font-weight:650 }.range-labels { display:flex;justify-content:space-between;color:var(--muted);font-size:11px }.range-labels b { color:var(--green) } input[type="range"] { width:100%;accent-color:var(--green);margin:10px 0 0 }.select-label { display:grid;gap:7px;color:var(--muted);font-size:12px }.select-label select { padding:8px;background:#112238;color:var(--text);border:1px solid var(--line);border-radius:7px;outline:0 }.watchlist-button { width:100%;margin-top:18px;padding:10px;border:1px solid #665fa3;border-radius:8px;background:transparent;color:#d5ccff;font-size:13px }.results-top { min-height:68px }.results-top #updatedAt { color:var(--muted);font-size:12px }.quick-filters { display:flex;gap:8px;margin:8px 0 18px }.quick-filters button { padding:7px 12px;border-radius:20px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px }.quick-filters button.active { border-color:transparent;background:#27234c;color:#dcd7ff }.table-wrap { overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:rgba(13,27,44,.52) } table { width:100%;min-width:760px;border-collapse:collapse } th { height:49px;padding:0 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:600;text-align:right;white-space:nowrap } th:nth-child(1),th:nth-child(2) { text-align:left } th button { padding:0;border:0;background:transparent;color:inherit;font-size:inherit;font-weight:inherit } th button span { opacity:.6 } td { height:67px;padding:8px 14px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums } tbody tr:last-child td { border-bottom:0 } tbody tr:hover { background:rgba(155,140,255,.045) }.rank { color:var(--muted);font-size:12px }.asset { display:flex;align-items:center;gap:10px;text-align:left }.asset img { width:29px;height:29px;border-radius:50% }.asset strong { display:block;font-size:13px }.asset small { color:var(--muted);font-size:11px;text-transform:uppercase }.price,.volume,.cap { font-size:13px;white-space:nowrap }.change { font-size:12px;font-weight:700 }.positive { color:var(--green) }.negative { color:var(--red) }.star { border:0;background:none;color:#7e8ca3;font-size:20px }.star.saved { color:#f4c75a }.loading { text-align:center;color:var(--muted) }.disclaimer { margin:16px 0 0;color:#637188;font-size:11px;line-height:1.5 } @media (max-width:800px) { .shell { padding:0 16px 30px }.topbar { height:65px }.market-state { display:none }.refresh { margin-left:auto }.refresh span { display:none }.hero { padding:54px 0 34px }.hero h1 { letter-spacing:-2px }.stat-grid { gap:20px;justify-content:space-between }.stat-grid strong { font-size:15px }.workspace { grid-template-columns:1fr;gap:22px }.filters { display:grid;grid-template-columns:1fr 1fr;gap:0 14px }.filter-heading,.search,.watchlist-button { grid-column:1/-1 }.filters fieldset { padding:13px 0 }.results-top { min-height:auto }.results-top #updatedAt { display:none } }