:root{--bg:#0a0a0c;--panel-bg:#17171ab3;--border:#ffffff1a;--text:#e1e1e6;--text-dim:#a1a1aa;--accent:#8b5cf6;--accent-glow:#8b5cf64d;--long:#10b981;--long-glow:#10b98133;--short:#ef4444;--short-glow:#ef444433;--flat:#64748b;--glass:blur(12px) saturate(180%);--sans:"Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}body{background-color:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#8b5cf60d 0,#0000 50%),radial-gradient(at 100% 100%,#10b9810d 0,#0000 50%);justify-content:center;align-items:center;min-height:100vh;margin:0;padding:0;display:flex}#root{box-sizing:border-box;width:100%;max-width:1200px;padding:2rem}.glass-card{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass);border:1px solid var(--border);border-radius:24px;padding:2.5rem;box-shadow:0 8px 32px #000c}h1{letter-spacing:-.025em;background:linear-gradient(90deg,#fff,#a1a1aa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.5rem;font-weight:600}.price-ticker{font-family:var(--mono);letter-spacing:-.05em;align-items:baseline;gap:.5rem;margin:1.5rem 0;font-size:4rem;font-weight:700;display:flex}.price-decimal{opacity:.5;font-size:2rem}.badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:9999px;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.badge-long{background:var(--long-glow);color:var(--long);box-shadow:0 0 20px var(--long-glow);border-color:#10b9814d}.badge-short{background:var(--short-glow);color:var(--short);box-shadow:0 0 20px var(--short-glow);border-color:#ef44444d}.badge-flat{color:var(--flat);background:#64748b1a;border-color:#64748b4d}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.metric-item{border:1px solid var(--border);background:#ffffff08;border-radius:16px;padding:1.5rem}.metric-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem}.metric-value{font-size:1.5rem;font-weight:600;font-family:var(--mono)}.metric-value.positive{color:var(--long)}.metric-value.negative{color:var(--short)}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.live-indicator{background:var(--long);width:8px;height:8px;box-shadow:0 0 10px var(--long);border-radius:50%;margin-right:8px;animation:2s infinite pulse;display:inline-block}