:root { color-scheme: dark; font-family: Inter, system-ui, sans-serif; background:#10151d; color:#edf2f7; } body { margin:0; } main { max-width:850px; margin:0 auto; padding:42px 20px 80px; } header { margin-bottom:36px; } h1 { font-size:2.3rem; margin:4px 0 10px; } h2 { font-size:1.3rem; margin:0 0 12px; } p { color:#aeb9c8; } .eyebrow { color:#69d2b0; font-weight:700; text-transform:uppercase; font-size:.76rem; letter-spacing:.08em; margin:0; } .nav-link { color:#8ae7c4; font-weight:700; } section { background:#19222e; border:1px solid #2a3645; border-radius:12px; padding:20px; margin:20px 0; } details + details { border-top:1px solid #2a3645; } summary { cursor:pointer; display:grid; grid-template-columns:1fr auto 22px; align-items:center; padding:14px 3px; gap:15px; } summary small { grid-column:1 / -1; color:#8d9bad; } .price { font-weight:750; font-size:1.12rem; } .trend { font-size:1.2rem; font-weight:900; } .trend.up { color:#ff7575; } .trend.down { color:#61d89e; } .history { padding:0 3px 16px; } h3 { font-size:.9rem; color:#aeb9c8; margin:4px 0 8px; } table { border-collapse:collapse; width:100%; } th, td { text-align:left; padding:9px 6px; border-top:1px solid #2a3645; font-size:.9rem; } th { color:#aeb9c8; } .success { color:#61d89e; } .partial { color:#f8ca69; } .failed { color:#ff7575; } .empty { margin:0; } @media (max-width: 480px) { main { padding:28px 14px; } h1 { font-size:1.85rem; } }