:root{color-scheme:dark;--bg:#050a11;--panel:#0c1624;--line:#26364a;--text:#f5f8fc;--muted:#9fb0c5;--accent:#5eead4;--buy:#57f287;--exit:#ff7676;--warn:#ffd166}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#122235 0,var(--bg) 45%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}main{max-width:520px;margin:auto;padding:max(20px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:16px}h1{font-size:1.12rem;letter-spacing:.04em;margin:0 0 4px}header p{font:700 .9rem ui-monospace,monospace;color:var(--accent);margin:0}.read-only{font-size:.67rem;letter-spacing:.1em;color:var(--muted);border:1px solid var(--line);padding:7px 8px;border-radius:4px}.safety{margin:16px 0 0;padding:14px;border:2px solid var(--warn);color:var(--warn);font-weight:800;letter-spacing:.02em;background:#2a210b}.hidden{display:none!important}.state-card,.history{margin-top:16px;background:rgba(12,22,36,.96);border:1px solid var(--line);border-radius:8px;padding:20px}.state-card{border-top-width:5px}.state-card.buy{border-top-color:var(--buy)}.state-card.exit{border-top-color:var(--exit)}.state-card.open{border-top-color:#62a8ff}.state-card.quiet{border-top-color:var(--muted)}.state-card.expired{border-color:var(--warn)}.eyebrow,h3{font-size:.7rem;letter-spacing:.16em;color:var(--muted);margin:0 0 10px}h2{font:800 clamp(2.2rem,12vw,4rem)/.95 ui-sans-serif,sans-serif;letter-spacing:-.045em;margin:0;overflow-wrap:anywhere}.instruction{font-weight:750;font-size:1.05rem;line-height:1.4;margin:18px 0}.buy .instruction{color:var(--buy)}.exit .instruction{color:var(--exit)}.expired .instruction{color:var(--warn)}.amount{font:800 2.7rem/1 ui-monospace,monospace;margin:18px 0}.countdown{padding:13px 14px;background:#080e17;border:1px solid var(--line);font:700 1rem ui-monospace,monospace;margin:16px 0}.details{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:18px 0 0}.details div{border-top:1px solid var(--line);padding:12px 8px 10px 0;min-width:0}.details dt{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.details dd{margin:5px 0 0;font:650 .82rem/1.4 ui-monospace,monospace;overflow-wrap:anywhere}.history{padding:18px 20px}.history h3{margin-bottom:5px}.event{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:13px 0;font-size:.82rem}.event strong{letter-spacing:.08em}.event span{text-align:right;color:var(--muted)}.muted,footer{color:var(--muted);font-size:.78rem;line-height:1.5}footer{padding:16px 4px 0}footer p{margin:5px 0}@media(max-width:350px){.details{grid-template-columns:1fr}header{display:block}.read-only{display:inline-block;margin-top:10px}}