:root{color-scheme:light dark;--bg: #0b0c10;--panel: #12141a;--text: #e6edf3;--muted: #9aa5b1;--accent: #3b82f6}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}header{background:var(--panel);padding:12px 16px;border-bottom:1px solid #23262d}.container{max-width:1200px;margin:0 auto;padding:12px 16px}.controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 12px}.quick-range{display:inline-flex;gap:8px}.quick-range-shift{display:inline-flex;gap:6px;margin-left:6px}.quick-range-shift button{width:64px;padding-left:0;padding-right:0;font-size:16px}.controls input,.controls button,.controls select{background:#1a1f29;border:1px solid #2a2f3a;color:var(--text);padding:8px 10px;border-radius:6px}.grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 960px){.grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid #23262d;border-radius:10px;padding:12px 12px 22px}.latest-table{width:100%;border-collapse:collapse;font-size:14px}.latest-table th,.latest-table td{padding:6px 8px;border-bottom:1px solid #23262d;text-align:left}.small{color:var(--muted);font-size:12px}.time-range{margin-left:auto;display:inline-flex;gap:8px}.badge{display:inline-block;padding:2px 6px;background:#1a2332;border:1px solid #243049;border-radius:6px;font-size:12px}@media (max-width: 640px){.quick-range{position:fixed;bottom:50px;left:50%;transform:translate(-50%);z-index:20;background:var(--panel);border:1px solid #23262d;padding:8px;border-radius:12px;box-shadow:0 8px 24px #00000059}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}