:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#070b14;color:#e2e8f0}*{box-sizing:border-box}html,body{width:100%;min-height:100%}body{margin:0;min-width:320px;min-height:100dvh;background:radial-gradient(circle at 10% 0%,#12203a 0,transparent 34rem),#070b14}.shell{width:100%;min-height:100dvh;margin:0;padding:clamp(14px,2vw,28px)}header,.section-heading,.exchange-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.header-actions{display:flex;align-items:center;gap:10px}.alert-button{border:1px solid #2563eb;border-radius:999px;padding:8px 13px;color:#dbeafe;background:#172554;font-weight:700;cursor:pointer}.alert-button.enabled{color:#5eead4;background:#0f2f2d;border-color:#185d57}.alert-button:disabled{cursor:not-allowed;opacity:.6}h1,h2,p{margin:0}h1{font-size:clamp(28px,4vw,48px);letter-spacing:-.04em}h2{font-size:16px}.eyebrow{color:#60a5fa;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;margin-bottom:7px}.status,.feed-state{border:1px solid #26334d;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700}.live{color:#5eead4;background:#0f2f2d;border-color:#185d57}.offline{color:#fda4af;background:#35151f;border-color:#652335}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:28px 0 12px}.hero-card,.threshold-card,.chart-card,.exchange-card,.events-card{background:#0d1422eb;border:1px solid #1f2b43;border-radius:16px;box-shadow:0 18px 50px #0000002e}.hero-card{padding:18px;display:grid;gap:7px}.hero-card span,.hero-card small,.section-heading p,dt,.empty{color:#8290a8;font-size:12px}.hero-card strong{font:700 24px ui-monospace,SFMono-Regular,Menlo,monospace}.threshold-card{margin-bottom:12px;padding:12px 18px;display:flex;gap:16px;align-items:center;color:#8290a8;font-size:12px}.threshold-card code{color:#cbd5e1;white-space:normal}.chart-card{padding:18px}.section-heading{margin-bottom:12px}.section-heading p{margin-top:5px}.legend{color:#94a3b8;font-size:12px;white-space:nowrap}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 5px 0 12px}.dot.armed{background:#eab308}.dot.signal{background:#ef4444}.dot.halt{background:#a855f7}.dot.golden{background:#22c55e}.dot.death{background:#f43f5e}#chart{height:clamp(360px,52dvh,720px);min-height:0}.exchange-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.exchange-card,.events-card{padding:18px}dl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 0}dl div{border-top:1px solid #1d2940;padding-top:12px}dd{margin:5px 0 0;font:700 14px ui-monospace,SFMono-Regular,Menlo,monospace}.error{min-height:18px;margin-top:12px;color:#fb7185;font-size:12px}.depth-book{margin-top:16px;border:1px solid #1d2940;border-radius:10px;overflow:hidden;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.depth-head,.depth-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:5px 9px;text-align:right}.depth-head{color:#64748b;background:#0a101c}.depth-row:nth-child(2n){background:#ffffff05}.depth-row.ask strong{color:#fb7185}.depth-row.bid strong{color:#2dd4bf}.depth-mid{display:flex;align-items:center;justify-content:space-between;padding:8px 9px;background:#121d30;border-block:1px solid #26334d}.depth-mid strong{color:#f8fafc;font-size:15px}.depth-mid span{color:#8290a8}.events-card{margin-top:12px}.events{margin-top:14px;display:grid;gap:8px}.events article{display:grid;grid-template-columns:170px 1fr;gap:12px;padding:10px 12px;border-radius:10px;background:#10192a}.events time{color:#64748b;font:12px ui-monospace,monospace}.events strong{font-size:13px}.toast{position:fixed;right:22px;bottom:22px;z-index:20;max-width:min(390px,calc(100vw - 24px));padding:14px 18px;border:1px solid #334155;border-radius:12px;background:#10192a;box-shadow:0 20px 60px #00000073;transform:translateY(140%);opacity:0;transition:.25s ease;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}.toast.golden{border-color:#15803d}.toast.death{border-color:#be123c}@media(max-width:900px){.hero-grid,dl{grid-template-columns:repeat(2,1fr)}.exchange-grid{grid-template-columns:1fr}}@media(max-width:600px){.shell{padding:12px}header,.section-heading{align-items:flex-start;flex-direction:column}.hero-grid{grid-template-columns:1fr 1fr}.hero-card{padding:13px}.hero-card strong{font-size:18px}.legend{white-space:normal}#chart{height:46dvh;min-height:320px}.events article{grid-template-columns:1fr}}