:root{color-scheme:dark;--bg: #0b0d12;--card: #121622;--text: #e8ebf4;--muted: #8b93a7;--accent: #6ee7b7;--up: #34d399;--down: #f87171;--flat: #a5b4fc;--radius: 16px;font-family:SF Pro Text,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 20% -10%,#1f2b4d 0%,transparent 55%),radial-gradient(900px 500px at 100% 20%,#132a2a 0%,transparent 50%),var(--bg);color:var(--text)}#app{width:min(420px,100%)}.card{background:linear-gradient(160deg,#151a28,#0f121c 60%);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:28px 24px 24px;box-shadow:0 24px 80px #00000073,inset 0 1px #ffffff0a}.eyebrow{margin:0 0 6px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.title{margin:0 0 20px;font-size:22px;font-weight:650;letter-spacing:-.02em}.status{margin:0;color:var(--muted);font-size:15px}.status.error{color:var(--down)}.signal{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:18px 16px;border-radius:12px;margin-bottom:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.signal.up{border-color:#34d39959;box-shadow:0 0 0 1px #34d3991f}.signal.down{border-color:#f8717159;box-shadow:0 0 0 1px #f871711f}.signal.flat{border-color:#a5b4fc59}.signal-label{font-size:18px;font-weight:600}.signal.up .signal-label{color:var(--up)}.signal.down .signal-label{color:var(--down)}.signal.flat .signal-label{color:var(--flat)}.signal-pct{font-size:26px;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.signal.up .signal-pct{color:var(--up)}.signal.down .signal-pct{color:var(--down)}.signal.flat .signal-pct{color:var(--flat)}.meta{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--muted)}.meta strong{color:var(--text);font-weight:600}.chart-wrap{margin:0 0 14px;padding:10px 10px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}.chart-title{margin:0 0 8px;font-size:12px;color:var(--muted)}.sparkline{width:100%;height:84px;display:block}.sparkline-text{fill:var(--muted);font-size:12px}.fineprint{margin:0 0 22px;font-size:11px;line-height:1.55;color:#8b93a7e6}.cta{display:block;width:100%;text-align:center;text-decoration:none;font-weight:650;font-size:16px;padding:16px 18px;border-radius:12px;color:#04120c;background:linear-gradient(135deg,var(--accent),#2dd4bf);box-shadow:0 14px 40px #2dd4bf40,inset 0 1px #ffffff59;transition:transform .12s ease,filter .12s ease}.cta:hover{filter:brightness(1.05);transform:translateY(-1px)}.cta:active{transform:translateY(0)}.cta.secondary{margin-top:12px;background:rgba(255,255,255,.08);color:var(--text);box-shadow:none;border:1px solid rgba(255,255,255,.1)}.cta.secondary:hover{filter:brightness(1.08)}