@property --stage-glow{syntax: "<color>"; inherits: true; initial-value: #1d2a3a;}receiver-app{--stage-glow: #1d2a3a;display:grid;grid-template-rows:auto 1fr auto;gap:32px;height:100vh;padding:5vh 5vw;overflow:hidden;background:radial-gradient(120% 100% at 100% 0%,var(--stage-glow) 0%,var(--bg) 60%);font-size:24px;transition:--stage-glow .6s var(--ease)}receiver-app[stage=coral]{--stage-glow: #4a2620}receiver-app[stage=teal]{--stage-glow: #10403b}receiver-app[stage=violet]{--stage-glow: #2f2656}receiver-app[stage=amber]{--stage-glow: #4a3a10}receiver-app app-header{display:flex;align-items:center;gap:24px}receiver-app brand-mark{display:flex;align-items:center;gap:16px;margin-right:auto;color:var(--primary);font-size:40px;font-weight:700;letter-spacing:-.02em}receiver-app brand-mark m-symbol{font-size:52px}receiver-app uptime-clock{color:var(--muted);font-family:var(--mono);font-size:28px}receiver-app stage-text{display:grid;place-items:center;padding:0 4vw;text-align:center;font-size:88px;font-weight:700;letter-spacing:-.03em;line-height:1.1;overflow-wrap:anywhere}receiver-app stage-panels{display:grid;grid-template-columns:1fr 1.2fr 1.6fr;gap:24px;height:34vh}receiver-app stage-panels>*{display:flex;flex-direction:column;gap:10px;min-height:0;padding:20px 24px;overflow:hidden;background:var(--surface-1);border-radius:var(--radius-l)}receiver-app panel-title{color:var(--primary);font-size:22px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}receiver-app sender-row{display:flex;align-items:center;gap:14px}receiver-app sender-row m-symbol{font-size:36px;color:var(--ok)}receiver-app sender-identity{display:flex;flex-direction:column;min-width:0}receiver-app sender-id{font-family:var(--mono);font-weight:600}receiver-app sender-agent{overflow:hidden;color:var(--muted);font-size:16px;text-overflow:ellipsis;white-space:nowrap}receiver-app sender-empty{color:var(--muted)}receiver-app device-label{color:var(--muted);font-size:16px;text-transform:uppercase;letter-spacing:.08em}receiver-app device-value{overflow-wrap:anywhere;font-size:20px}receiver-app capability-list{display:flex;flex-wrap:wrap;gap:8px}receiver-app capability-chip{padding:2px 12px;border-radius:999px;font-size:16px}receiver-app capability-chip[state=on]{background:var(--ok);color:#003822}receiver-app capability-chip[state=off]{background:var(--surface-3);color:var(--muted)}receiver-app log-panel event-log{font-size:18px}receiver-app cast-media-player{position:fixed;inset:0;z-index:10;opacity:0;pointer-events:none;--progress-color: var(--primary);--splash-image: none;transition:opacity .3s var(--ease)}receiver-app[mode=media] cast-media-player{opacity:1}