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