:root{--bg:#05070c;--fg:#c9d6e2;--dim:#6f7f92;--faint:#2a3442;--accent:#7ef2dc;--storm:#ff5a4a;--warn:#ffb347;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans:-apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}#field{width:100%;height:100%;display:block;position:fixed;inset:0}body.no-gl #field{display:none}body.no-gl{background:radial-gradient(ellipse at 50% 40%, #7ef2dc1a, var(--bg) 60%)}.station{grid-template:"head readout""scope readout"minmax(180px,1fr)"controls presence""foot presence"/minmax(0,1fr) minmax(260px,320px);gap:16px 24px;min-height:100%;padding:20px 24px;display:grid;position:relative}.head{grid-area:head;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}h1{flex-direction:column;margin:0;line-height:1.15;display:flex}.proto{font:700 22px/1.1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#fff}.sub{font:12px var(--mono);letter-spacing:.08em;color:var(--dim);margin-top:4px}.clock{font:13px var(--mono);color:var(--dim);white-space:nowrap;margin:0}.clock time{color:var(--fg)}.scope-wrap{border:1px solid var(--faint);background:#05070c8c;grid-area:scope;min-height:180px;position:relative}#scope{width:100%;height:100%;display:block;position:absolute;inset:0}.scope-label{font:11px var(--mono);letter-spacing:.06em;color:var(--dim);pointer-events:none;justify-content:space-between;gap:2px 12px;margin:0;display:flex;position:absolute;top:6px;left:10px;right:10px}.scope-label .short{display:none}.readout{grid-area:readout;align-self:start}.kp{flex-direction:column;margin:0 0 12px;display:flex}#kp{font:700 56px/1 var(--mono);letter-spacing:-.02em;color:#fff;transition:color 1.5s}#kp.storm{color:var(--storm)}#kp.active{color:var(--warn)}.word{font:14px var(--mono);color:var(--accent);margin-top:6px}.facts{font:13px var(--mono);grid-template-columns:1fr 1fr;gap:8px 16px;margin:0;display:grid}.facts div{flex-direction:column;display:flex}.facts dt{color:var(--dim);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.facts dd{color:var(--fg);margin:0}.controls{flex-wrap:wrap;grid-area:controls;align-items:center;gap:18px;display:flex}.listen{appearance:none;border:1px solid var(--accent);color:var(--accent);font:600 15px var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;padding:12px 28px;transition:background .25s,color .25s,box-shadow .25s}.listen:hover,.listen:focus-visible{background:#7ef2dc1f;outline:none;box-shadow:0 0 24px #7ef2dc40}.listen[aria-pressed=true]{background:var(--accent);color:#04120f}.listen.small{padding:8px 18px;font-size:13px}.hint{color:var(--dim);max-width:34em;margin:0;font-size:13px}.presence{grid-area:presence;grid-template-columns:auto 1fr;align-self:end;align-items:center;gap:4px 14px;display:grid}#ring{grid-row:1/span 2;width:150px;height:150px}.count{font:14px var(--mono);color:var(--dim);align-self:end;margin:0}.count strong{color:#fff;margin-right:6px;font-size:30px;font-weight:700}.presence-note{color:var(--dim);align-self:start;margin:0;font-size:12px}.foot{font:12px var(--mono);color:var(--dim);grid-area:foot;align-self:end}.foot a,.link{color:var(--dim);border-bottom:1px solid var(--faint);text-decoration:none}.link{appearance:none;font:inherit;cursor:pointer;background:0 0;border-top:0;border-left:0;border-right:0;padding:0}.foot a:hover,.link:hover{color:var(--fg);border-color:var(--dim)}.sep{margin:0 8px}.about{border:1px solid var(--faint);width:calc(100% - 32px);max-width:40rem;color:var(--fg);background:#090c14;padding:0}.about::backdrop{background:#000000b3}.about article{padding:24px 28px}.about h2{font:700 16px var(--mono);letter-spacing:.14em;text-transform:uppercase;outline:none;margin:0 0 12px}.about p{margin:0 0 12px;font-size:14px}.about .credits{color:var(--dim);font-size:12px}.about a{color:var(--accent)}.about form{margin-top:16px}@media (max-width:760px){.station{grid-template:"head""readout""scope"minmax(160px,34vh)"controls""presence""foot"/minmax(0,1fr);gap:14px;padding:16px 16px 24px}#kp{font-size:44px}.facts{grid-template-columns:1fr 1fr 1fr}.presence{align-self:start}#ring{width:120px;height:120px}.scope-label .long{display:none}.scope-label .short{display:inline}}@media (prefers-reduced-motion:reduce){.listen{transition:none}}