:root{--bg:#0d1117;--fg:#e6edf3;--muted:#9aa4b2;--good:#1f8f4e;--bad:#a83232;--neutral:#4b5563;--tile:#161b22}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--fg)}
.topbar{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #232b35;position:sticky;top:0;background:#0d1117cc;backdrop-filter:blur(4px);z-index:3}
.title{font-size:1.2rem;font-weight:700}.controls{display:flex;align-items:center;gap:10px;font-size:.9rem}.controls input[type=search]{background:#111827;border:1px solid #2c3643;border-radius:8px;color:#dbe5ef;padding:7px 10px;min-width:280px}
.movers{padding:8px 16px;color:#c6d0db;font-size:.9rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;padding:10px}
.tile{background:var(--tile);border:1px solid #28313d;border-radius:10px;padding:10px;display:grid;gap:8px;min-height:190px;transition:.2s transform,.2s filter}.tile:hover{transform:translateY(-1px);filter:brightness(1.03)}
.tile.good{background:linear-gradient(180deg,#123425,#13251f)}.tile.bad{background:linear-gradient(180deg,#3a1616,#261616)}.tile.neutral{background:linear-gradient(180deg,#1e252f,#1a202a)}
.tile-head{display:flex;justify-content:space-between;gap:8px}.label{margin:0;font-size:1rem}.category{font-size:.75rem;color:var(--muted)}
.value-line{display:flex;align-items:baseline;gap:8px}.value{font-size:1.9rem;font-weight:800}.unit{color:var(--muted)}
.changes{display:flex;gap:10px;font-size:.85rem}.up{color:#7fe3a9}.down{color:#ff9b9b}
.spark{width:100%;height:34px}.meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--muted)}.source{color:#8dc4ff;text-decoration:none}
.explain{font-size:.78rem;color:#b8c2ce;line-height:1.25}
.compact .tile{min-height:140px}.compact .spark,.compact .explain{display:none}
@media (max-width:900px){.controls{flex-wrap:wrap}.controls input[type=search]{min-width:180px}}