:root{--bg: #0b1120;--surface: #131c31;--surface-2: #1b2540;--border: #2a3550;--text: #e8edf7;--muted: #93a1bd;--accent: #4f9cf9;--danger: #f26d6d;--ok: #48c78e;--warn: #f2b33d;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}a{color:var(--accent)}.wrap{max-width:900px;margin:0 auto;padding:20px 16px 64px}.wrap.narrow{max-width:520px}header.bar{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#0b1120eb;backdrop-filter:blur(8px);z-index:10}header.bar .brand{font-weight:700;letter-spacing:.02em}header.bar .spacer{flex:1}h1{font-size:1.5rem;margin:20px 0 4px}h2{font-size:1.05rem;margin:28px 0 10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}p.lead{color:var(--muted);margin-top:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.card.tight{padding:12px 14px}.row{display:flex;align-items:center;gap:12px}.row.wrap-row{flex-wrap:wrap}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:12px}button,.btn{font:inherit;font-weight:600;cursor:pointer;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 16px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:filter .12s ease}button:hover:not(:disabled),.btn:hover{filter:brightness(1.18)}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:#06101f}button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}button.ghost{background:transparent}button.big{font-size:1.1rem;padding:16px 24px;min-height:60px;flex:1}input[type=text],input[type=password]{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px;width:100%;min-height:44px}input:focus{outline:2px solid var(--accent);outline-offset:1px}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:6px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.pill.recording{color:var(--danger);border-color:var(--danger)}.pill.paused{color:var(--warn);border-color:var(--warn)}.pill.stopped{color:var(--muted)}.pill.idle{color:var(--accent);border-color:var(--accent)}.pill.ok{color:var(--ok);border-color:var(--ok)}.dot{width:8px;height:8px;border-radius:50%;background:currentColor}.dot.live{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.clock{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:700;letter-spacing:.02em}.clock.small{font-size:1.4rem}.meter{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.meter>i{display:block;height:100%;background:linear-gradient(90deg,var(--ok),var(--warn) 75%,var(--danger));transition:width .1s linear}.meter.big{height:16px}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.err{color:var(--danger)}.center{text-align:center}.qr{background:#fff;padding:14px;border-radius:var(--radius);display:inline-block;line-height:0}.qr img{width:220px;height:220px}.satellite-list{display:grid;gap:10px}.empty{border:1px dashed var(--border);border-radius:var(--radius);padding:28px 16px;text-align:center;color:var(--muted)}.banner{border-radius:var(--radius);padding:12px 14px;margin-bottom:12px;border:1px solid}.banner.warn{border-color:var(--warn);background:#f2b33d1a}.banner.err{border-color:var(--danger);background:#f26d6d1a}.banner.info{border-color:var(--border);background:var(--surface)}.rec-hero{text-align:center;padding:26px 16px}.rec-hero .clock{margin:6px 0 14px}footer.legal{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 16px calc(24px + env(safe-area-inset-bottom));font-size:.8rem;color:var(--muted)}footer.legal a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}footer.legal a:hover{color:var(--text)}