:root{color:#f6f4ef;background:#0c1824;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.stage{display:grid;min-height:100vh;grid-template-rows:auto 1fr auto;gap:2rem;padding:clamp(1.5rem,4vw,4rem);background:radial-gradient(circle at 85% 15%,rgba(56,172,255,.22),transparent 28rem),linear-gradient(145deg,#07121c,#112b3f)}.station-header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.eyebrow,.step{margin:0 0 .75rem;color:#7ecbff;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,5vw,5rem);font-weight:500;letter-spacing:-.05em}h2{margin:0;font-size:clamp(2rem,6vw,5.5rem);font-weight:500;letter-spacing:-.045em}p{max-width:48rem;color:#cbd8e2;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.5}.status{border:1px solid currentColor;border-radius:999px;padding:.6rem .9rem;font-size:.8rem;white-space:nowrap}.status.online{color:#70e2aa}.status.offline,.error{color:#ff9e7a}.panel{display:grid;align-content:center;justify-items:start;min-height:55vh}.actions{display:flex;gap:1rem}.panel button,.zone-picker button{border:0;border-radius:999px;padding:.9rem 1.3rem;color:#07121c;background:#f6f4ef;cursor:pointer}.panel button:hover,.panel button:focus-visible{background:#7ecbff}.zone-picker{display:flex;gap:.5rem}.zone-picker button{width:2.5rem;height:2.5rem;padding:0;color:#cbd8e2;background:#ffffff1a}.zone-picker button.active{color:#07121c;background:#7ecbff}