@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#f1f5f8;--muted:#81909e;--canvas:#0b1016;--panel:#111923;--line:#26323e;--green:#5de3aa;--red:#ff777a;--accent:#85a9ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(800px 460px at 92% -10%,#1b3157 0%,transparent 65%),var(--canvas);color:var(--ink);font:14px Manrope,system-ui,sans-serif}.shell{max-width:1200px;margin:auto;padding:26px 30px 64px}header{height:48px;display:flex;align-items:center;justify-content:space-between}.brand{color:white;text-decoration:none;font-weight:800;letter-spacing:-1px;font-size:20px}.brand span{color:var(--accent);margin-left:4px;font-weight:500;font-size:12px;letter-spacing:2px}.connection{display:flex;gap:8px;align-items:center;color:var(--muted);font:12px 'DM Mono',monospace}.connection i{width:8px;height:8px;border-radius:50%;background:#f2c94c;box-shadow:0 0 12px #f2c94c}.connection.live i{background:var(--green);box-shadow:0 0 12px var(--green)}.hero{padding:64px 0 32px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:1.7px;font:11px 'DM Mono',monospace;margin:0 0 12px}.hero h1,.instrument-title h1{font-size:42px;line-height:1;letter-spacing:-2.2px;margin:0 0 12px}.hero p:not(.eyebrow){color:var(--muted);margin:0}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:12px 0 16px}.search{background:#101720;border:1px solid var(--line);border-radius:8px;padding:0 12px;display:flex;align-items:center;width:300px;color:var(--muted);font-size:20px}.search input{width:100%;padding:12px 8px;border:0;outline:0;background:transparent;color:var(--ink);font:inherit}.muted{color:var(--muted)}.table-card,.panel{border:1px solid var(--line);background:rgba(17,25,35,.82);border-radius:10px;overflow:hidden}.message{padding:52px;text-align:center;color:var(--muted)}table{width:100%;border-collapse:collapse}th{padding:13px 16px;color:#8d9dab;font:11px 'DM Mono',monospace;letter-spacing:.5px;text-align:left;background:#0e151d}td{padding:15px 16px;border-top:1px solid #202b36}tr[data-href]{cursor:pointer}tr[data-href]:hover{background:#17222e}.right{text-align:right}.mono{font-family:'DM Mono',monospace}.symbol{font-weight:700}.sub{font:11px 'DM Mono',monospace;color:var(--muted);margin-top:3px}.positive{color:var(--green)}.negative{color:var(--red)}.arrow{font-size:18px;color:var(--accent)}.back{display:inline-block;color:var(--muted);text-decoration:none;margin:34px 0 30px;font-size:13px}.back:hover{color:white}.instrument-title{display:flex;justify-content:space-between;gap:24px;margin-bottom:30px}.instrument-title h1{font-size:38px;margin-bottom:10px}.price{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.price span,.price small{color:var(--muted);font:12px 'DM Mono',monospace}.price strong{font:700 32px 'DM Mono',monospace;margin:7px 0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.stat{padding:15px;background:#111923;border:1px solid var(--line);border-radius:8px}.stat span{display:block;font:10px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase;margin-bottom:8px}.stat strong{font:14px 'DM Mono',monospace;font-weight:500}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.panel{padding:19px}.panel h2{font-size:14px;margin:0 0 18px}.panel h2 small{color:var(--muted);font:10px 'DM Mono',monospace;font-weight:400;margin-left:7px}.book-head,.book-row,.trade-row{display:grid;grid-template-columns:1fr 1fr;gap:28px;font:12px 'DM Mono',monospace}.book-head{color:var(--muted);margin-bottom:9px}.book-row{padding:7px 0;border-top:1px solid #202b36}.book-side{display:flex;justify-content:space-between;gap:5px}.bid{color:var(--green)}.ask{color:var(--red)}.trade-row{padding:9px 0;border-top:1px solid #202b36;grid-template-columns:1fr 1fr 1fr}.trade-row span:last-child{text-align:right;color:var(--muted)}.specs{margin-top:18px}.specs>div{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.spec{padding:12px;border-top:1px solid #202b36}.spec span{display:block;color:var(--muted);font:10px 'DM Mono',monospace;margin-bottom:5px}.spec strong{font:12px 'DM Mono',monospace;word-break:break-word}@media(max-width:720px){.shell{padding:18px}.hero{padding:44px 0 24px}.hero h1{font-size:34px}.toolbar{align-items:stretch;gap:10px;flex-direction:column}.search{width:100%}table th:nth-child(2),table td:nth-child(2),table th:nth-child(5),table td:nth-child(5),table th:nth-child(6),table td:nth-child(6){display:none}.instrument-title{flex-direction:column}.price{align-items:flex-start;text-align:left}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.specs>div{grid-template-columns:repeat(2,1fr)}}