:root{
  --bg:#0b0f19; --panel:#121826; --text:#e5e7eb; --muted:#9aa4b2; --accent:#3b82f6; --pos:#16a34a; --neg:#dc2626; --chip:#1f2937; --row:#0f1422;
  --light-bg:#ffffff; --light-panel:#f7f7f8; --light-text:#111827; --light-muted:#6b7280; --light-row:#ffffff; --light-chip:#e5e7eb;
}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
.tv-light{background:var(--light-bg);color:var(--light-text)}
.tv-header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:var(--panel)}
.tv-light .tv-header{background:var(--light-panel)}
.brand{font-weight:700}
.switch{position:relative;display:inline-block;width:46px;height:24px;margin-right:8px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#444;transition:.2s;border-radius:24px}
.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:white;transition:.2s;border-radius:50%}
input:checked + .slider{background:#bbb}
input:checked + .slider:before{transform:translateX(22px)}

main{max-width:1400px;margin:12px auto;padding:0 12px}
.tv-section{margin:18px 0}
.tv-table{border-radius:10px;overflow:hidden;border:1px solid #1f2937}
.tv-light .tv-table{border-color:#e5e7eb}
.row{display:grid;grid-template-columns:140px 1fr 120px 100px 100px 100px 110px 120px 160px;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #1f2937;background:var(--row)}
.row.header{font-size:12px;text-transform:uppercase;letter-spacing:.04em;background:transparent;position:sticky;top:0}
.tv-light .row{background:var(--light-row);border-bottom:1px solid #e5e7eb}
.ticker{font-weight:700}
.score{height:auto;background:transparent;border-radius:0;position:static;font-variant-numeric:tabular-nums;font-weight:600}
.tv-light .score{background:var(--light-chip)}
.score > span{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#94a3b8,#22c55e)}
.badges{display:flex;gap:6px;flex-wrap:wrap}
.badge{font-size:11px;padding:2px 6px;border-radius:999px;background:var(--chip);color:#e5e7eb}
.tv-light .badge{background:var(--light-chip);color:#111827}
.price.pos{color:var(--pos)} .price.neg{color:var(--neg)}
.links a{margin-right:6px;font-size:12px;color:var(--muted);text-decoration:none}
.links a:hover{text-decoration:underline}
.warn{color:#d97706;font-weight:600}
.crypto{font-weight:900}

.score span{display:none!important;width:0!important}
