body.live-app{--bg:var(--app-bg,#edf4f6);--text:var(--app-text,#153746);--muted:var(--app-muted,#56717d);--soft:var(--app-muted,#56717d);--line:var(--app-line,#d4e0e4);--cyan:var(--app-accent,#007f82);background:var(--bg);color:var(--text)}
body.live-app::before,body.live-app::after{display:none}
.live-app .live-shell{padding-top:100px;gap:24px;width:min(1440px,calc(100% - 48px))}
.live-app :is(.program-panel,.side-panel,.info-card,.audio-panel,.mini-card){background:var(--app-surface,#fff);border:1px solid var(--line);border-radius:24px;box-shadow:none;color:var(--text)}
.live-app .live-head{padding:28px;border-color:var(--line)}
.live-app .live-title{background:none;-webkit-text-fill-color:currentColor;color:var(--text);text-transform:none;letter-spacing:-.045em;font-size:clamp(32px,4vw,56px);font-weight:600;line-height:1.06}
.live-app .eyebrow::before,.live-app .feed-kicker::before{background:var(--cyan);box-shadow:none}
.live-app :is(.status-chip,.cam-card,.metric){background:var(--app-raised,#eef5f7);border-color:var(--line);border-radius:14px}
.live-app :is(.status-chip strong,.cam-meta strong,.metric strong,.mini-card strong,.audio-title){color:var(--text)}
.live-app .feed-controls{padding:16px;background:transparent;border-color:var(--line)}
.live-app :is(.feed-button,.utility-button,.cam-open){border-radius:12px;border-color:var(--line);background:var(--app-raised,#eef5f7);color:var(--text);min-height:44px;letter-spacing:.04em}
.live-app :is(.feed-button.is-active,.utility-button.primary){background:var(--app-accent,#007f82);color:#fff;border-color:transparent}
.live-app :is(.feed-button,.utility-button,.cam-open):focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.live-app .side-panel{padding:24px;gap:20px}.live-app .cam-card{overflow:hidden}.live-app .cam-meta{padding:16px}.live-app .mini-grid{width:min(1440px,calc(100% - 48px));gap:20px}.live-app .mini-card{padding:24px}
.live-app :is(.player-label,.player-clock){border-radius:10px}
@media(max-width:700px){.live-app .live-shell{width:calc(100% - 28px);padding-top:84px}.live-app .live-head{padding:20px;grid-template-columns:1fr}.live-app .status-stack{grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.live-app .status-chip{padding:8px}.live-app .feed-controls{padding:10px;gap:6px}.live-app :is(.feed-button,.utility-button){padding:0 6px;letter-spacing:0;font-size:10px}.live-app .side-panel{padding:16px}.live-app .mini-grid{width:calc(100% - 28px)}}
