:root{color:#f4f0e8;font-synthesis:none;text-rendering:optimizelegibility;background:#121416;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{color:inherit;cursor:pointer;font:inherit;border:0}input,select,textarea{color:inherit;font:inherit}.app-shell{gap:24px;max-width:760px;min-height:100vh;margin:0 auto;padding:20px;display:grid}.auth-screen{align-content:center;max-width:460px;min-height:100vh;margin:0 auto;padding:20px;display:grid}.top-bar{justify-content:space-between;align-items:center;display:flex}.eyebrow{color:#aeb8bc;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:1.65rem;line-height:1.08}h2{margin-bottom:8px;font-size:1.2rem;line-height:1.15}.icon-button{aspect-ratio:1;background:#283138;border-radius:50%;justify-content:center;align-items:center;width:44px;font-size:.8rem;font-weight:800;display:inline-flex}.auth-panel{background:#181b1f;border:1px solid #303840;border-radius:8px;gap:14px;padding:16px;display:grid}.oauth-actions{gap:10px;display:grid}.oauth-actions button{color:#121416;background:#f4f0e8;border-radius:8px;padding:12px 14px;font-weight:850}.auth-form{gap:12px;display:grid}.auth-form label{gap:6px;display:grid}.auth-form label span{color:#aeb8bc;font-size:.8rem;font-weight:800}.auth-form label small,.profile-setup-copy{color:var(--muted);line-height:1.5}.profile-setup-copy{margin-bottom:0}.auth-form input{background:#121416;border:1px solid #303840;border-radius:8px;width:100%;padding:11px 12px}.program-section,.station-lifecycle-section,.ops-section,.listener-interaction-panel,.dj-inbox-section{background:#181b1f;border:1px solid #303840;border-radius:8px;gap:12px;padding:16px;display:grid}.program-section .section-heading span,.station-lifecycle-section .section-heading span,.listener-interaction-panel .section-heading span,.dj-inbox-section .section-heading span{color:#aeb8bc;font-size:.85rem;font-weight:750}.station-create-form{grid-template-columns:minmax(0,1fr) minmax(180px,.45fr) auto;gap:10px;display:grid}.station-create-form label{gap:6px;display:grid}.station-create-form label span{color:#aeb8bc;font-size:.8rem;font-weight:800}.station-create-form input,.station-create-form select,.station-create-form textarea{background:#121416;border:1px solid #303840;border-radius:8px;width:100%;padding:10px 11px}.station-create-form .station-description-field{grid-column:1/3}.station-create-form textarea{resize:vertical;min-height:76px}.station-create-form>button{align-self:end}.station-delete-row{border-top:1px solid #303840;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding-top:12px;display:grid}.station-delete-row span{color:#aeb8bc;font-size:.82rem;line-height:1.5}.danger-button{color:#fff1ef;background:#6f2930}.program-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.program-controls label,.program-editor{gap:6px;display:grid}.program-controls span,.program-editor span{color:#aeb8bc;font-size:.8rem;font-weight:800}.program-controls input,.program-controls select,.program-import select,.program-editor textarea{background:#121416;border:1px solid #303840;border-radius:8px;width:100%}.program-controls input,.program-controls select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:10px 11px}.program-import{background:#121416;border:1px solid #303840;border-radius:8px;gap:10px;padding:12px;display:grid}.program-import-heading,.program-import-actions,.program-draft-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.program-import-heading span,.program-draft-heading span{gap:3px;display:grid}.program-import-heading small,.program-draft-heading small{color:#aeb8bc;font-size:.78rem}.program-import select{background:#181b1f;padding:10px 11px}.program-import textarea{resize:vertical;background:#181b1f;border:1px solid #303840;border-radius:8px;width:100%;min-height:112px;padding:10px 11px}.program-import-actions button{color:#121416;background:#efb44c;border-radius:8px;padding:10px 14px;font-weight:850}.program-draft-list{gap:8px;display:grid}.program-draft-row{background:#202428;border:1px solid #303840;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.program-draft-row>span:first-child{gap:3px;display:grid}.program-draft-row small{color:#aeb8bc;font-size:.78rem}.program-draft-actions{gap:6px;display:flex}.program-draft-actions button{color:#f4f0e8;background:#283138;border-radius:8px;padding:8px 9px;font-size:.78rem;font-weight:850}.program-search{background:#121416;border:1px solid #303840;border-radius:8px;gap:10px;padding:12px;display:grid}.program-search-bar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.program-search-bar label{gap:6px;display:grid}.program-search-bar span{color:#aeb8bc;font-size:.8rem;font-weight:800}.program-search-bar input{background:#181b1f;border:1px solid #303840;border-radius:8px;width:100%;padding:10px 11px}.program-search-bar button,.program-search-result button{border-radius:8px;padding:10px 14px;font-weight:850}.program-search-bar button{color:#121416;background:#efb44c}.program-search-result button{color:#f4f0e8;background:#283138}.program-search-bar button:disabled,.program-search-result button:disabled,.program-import-actions button:disabled,.program-draft-actions button:disabled{cursor:not-allowed;opacity:.62}.program-search-message{color:#aeb8bc;margin:0;font-size:.85rem}.program-search-results{gap:8px;display:grid}.program-search-statuses{flex-wrap:wrap;gap:6px;display:flex}.program-search-provider-status{border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:850}.program-search-provider-status.available{color:#8fdbac;background:#1f3329}.program-search-provider-status.not_configured{color:#aeb8bc;background:#202428}.program-search-provider-status.unavailable{color:#f1ca82;background:#3a2c1d}.program-search-result{background:#202428;border:1px solid #303840;border-radius:8px;grid-template-columns:minmax(0,1.2fr) minmax(180px,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.program-search-result>span:first-child{gap:3px;display:grid}.program-search-result small{color:#aeb8bc;font-size:.78rem}.program-search-badges{flex-wrap:wrap;gap:6px;display:flex}.program-search-badge{border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:850}.program-search-badge.resolved{color:#8fdbac;background:#1f3329}.program-search-badge.unavailable,.program-search-badge.ambiguous{color:#f1ca82;background:#3a2c1d}.program-search-badge.unresolved,.program-search-badge.blocked{color:#e49aa1;background:#3b1f22}.program-editor textarea{resize:vertical;min-height:260px;padding:12px}.program-editor summary{color:#aeb8bc;cursor:pointer;font-size:.8rem;font-weight:800}.provider-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.provider-toggles label{background:#202428;border:1px solid #303840;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.provider-toggles input{accent-color:#efb44c}.program-actions{grid-template-columns:2fr 1fr;gap:10px;display:grid}.program-actions button,.publish-button,.program-version-row button{border-radius:8px;font-weight:850}.program-actions button:first-child,.publish-button{color:#121416;background:#efb44c;padding:11px 14px}.program-actions button:last-child,.program-version-row button{color:#f4f0e8;background:#283138;padding:11px 14px}.program-actions button:disabled,.publish-button:disabled,.program-version-row button:disabled{cursor:not-allowed;opacity:.62}.program-report,.program-version-row{border-radius:8px;align-items:center;gap:8px;display:grid}.program-report{grid-template-columns:repeat(4,minmax(0,1fr));padding:12px}.program-report.ready{background:#1f3329;border:1px solid #3e7a58}.program-report.blocked{background:#3b1f22;border:1px solid #7d363d}.program-readiness{border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.program-readiness span:first-child,.program-provider-card span:first-child,.program-item-row span:first-child,.service-health,.ops-summary span:first-child,.service-recovery-row span:first-child{gap:3px;display:grid}.program-readiness small,.program-provider-card small,.program-item-row small,.service-health small,.ops-summary small,.service-recovery-row small,.ops-row small,.ops-sequence-row small{color:#aeb8bc;font-size:.78rem}.program-readiness.ready,.service-health.ready,.ops-summary.ready,.service-recovery-row.ready{background:#1f3329;border:1px solid #3e7a58}.program-readiness.blocked,.service-health.blocked,.ops-summary.blocked,.service-recovery-row.blocked{background:#3b1f22;border:1px solid #7d363d}.program-readiness.warning,.service-health.warning,.ops-summary.warning,.service-recovery-row.warning{background:#3a2c1d;border:1px solid #8b6838}.program-readiness.neutral,.service-health.neutral,.ops-summary.neutral,.service-recovery-row.neutral{background:#202428;border:1px solid #303840}.program-provider-list{gap:8px;display:grid}.program-provider-card,.program-item-row{background:#202428;border:1px solid #303840;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:grid}.program-provider-card{color:#c9d2ce;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));font-size:.85rem}.program-item-preview{gap:8px;display:grid}.program-item-row{grid-template-columns:minmax(0,1fr) auto}.program-item-row.direct_stream,.program-item-row.resolved{border-color:#3e7a58}.program-item-row.partial{border-color:#8b6838}.program-item-row.unresolved{border-color:#7d363d}.program-item-overflow{color:#aeb8bc;font-size:.85rem}.program-version-list{gap:8px;display:grid}.program-version-row{background:#202428;border:1px solid #303840;grid-template-columns:minmax(0,1fr) auto;padding:10px 12px}.program-version-row span:first-child{gap:3px;display:grid}.program-version-row small{color:#aeb8bc}.auth-submit,.text-button{border-radius:8px;font-weight:800}.auth-submit{color:#121416;background:#efb44c;padding:12px 14px}.text-button{color:#f4f0e8;background:#283138;padding:8px 10px}.player-panel{background:linear-gradient(145deg,#ffffff1a,#fff0),#1f2925;border:1px solid #ffffff1a;border-radius:8px;gap:28px;padding:22px;display:grid}.player-panel p:last-child{color:#c9d2ce;margin-bottom:0}.station-meter{grid-template-columns:repeat(5,1fr);align-items:end;gap:8px;height:86px;display:grid}.station-meter span{background:#efb44c;border-radius:4px;min-height:28px}.station-meter span:nth-child(2){min-height:54px}.station-meter span:nth-child(3){min-height:76px}.station-meter span:nth-child(4){min-height:44px}.station-meter span:nth-child(5){min-height:64px}.player-artwork{aspect-ratio:16/9;object-fit:cover;border-radius:8px;width:100%;max-height:220px;display:block}.station-footer,.account-strip,.playback-strip,.section-heading,.connection-card{justify-content:space-between;align-items:center;display:flex}.scenario-panel{background:#181b1f;border:1px solid #303840;border-radius:8px;gap:14px;padding:16px;display:grid}.scenario-panel.amber{border-color:#8b6838}.scenario-panel.blue{border-color:#476a86}.scenario-panel.coral{border-color:#8d4742}.scenario-panel.green{border-color:#3e7a58}.scenario-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.scenario-heading p:last-child{color:#c9d2ce;max-width:48rem;margin-bottom:0;font-size:.92rem;line-height:1.45}.scenario-heading>span{color:#dce3df;white-space:nowrap;background:#202428;border:1px solid #303840;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:850}.scenario-tabs{background:#121416;border:1px solid #303840;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.scenario-tabs button{color:#c9d2ce;background:0 0;border-radius:6px;min-height:38px;padding:9px 8px;font-size:.88rem;font-weight:850}.scenario-tabs button.active{color:#121416;background:#f4f0e8}.scenario-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.scenario-status-card,.scenario-station-card,.scenario-empty{background:#202428;border:1px solid #303840;border-radius:8px}.scenario-status-card{gap:6px;min-width:0;padding:12px;display:grid}.scenario-status-card span,.scenario-station-card small{color:#aeb8bc;font-size:.78rem}.scenario-status-card strong,.scenario-station-card strong{overflow-wrap:anywhere;min-width:0}.scenario-station-list{gap:8px;display:grid}.scenario-station-card{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:70px;padding:11px 12px;display:grid}.scenario-station-card.active{border-color:#efb44c}.scenario-station-card>span{gap:3px;min-width:0;display:grid}.scenario-station-card>span:last-child{justify-items:end}.scenario-empty{color:#aeb8bc;padding:12px}.station-footer{color:#dce3df;font-size:.9rem}.playback-progress{background:#f4f0e82e;border-radius:999px;height:8px;overflow:hidden}.playback-progress span{background:#e0574f;height:100%;transition:width .2s;display:block}.account-strip{color:#dce3df;background:#181b1f;border:1px solid #303840;border-radius:8px;gap:12px;padding:12px 14px;font-size:.9rem}.station-view-shell{background:#181b1f;border:1px solid #303840;border-radius:8px;gap:12px;padding:14px;display:grid}.station-view-shell h2{margin-bottom:0}.station-view-tabs{background:#121416;border:1px solid #303840;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.station-view-tabs.with-ops{grid-template-columns:repeat(3,minmax(0,1fr))}.station-view-tabs button{color:#c9d2ce;background:0 0;border-radius:6px;padding:10px 12px;font-weight:850}.station-view-tabs button.active{color:#121416;background:#efb44c}.playback-strip{color:#dce3df;background:#202428;border:1px solid #303840;border-radius:8px;flex-wrap:wrap;gap:12px;padding:12px 14px;font-size:.9rem}.playback-strip.blocked{border-color:#8b6838}.playback-strip.error{border-color:#7d363d}.playback-strip.recovering{border-color:#3e7a58}.listen-button{color:#121416;cursor:pointer;background:#efb44c;border-radius:8px;width:100%;padding:13px 16px;font-weight:900}.listen-button.active{color:#fff8ef;background:#e0574f}.listen-unavailable-message{color:#c9d2ce;margin:-4px 0 0;font-size:.9rem}.reaction-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.reaction-actions button{aspect-ratio:1;background:#202428;border:1px solid #303840;border-radius:8px;font-size:1.35rem;line-height:1}.listener-message-form,.listener-request-form,.listener-voice-form{gap:10px;display:grid}.listener-request-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.listener-voice-form{grid-template-columns:minmax(0,1fr) auto}.listener-message-form label,.listener-request-form label,.listener-voice-form label{gap:6px;display:grid}.listener-message-form span,.listener-request-form span,.listener-voice-form span{color:#aeb8bc;font-size:.8rem;font-weight:800}.listener-message-form input,.listener-message-form textarea,.listener-request-form input,.listener-voice-form input{background:#121416;border:1px solid #303840;border-radius:8px;width:100%}.listener-message-form textarea{resize:vertical;min-height:86px;padding:11px 12px}.listener-request-form input,.listener-voice-form input{padding:10px 11px}.listener-message-form button,.listener-request-form button,.listener-voice-form button{color:#121416;background:#efb44c;border-radius:8px;align-self:end;padding:11px 14px;font-weight:850}.listener-message-form button:disabled,.listener-request-form button:disabled,.listener-voice-form button:disabled,.reaction-actions button:disabled{cursor:not-allowed;opacity:.58}.dj-inbox-list{gap:10px;display:grid}.dj-inbox-row{background:#202428;border:1px solid #303840;border-radius:8px;gap:8px;padding:12px;display:grid}.dj-inbox-row>span{justify-content:space-between;align-items:center;gap:10px;display:flex}.dj-inbox-row small{color:#aeb8bc;white-space:nowrap;font-size:.78rem}.dj-inbox-row p{color:#dce3df;overflow-wrap:anywhere;margin:0;line-height:1.4}.dj-voice-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.dj-voice-actions audio{width:100%;height:36px}.dj-voice-actions button{color:#121416;background:#efb44c;border-radius:8px;min-height:36px;padding:8px 12px;font-weight:850}.dj-voice-actions button:disabled{cursor:not-allowed;opacity:.58}.section-heading{margin-bottom:12px}.provider-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.provider-actions button{color:#fff8ef;background:#e0574f;border-radius:8px;padding:10px 14px;font-weight:800}.provider-actions button:disabled{cursor:not-allowed;opacity:.7}.provider-actions button.connecting:disabled,.oauth-actions button:disabled,.auth-submit:disabled{cursor:wait;opacity:.7}.connect-message{color:#c9d2ce;margin-bottom:12px;font-size:.9rem}.service-health{border-radius:8px;margin-bottom:12px;padding:12px 14px}.service-recovery-list{gap:8px;margin-top:12px;display:grid}.service-recovery-row,.ops-summary,.launch-readiness,.launch-gate-row,.ops-metric,.ops-panel,.ops-row,.ops-sequence-row{border-radius:8px}.service-recovery-row,.ops-summary,.launch-readiness-summary,.launch-gate-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.service-recovery-row>span:last-child{color:#dce3df;font-size:.8rem;font-weight:850}.launch-readiness{border:1px solid #303840;gap:10px;padding:12px;display:grid}.launch-readiness.ready{background:#1f3329;border-color:#3e7a58}.launch-readiness.warning{background:#3a2c1d;border-color:#8b6838}.launch-readiness.blocked{background:#3b1f22;border-color:#7d363d}.launch-readiness-summary span:first-child,.launch-gate-row span:first-child{gap:3px;display:grid}.launch-readiness-summary small,.launch-gate-row small{color:#aeb8bc;font-size:.78rem}.launch-readiness-summary>span:last-child,.launch-gate-row>span:last-child{color:#dce3df;font-size:.8rem;font-weight:850}.launch-gate-list{gap:8px;display:grid}.launch-gate-row{background:#181b1f;border:1px solid #303840;padding:9px 10px}.launch-gate-row.ready{border-color:#3e7a58}.launch-gate-row.warning{border-color:#8b6838}.launch-gate-row.blocked{border-color:#7d363d}.ops-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.ops-metric,.ops-panel{background:#202428;border:1px solid #303840}.ops-metric{gap:6px;padding:12px;display:grid}.ops-metric span,.ops-empty{color:#aeb8bc;font-size:.78rem;font-weight:800}.ops-metric strong{font-size:1.2rem}.ops-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ops-panel{gap:10px;padding:12px;display:grid}.ops-panel h3{margin:0;font-size:.95rem}.ops-section .section-heading button{color:#f4f0e8;background:#283138;border-radius:8px;padding:9px 12px;font-weight:850}.ops-section .section-heading button:disabled{cursor:wait;opacity:.7}.ops-row-list,.ops-sequence-list{gap:8px;display:grid}.ops-row,.ops-sequence-row{background:#181b1f;border:1px solid #303840;gap:4px;padding:9px 10px;display:grid}.ops-row span{font-weight:800}.ops-chat-row{grid-template-columns:minmax(0,1fr) auto}.ops-chat-row span{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.ops-chat-text{color:#f4f0e8;overflow-wrap:anywhere;margin:0}.ops-chat-row-hidden{opacity:.72}.ops-chat-row button{color:#f4f0e8;background:#283138;border-radius:8px;align-self:start;min-width:88px;min-height:44px;padding:8px 12px;font-weight:850}.ops-chat-row button:disabled{cursor:wait;opacity:.7}.ops-sequence-row{grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));align-items:center}.connection-list{gap:10px;display:grid}.connection-card{text-align:left;background:#202428;border:1px solid #303840;border-radius:8px;gap:12px;width:100%;padding:14px}.connection-card.active{border-color:#efb44c}.connection-card>span{gap:4px;display:grid}.music-service-logo{object-fit:contain;flex:none;width:32px;height:32px;display:block}.provider-actions button{align-items:center;gap:12px;display:inline-flex}.connection-card>span{overflow-wrap:anywhere;flex:1;min-width:0}.connection-actions{flex-direction:column;align-items:flex-end;display:flex}.connection-actions button{min-width:44px;min-height:44px}.disconnect-service-button{color:inherit;text-underline-offset:3px;background:0 0;text-decoration:underline}.connection-card small{color:#aeb8bc}.error-message{color:#ffd8d4;background:#3b1f22;border:1px solid #7d363d;border-radius:8px;margin:0;padding:12px 14px}@media (max-width:460px){.station-create-form,.station-delete-row,.program-controls,.provider-toggles,.program-actions,.program-report,.program-readiness,.program-provider-card,.program-import-heading,.program-import-actions,.program-draft-heading,.program-draft-row,.program-search-bar,.program-search-result,.listener-request-form,.listener-voice-form,.dj-voice-actions,.scenario-heading,.scenario-status-grid,.scenario-station-card,.service-recovery-row,.ops-summary,.launch-readiness-summary,.launch-gate-row,.ops-metric-grid,.ops-panels,.ops-sequence-row{grid-template-columns:1fr}.station-create-form .station-description-field{grid-column:auto}.scenario-heading>span,.scenario-station-card>span:last-child{justify-self:start}.scenario-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
