:root{--bg:#080c16;--panel:#0f1626;--panel2:#121b2e;--line:#202b40;--text:#f1f5f9;--muted:#8b9ab2;--blue:#4f8cff;--green:#19c784;--red:#ea3943;--radius:14px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
.app-top{height:68px;padding:0 max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:rgba(8,12,22,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.tmc-brand{display:flex;align-items:center;gap:10px;font-size:18px;white-space:nowrap}
.tmc-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,#6ba0ff,#2458d6);font-weight:900}
.app-top nav{display:flex;align-items:center;gap:24px;flex:1;overflow:auto;scrollbar-width:none}
.app-top nav a{color:#aab5c7;font-weight:600;white-space:nowrap}
.app-top nav a:hover,.app-top nav a.active{color:#fff}
.connect,.watch-button{border:1px solid #33425e;background:#16223a;color:#dce8ff;border-radius:9px;padding:9px 13px;font-weight:700;white-space:nowrap}
.global-bar{padding:8px max(24px,calc((100vw - 1440px)/2));display:flex;gap:24px;border-bottom:1px solid #172033;color:var(--muted);font-size:12px}
.global-bar b,.global-bar a{color:#87aefa}
.global-bar a{margin-left:auto}
.tmc-page{width:min(1440px,calc(100% - 48px));margin:0 auto;padding:38px 0 72px}
.market-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}
.crumb{font-size:11px;letter-spacing:.14em;color:#7297d7;font-weight:800;text-transform:uppercase}
h1{font-size:34px;line-height:1.15;margin:8px 0 10px;letter-spacing:-.035em}
h2{font-size:20px;margin:0 0 4px}
h3{margin:0}
p{color:var(--muted);line-height:1.55}
.hero-copy{max-width:670px;margin:0;font-size:15px}
.hero-search{display:grid;grid-template-columns:1fr auto;min-width:390px;position:relative}
.hero-search label{grid-column:1/-1;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:7px}
.hero-search input{height:44px;border:1px solid #2a3852;border-right:0;background:#0f1728;color:white;border-radius:10px 0 0 10px;padding:0 14px;outline:none}
.hero-search input:focus{border-color:var(--blue)}
.hero-search button{border:0;background:var(--blue);color:#fff;padding:0 18px;border-radius:0 10px 10px 0;font-weight:700}
.search-hints{position:absolute;top:72px;left:0;right:0;background:#10192a;border:1px solid var(--line);border-radius:10px;z-index:30;box-shadow:0 20px 50px #0009}
.search-hints a,.search-hints>span{display:flex;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--line)}
.search-hints span{color:var(--muted)}
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:18px}
.stats-strip article{padding:18px 20px;border-right:1px solid var(--line)}
.stats-strip article:last-child{border:0}
.stats-strip span,.asset-stats span,.performance-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}
.stats-strip strong{font-size:20px;margin-right:8px}
.stats-strip em{font-style:normal;font-size:12px;color:var(--muted)}
.up{color:var(--green)!important}.down{color:var(--red)!important}
.mover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}
.mover-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:17px}
.mover-head span{color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.mover-head h3{margin:4px 0 12px}
.mover-card ul,.trend-list{list-style:none;margin:0;padding:0}
.mover-card li a{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #192338}
.mover-card small{display:block;color:var(--muted);margin-top:2px}
.coin-logo{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#21304a;color:#dce8ff;font-size:10px;font-weight:800;flex:0 0 auto}
.coin-image{object-fit:cover;background:transparent}
.market-panel,.chart-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border-bottom:1px solid var(--line)}
.panel-head p{margin:2px 0 0;font-size:12px}
.tabs{display:flex;gap:4px}
.tabs button{border:0;background:transparent;color:var(--muted);padding:8px 11px;border-radius:7px;font-weight:700}
.tabs button:hover,.tabs button.active{background:#1b2943;color:#dce8ff}
.table-wrap{overflow:auto}
.market-table{width:100%;border-collapse:collapse;white-space:nowrap}
.market-table th{text-align:right;padding:13px 14px;color:#7f8da5;font-size:11px;border-bottom:1px solid var(--line);font-weight:700}
.market-table th:nth-child(2){text-align:left}
.market-table td{padding:14px;border-bottom:1px solid #172033;text-align:right}
.market-table tbody tr:hover{background:#111c30}
.market-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 20px;color:var(--muted);border-top:1px solid var(--line)}
.market-pagination a{color:#bcd1fa;font-weight:700}.market-pagination a:last-child{text-align:right}
.sponsored-market-strip{display:flex;align-items:center;gap:16px;background:#0d1525;border:1px solid #26344d;border-radius:12px;padding:12px 16px;margin:0 0 18px}
.sponsored-market-strip>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#6f8ab8;border:1px solid #30405d;border-radius:5px;padding:4px 6px}
.sponsored-market-strip div{display:flex;gap:10px;align-items:center;flex:1}.sponsored-market-strip small{color:var(--muted)}
.sponsored-market-strip a{color:#bcd1fa;font-weight:750;white-space:nowrap}
.rank{color:#74839b;width:45px}
.coin{display:flex;align-items:center;gap:10px;text-align:left;min-width:190px}
.coin small{display:block;color:var(--muted);margin-top:2px}
.spark{width:116px;height:42px;overflow:visible}
.spark polyline{fill:none;stroke-width:2}
.spark.positive polyline{stroke:var(--green)}.spark.negative polyline{stroke:var(--red)}
.muted{color:var(--muted)}
.asset-head{display:flex;align-items:center;justify-content:space-between;padding:18px 0 24px}
.asset-title{display:flex;align-items:center;gap:16px}
.asset-title>.coin-logo{width:52px;height:52px;font-size:14px}
.asset-title h1{margin:3px 0 9px}.asset-title h1 span{font-size:16px;color:var(--muted);font-weight:600}
.asset-badges{display:flex;gap:8px;align-items:center}
.badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:7px;background:#172238;color:#aab8ce;font-size:11px;font-weight:700}
.price-box{text-align:right}.price-box span{display:block;color:var(--muted);font-size:12px}.price-box strong{font-size:34px;display:block;margin:4px 0}.price-box em{font-style:normal}
.price-box small{color:var(--muted)}
.asset-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:20px}
.asset-tabs a{padding:12px 0;color:var(--muted);font-weight:700;border-bottom:2px solid transparent}
.asset-tabs a.active,.asset-tabs a:hover{color:#fff;border-color:var(--blue)}
.asset-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,.8fr);gap:18px;margin-bottom:18px}
.chart-card{min-height:520px}
.chart-toolbar{display:flex;align-items:center;gap:12px;padding:12px 20px 0}
.chart-toolbar strong{font-size:18px}.chart-toolbar span{color:var(--muted);font-size:12px}.chart-toolbar [data-chart-change]{color:var(--green)}
.pro-chart{height:420px;width:100%;padding-top:8px}
.asset-stats{display:grid;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:2px 18px}
.asset-stats article{padding:14px 2px;border-bottom:1px solid var(--line)}
.asset-stats article:last-child{border:0}
.asset-stats strong{font-size:14px}
.performance-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);margin:18px 0;overflow:hidden}
.performance-grid article{padding:16px;border-right:1px solid var(--line)}
.performance-grid article:last-child{border:0}
.performance-grid strong,.performance-grid .up,.performance-grid .down{font-size:15px;font-weight:750}
.performance-grid small{display:block;color:var(--muted);margin-top:5px}
.side-card,.profile-card,.featured-strip article,.policy-section-grid article{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.launch-footer{width:min(1440px,calc(100% - 48px));margin:0 auto;border-top:1px solid var(--line);padding:24px 0 38px;display:flex;justify-content:space-between;color:var(--muted)}
.launch-footer span{display:block;margin-top:4px}.launch-footer nav{display:flex;flex-wrap:wrap;gap:16px}
.featured-strip,.asset-info-grid,.policy-section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.terminal-grid{display:grid;grid-template-columns:1fr 300px;gap:18px}
.market-side{display:grid;gap:14px;align-content:start}
.health-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}
.route-list,.flow{color:var(--muted);line-height:1.9}
.mini-cta{display:inline-block;border:1px solid #33425e;background:#17233b;border-radius:8px;padding:8px 11px;color:#d8e6ff;font-weight:700}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid label,.listing-form-panel label{display:grid;gap:7px;color:var(--muted)}input,textarea,select{background:#0a1120;border:1px solid #293751;color:white;border-radius:8px;padding:11px}
.code-sample{background:#080d17;border:1px solid var(--line);border-radius:8px;padding:14px;overflow:auto}
.screener-controls{display:grid;grid-template-columns:1.3fr repeat(5,1fr);gap:12px;padding:16px;margin-bottom:12px}
.screener-controls label,.heatmap-controls label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:700}
.screener-controls input,.screener-controls select,.heatmap-controls select{width:100%;height:42px}
.tool-status{color:var(--muted);font-size:12px;margin:10px 2px}
.heatmap-controls{display:flex;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}
.heatmap-controls label{min-width:160px}
.crypto-heatmap{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:74px;grid-auto-flow:dense;gap:5px;background:#0c1321;border:1px solid var(--line);border-radius:14px;padding:6px;min-height:480px}
.heatmap-tile{grid-column:span var(--tile-weight);grid-row:span var(--tile-weight);border-radius:7px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;overflow:hidden;text-shadow:0 1px 2px #0008;transition:transform .15s,filter .15s}
.heatmap-tile:hover{transform:scale(1.02);filter:brightness(1.16);z-index:2}
.heatmap-tile.ecosystem-tile{outline:2px solid #7da8ff;outline-offset:-2px;box-shadow:inset 0 0 24px #376dd444}
.heatmap-tile strong{font-size:calc(11px + var(--tile-weight) * 2px)}.heatmap-tile span{font-weight:800;margin-top:3px}.heatmap-tile small{opacity:.82;margin-top:3px}
.heatmap-legend{display:flex;justify-content:center;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin-top:12px}.heatmap-legend i{width:90px;height:8px;border-radius:9px;background:linear-gradient(90deg,var(--red),#283348,var(--green))}
.comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.compare-form{display:flex;gap:10px;padding:14px}.compare-form input{flex:1}
.comparison-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:17px}.comparison-card header{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:13px}.comparison-card header span{display:block;color:var(--muted);font-size:12px}.comparison-card dl{margin:0}.comparison-card dl div{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #192338}.comparison-card dt{color:var(--muted)}.comparison-card dd{margin:0;font-weight:700;text-align:right}.comparison-card>a{display:block;color:#a9c4fa;margin-top:14px;font-weight:700}
.alert-form,.portfolio-form{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:12px;padding:16px;margin-bottom:16px}.alert-form label,.portfolio-form label{display:grid;gap:6px;color:var(--muted);font-size:12px}.alert-form button,.portfolio-form button{height:42px}
.portfolio-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--panel);border-radius:14px;margin:15px 0}.portfolio-summary article{padding:17px;border-right:1px solid var(--line)}.portfolio-summary article:last-child{border:0}.portfolio-summary span{display:block;color:var(--muted);font-size:11px;margin-bottom:6px}.portfolio-summary strong{font-size:18px}.portfolio-position small{display:block;margin:7px 0}
@media(max-width:1000px){.app-top nav a:nth-last-child(n+5){display:none}.stats-strip{grid-template-columns:1fr 1fr}.stats-strip article:nth-child(2){border-right:0}.mover-grid{grid-template-columns:1fr}.asset-grid{grid-template-columns:1fr}.performance-grid{grid-template-columns:repeat(3,1fr)}.terminal-grid{grid-template-columns:1fr}.tmc-page{width:min(100% - 28px,1440px)}.screener-controls{grid-template-columns:repeat(3,1fr)}.comparison-grid{grid-template-columns:1fr 1fr}.alert-form,.portfolio-form{grid-template-columns:1fr 1fr}.crypto-heatmap{grid-template-columns:repeat(8,1fr)}}
@media(max-width:680px){.app-top{padding:0 14px;height:60px}.app-top nav{gap:14px}.connect{display:none}.global-bar{padding:7px 14px}.global-bar span:nth-child(2){display:none}.tmc-page{width:calc(100% - 20px);padding-top:24px}.market-hero{display:block}.hero-search{min-width:0;margin-top:20px}.stats-strip{grid-template-columns:1fr 1fr}.stats-strip article{padding:14px}.stats-strip strong{font-size:16px}.panel-head{align-items:flex-start;flex-direction:column}.market-table th,.market-table td{padding:12px 9px}.asset-head{align-items:flex-start;gap:18px}.price-box strong{font-size:24px}.asset-title>.coin-logo{width:40px;height:40px}.asset-title h1{font-size:25px}.asset-tabs{overflow:auto}.performance-grid{grid-template-columns:1fr 1fr}.launch-footer{width:calc(100% - 28px);display:block}.launch-footer nav{margin-top:18px}.featured-strip,.asset-info-grid,.policy-section-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.sponsored-market-strip{align-items:flex-start;flex-wrap:wrap}.sponsored-market-strip div{display:grid;gap:2px;min-width:70%}.market-pagination{grid-template-columns:1fr 1fr}.market-pagination>span:nth-child(2){grid-column:1/-1;grid-row:1;text-align:center;margin-bottom:12px}.screener-controls{grid-template-columns:1fr 1fr}.comparison-grid{grid-template-columns:1fr}.alert-form,.portfolio-form{grid-template-columns:1fr}.portfolio-summary{grid-template-columns:1fr 1fr}.heatmap-controls{overflow:auto}.crypto-heatmap{grid-template-columns:repeat(4,1fr);grid-auto-rows:62px}.heatmap-tile{grid-column:span min(var(--tile-weight),2);grid-row:span min(var(--tile-weight),2)}}