:root{font-family:Tahoma,Arial,sans-serif;color:#e4e9ed;background:#11191f}*{box-sizing:border-box}body{margin:0}main{max-width:980px;margin:auto;padding:22px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{color:#cbd9e1;letter-spacing:3px}h1 small{display:block;font-size:11px;letter-spacing:1px;color:#89a6b8;margin-top:10px}h2{font-size:16px}section,details{background:#1c2932;border:1px solid #354955;border-radius:18px;padding:20px;margin:16px 0}button{border:1px solid #77b8c5;border-radius:12px;background:#263e4a;color:#ddf2f6;padding:13px;cursor:pointer}button.on{background:#166253;box-shadow:0 0 12px #4ad6ae40}p{line-height:1.9;color:#b2c3cc;font-size:13px}.hero{text-align:center}#state{font-size:32px;color:#c4d39a;font-weight:bold}#quote{font-size:23px;font-variant-numeric:tabular-nums;direction:ltr}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid section{margin:0}.metric{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #ffffff12}.buy{color:#68d8ac}.sell{color:#ff9393}pre{direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:380px;overflow:auto}small,footer{color:#87a0ae;font-size:12px}input{padding:12px;background:#111b22;color:white;border:1px solid #536f80;border-radius:10px;max-width:100%}table{width:100%;font-size:13px;text-align:center;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #ffffff16}summary{cursor:pointer}@media(max-width:600px){main{padding:12px}.grid{grid-template-columns:1fr}header{align-items:flex-start}h1{font-size:24px}section{padding:16px}}