:root{font:16px/1.6 system-ui,sans-serif;color:#dce7ee;background:#101922;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:0 auto;padding:40px 24px}header,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:32px;margin:0 0 20px}h2{font-size:20px;margin:8px 0}.eyebrow,.muted,#updated{color:#a5b8c6;font-size:14px}.eyebrow{margin:0;letter-spacing:.04em}.badge{border:1px solid #456577;border-radius:6px;padding:6px 12px}.notice{background:#1c2c36;border-left:3px solid #e1b169;padding:14px 18px}.toolbar{margin:28px 0}select{font:inherit;padding:7px 12px;margin-left:10px;background:#1c2b37;border:1px solid #567080;border-radius:6px}#connection{font-size:14px;color:#a5b8c6}.quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.quote{padding:24px;background:#182631;border:1px solid #2e4657;border-radius:10px}.price{font-size:36px;font-variant-numeric:tabular-nums;margin:12px 0 0;letter-spacing:-1px}.pairs{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid #314755;padding-top:18px}.status{color:#6de2b0;font-size:14px}.stale .price{color:#91a0ab}.foot{margin-top:30px;border-top:1px solid #314755;padding-top:18px;color:#adbdc7}.foot h2{color:#dce7ee}.foot p{max-width:900px}@media(max-width:640px){main{padding:24px 16px}.quotes{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column}h1{font-size:28px}.quote{padding:20px}.price{font-size:32px}}