:root{color-scheme:dark;--bg:#09090b;--surface:#151518;--surface2:#1e1e22;--line:#303038;--text:#f6f6f7;--muted:#a5a5ad;--red:#f05454;--red2:#a9272f;--green:#24a866;--green2:#0d6f43;--blue:#4c7dff;--amber:#e4a33b;--radius:22px;--shadow:0 18px 60px #0007;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -15%,#251417 0,#0b0b0d 38%,#08080a 100%);color:var(--text);min-height:100vh}button,input,select,textarea{font:inherit}.hidden{display:none!important}.muted{color:var(--muted);line-height:1.45}.error{color:#ff777d;min-height:1.4em}.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:#d17378}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);background:#121215;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:var(--shadow);text-align:center}.login-logo{width:82px;border-radius:22px}.login-card h1{font-size:2.25rem;margin:.4rem 0}.login-card form,.dialog-form{display:grid;gap:16px}.login-card label,.dialog-form label,.settings-grid label{display:grid;gap:7px;text-align:left;color:#ddd;font-weight:650}input,select,textarea{width:100%;border:1px solid #3a3a42;border-radius:14px;background:#202024;color:var(--text);padding:13px 14px;outline:none}input:focus,select:focus,textarea:focus{border-color:#d75057;box-shadow:0 0 0 3px #d7505728}textarea{resize:vertical}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:calc(14px + env(safe-area-inset-top)) 20px 14px;background:#09090be8;backdrop-filter:blur(18px);border-bottom:1px solid #242429}.topbar h1{margin:2px 0 0;font-size:1.45rem}.top-actions{display:flex;gap:10px}.avatar,.icon-button{border:1px solid #3a3a41;background:#1a1a1f;color:#fff;width:44px;height:44px;border-radius:50%;font-weight:800}.page{max-width:1060px;margin:0 auto;padding:22px 18px 110px}.card{background:linear-gradient(145deg,#17171b,#121215);border:1px solid #2d2d34;border-radius:var(--radius);padding:22px;box-shadow:0 10px 28px #0003}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center}.hero h2{font-size:1.9rem;margin:.35rem 0}.hero p{max-width:660px;color:var(--muted)}.hero-actions,.dialog-actions,.button-grid{display:flex;gap:12px;flex-wrap:wrap}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:26px 0 12px}.section-head h2,.section-head h3{margin:0}.stack{display:grid;gap:14px}.session-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.session-row h3{margin:.35rem 0}.session-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.button,button{border:0;cursor:pointer;transition:.16s ease}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 17px;border-radius:14px;font-weight:800}.button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.button:active:not(:disabled){transform:translateY(0)}.button.primary{background:linear-gradient(135deg,#f45e60,#bc3039);color:#fff}.button.secondary{background:#303038;color:#fff;border:1px solid #464650}.button.call{background:linear-gradient(135deg,#4e85ff,#2454bd);color:#fff}.button.success,.publish-action{background:linear-gradient(135deg,#2fc277,#147a4b)!important;color:#fff!important}.button.danger{background:#7e252c;color:#fff;border:1px solid #ad3d45}.button.full{width:100%}.button:disabled,.action-button:disabled{cursor:not-allowed!important;background:#29292e!important;color:#73737d!important;border-color:#33333a!important;box-shadow:none!important;opacity:1!important;transform:none!important}.text-button,.back-button{background:none;color:#d9a7aa;border:0;padding:8px;font-weight:750}.back-button{font-size:1rem;margin-bottom:10px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 10px;background:#29292f;color:#d8d8dc;font-size:.75rem;font-weight:800}.badge.good{background:#163e2d;color:#78e7ae}.badge.running{background:#3d2e14;color:#ffd17d}.badge.alert{background:#4b1d22;color:#ff9ca0}.workflow-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.workflow-stepper div{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid #2b2b32;border-radius:14px;color:#6f6f78;background:#101013}.workflow-stepper span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#27272d;font-size:.75rem}.workflow-stepper div.done{color:#b7e8ce;border-color:#22563d;background:#12261d}.workflow-stepper div.done span{background:#1d754a;color:#fff}.workflow-stepper div.active{color:#fff;border-color:#b93b43;background:#30171b}.workflow-stepper div.active span{background:#df4c54}.source-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.source-summary h2{margin:.25rem 0}.source-facts{display:flex;gap:8px;flex-wrap:wrap}.source-input{display:grid;gap:16px}.source-choice{padding:18px;background:#1d1d21;border:1px solid #35353d;border-radius:18px}.source-choice h3{margin:0 0 6px}.file-drop{display:block;border:1px dashed #666674;border-radius:16px;padding:17px;text-align:center;background:#202025;cursor:pointer}.file-drop:hover{border-color:#d64d55}.file-title{display:block;font-weight:850}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.uploaded-files{display:grid;gap:8px}.uploaded-file{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;background:#202025;border-radius:13px}.progress{height:11px;background:#2a2a30;border-radius:999px;overflow:hidden}.progress>div{height:100%;width:0;background:linear-gradient(90deg,#dc414b,#ff8c77);transition:width .25s}.production-summary{display:grid;gap:16px}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preset-button{display:grid;gap:5px;text-align:left;padding:15px;border-radius:16px;background:#232329;color:#eee;border:2px solid transparent}.preset-button span{color:var(--muted);font-size:.8rem}.preset-button.selected{border-color:#e6525a;background:#341a1e}.selection-summary,.notice,.warning-box{padding:14px 16px;border-radius:15px;background:#202026;border:1px solid #3a3a43;line-height:1.45}.notice{border-color:#31516e;background:#142535}.warning-box{border-color:#6b5122;background:#2e2616;color:#ffdc98}.advanced{border:1px solid #34343b;border-radius:16px;padding:12px 15px}.advanced summary,details summary{cursor:pointer;font-weight:800}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.settings-grid .span-2{grid-column:span 2}.toggle{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.toggle input{width:auto}.version-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;background:#1d1d22;border-radius:16px}.version-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.version-row.active{border-color:#2f784f}.episode-card{display:grid;gap:16px}.episode-card h3{margin:.15rem 0}.episode-top{display:flex;justify-content:space-between;gap:16px}.episode-player{padding:14px;background:#0e0e10;border:1px solid #303038;border-radius:16px}.episode-audio{width:100%;margin-top:10px}.player-note{font-size:.76rem}.privacy-list{display:grid;gap:8px}.privacy-item{padding:12px;border:1px solid #49363a;border-radius:14px;background:#211719}.privacy-actions,.episode-actions{display:flex;gap:8px;flex-wrap:wrap}.privacy-actions button,.action-button{min-height:44px;padding:10px 13px;border-radius:12px;background:#33333b;color:#fff;border:1px solid #4b4b55;font-weight:760}.approvals{display:flex;gap:8px}.approval-chip{padding:8px 12px;border-radius:999px;background:#2d2d32;color:#9d9da6}.approval-chip.done{background:#155033;color:#8bf0bb}.publish-readiness{padding:12px;border-radius:13px;background:#242429;color:#b6b6be}.publish-readiness.ready{background:#153e2b;color:#9cf0c4}.publish-readiness.published{background:#18354a;color:#9bd5ff}.danger-zone{border-color:#47272a}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 28px));display:grid;grid-template-columns:1fr 1fr;padding:8px;background:#121216ee;backdrop-filter:blur(20px);border:1px solid #33333b;border-radius:23px;margin-bottom:calc(10px + env(safe-area-inset-bottom));z-index:30}.bottom-nav button{background:none;color:#777780;padding:9px;border-radius:16px;font-weight:750}.bottom-nav button.active{background:#29292e;color:#fff}.toast{position:fixed;top:calc(18px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:100;background:#f0f0f2;color:#111;padding:13px 18px;border-radius:14px;box-shadow:var(--shadow);max-width:90%;font-weight:750}dialog{border:1px solid #3a3a43;border-radius:24px;background:#151519;color:#fff;width:min(520px,calc(100% - 24px));max-height:90vh;overflow:auto;padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.wide-dialog{width:min(850px,calc(100% - 24px))}.dialog-form{padding:24px}.editor-dialog{width:min(1000px,calc(100% - 18px))}.editor-form{min-height:70vh}.transcript-list{display:grid;gap:10px}.transcript-segment{padding:14px;border:1px solid #34343c;border-radius:14px;background:#1d1d21}.segment-head{display:flex;justify-content:space-between}.segment-actions{display:flex;gap:7px;flex-wrap:wrap}.segment-actions button{background:#33333a;color:#fff;border-radius:10px;padding:8px 10px}.readiness-panel{display:grid;gap:8px}.readiness-item{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:12px;background:#202025}.readiness-item.ok{border-left:4px solid var(--green)}.readiness-item.fail{border-left:4px solid var(--red)}.readiness-score{padding:14px;border-radius:15px;font-weight:850}.readiness-score.ready{background:#153e2b;color:#95ecc0}.readiness-score.hold{background:#3c2420;color:#ffb5a8}.button-grid.two{display:grid;grid-template-columns:1fr 1fr}.compact-stack{gap:8px}@media(max-width:720px){.hero,.session-row,.source-summary,.episode-top{align-items:stretch;flex-direction:column;display:flex}.hero-actions{display:grid;grid-template-columns:1fr}.workflow-stepper strong{display:none}.workflow-stepper div{justify-content:center}.preset-grid{grid-template-columns:1fr 1fr}.settings-grid,.upload-grid,.button-grid.two{grid-template-columns:1fr}.settings-grid .span-2{grid-column:auto}.episode-actions .action-button{flex:1 1 45%}.page{padding-left:12px;padding-right:12px}.card{padding:18px}.topbar{padding-left:14px;padding-right:14px}}@media(max-width:420px){.preset-grid{grid-template-columns:1fr}.episode-actions .action-button{flex-basis:100%}}


/* V1.2.1: prominent persistent worker progress */
#processingCard:not(.hidden){position:sticky;top:10px;z-index:20;border:2px solid rgba(255,59,48,.48);box-shadow:0 14px 40px rgba(0,0,0,.24)}
#processingCard .progress{height:16px;border-radius:999px;overflow:hidden}
#processingBar{min-width:2%;transition:width .35s ease}
#processingCard.processing-done{border-color:rgba(52,199,89,.62)}
#processingCard.processing-done #processingBar{background:#34c759}
#processingCard.processing-failed{border-color:rgba(255,59,48,.8)}


/* V1.2.2 – iPhone-safe full-screen podcast settings */
#showSettingsDialog{overflow-x:hidden}
#showSettingsDialog .dialog-form,#showSettingsDialog .settings-grid,#showSettingsDialog label{min-width:0;max-width:100%}
#showSettingsDialog textarea{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;min-height:130px}
#showSettingsDialog input,#showSettingsDialog select,#showSettingsDialog textarea{min-width:0;max-width:100%}
@media(max-width:720px){
  #showSettingsDialog{width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border:0;inset:0}
  #showSettingsDialog .dialog-form{min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));overflow-x:hidden}
  #showSettingsDialog .section-head{position:sticky;top:0;z-index:5;margin:-14px -16px 14px;padding:14px 16px 12px;background:#151519f5;border-bottom:1px solid #303038;backdrop-filter:blur(18px)}
  #showSettingsDialog .dialog-actions{position:sticky;bottom:0;margin:18px -16px -24px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#151519f5;border-top:1px solid #303038;display:grid;grid-template-columns:1fr}
  #showSettingsDialog .settings-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
  #showSettingsDialog .settings-grid .span-2{grid-column:auto}
  #showSettingsDialog h2{font-size:1.45rem}
}


/* V1.2.2 – real Passkey/Face-ID access */
.button.biometric{background:linear-gradient(135deg,#2463eb,#7c3aed);color:#fff;border-color:transparent;font-weight:850}
.auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#8f8f99}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#33333a;flex:1}
.biometric-hint{text-align:center;font-size:.82rem;margin-top:8px}
.passkey-panel{padding:14px;border:1px solid #303038;border-radius:16px;background:#ffffff08}
.passkey-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #303038}.passkey-row:last-child{border-bottom:0}
@media(max-width:720px){#profileDialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;inset:0;overflow-x:hidden}#profileDialog .dialog-form{min-height:100dvh;overflow-y:auto;overflow-x:hidden;padding:calc(20px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))}}

/* Player Stability Hotfix 1.2.1.1 */
.persistent-player{position:sticky;top:8px;z-index:35;border:2px solid rgba(255,59,48,.42);box-shadow:0 16px 44px rgba(0,0,0,.32);background:var(--card,#171717)}
.persistent-player audio{width:100%;min-height:54px;margin-top:12px}
.player-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:10px;flex-wrap:wrap}
.episode-card.player-active{border-color:rgba(255,59,48,.72);box-shadow:0 0 0 2px rgba(255,59,48,.20)}
.episode-player-launch{margin:14px 0;padding:14px;border-radius:16px;background:rgba(255,255,255,.045)}
@media(max-width:640px){.persistent-player{top:4px}.persistent-player .section-head{align-items:flex-start}.persistent-player h2{font-size:1.1rem;overflow-wrap:anywhere}.persistent-player audio{min-height:60px}}


/* V1.3.0 – generic studio, iPhone-safe settings and speaker mixer */
#showSettingsDialog{overflow-x:hidden;overscroll-behavior:contain}
#showSettingsDialog .dialog-form,#showSettingsDialog .settings-grid,#showSettingsDialog label,#showSettingsDialog section,#showSettingsDialog div{min-width:0;max-width:100%}
#showSettingsDialog input,#showSettingsDialog select,#showSettingsDialog textarea{min-width:0;max-width:100%;width:100%}
#showSettingsDialog textarea{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;min-height:150px;resize:vertical}
.settings-sheet-header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.settings-section{display:grid;gap:14px;padding:16px;border:1px solid #34343b;border-radius:18px;background:#1b1b20}
.settings-section h3{margin:0}
.settings-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.approval-user-list{display:grid;gap:8px;margin-top:10px}
.approval-user-option{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:12px!important;padding:12px;border:1px solid #34343b;border-radius:14px;background:#202025}
.approval-user-option input{width:auto!important}.approval-user-option span{display:grid}.approval-user-option small{color:var(--muted)}
.speaker-mixer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
.gain-row{padding:15px;border:1px solid #34343b;border-radius:16px;background:#1d1d22}
.gain-row-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.gain-row output{font-variant-numeric:tabular-nums;color:#8ee5b6;font-weight:850}
.gain-controls{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:10px;align-items:center;margin-top:12px}
.gain-step{height:46px;border-radius:13px;background:#303038;color:#fff;font-size:1.45rem;font-weight:900}
.gain-controls input[type="range"]{padding:0;border:0;background:transparent}
.source-dialog{overflow-x:hidden}
@media(max-width:720px){
  #showSettingsDialog{position:fixed;inset:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;overflow-y:auto;overflow-x:hidden}
  #showSettingsDialog[open]{display:block}
  #showSettingsDialog .dialog-form{min-height:100dvh;width:100%;padding:calc(14px + env(safe-area-inset-top)) 14px calc(24px + env(safe-area-inset-bottom));overflow-x:hidden}
  #showSettingsDialog .settings-sheet-header{position:sticky;top:0;z-index:10;margin:calc(-14px - env(safe-area-inset-top)) -14px 0;padding:calc(14px + env(safe-area-inset-top)) 14px 12px;background:#151519f7;border-bottom:1px solid #303038;backdrop-filter:blur(18px)}
  #showSettingsDialog .settings-grid{grid-template-columns:minmax(0,1fr)}
  #showSettingsDialog .settings-grid .span-2{grid-column:auto}
  #showSettingsDialog .settings-sheet-actions{position:sticky;bottom:0;z-index:10;grid-template-columns:1fr;margin:4px -14px calc(-24px - env(safe-area-inset-bottom));padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:#151519f7;border-top:1px solid #303038;backdrop-filter:blur(18px)}
  .speaker-mixer-grid{grid-template-columns:1fr}
  .source-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;inset:0}
  .source-dialog .dialog-form{min-height:100dvh;overflow-y:auto;overflow-x:hidden;padding:calc(20px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))}
}


/* RSS Visibility Hotfix V1 */
.feed-top-button{min-width:54px;height:42px;padding:0 12px;border-radius:13px;background:#176b35;color:#fff;font-weight:900;letter-spacing:.04em}
.rss-feed-card{display:grid;gap:13px;padding:16px;border:2px solid rgba(52,199,89,.48);border-radius:18px;background:rgba(52,199,89,.08)}
#rssFeedUrl{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;overflow-wrap:anywhere;word-break:break-all}
.rss-feed-dialog{max-width:680px;width:min(680px,calc(100vw - 24px));overflow-x:hidden}
.rss-url-display{padding:14px;border-radius:14px;border:1px solid #3a3a43;background:#101014;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;word-break:break-all;user-select:all}
@media(max-width:720px){.feed-top-button{min-width:50px;height:40px;padding:0 10px}.rss-feed-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);margin:auto}.rss-feed-card .button-grid,.rss-feed-dialog .dialog-actions{grid-template-columns:1fr}}


/* Show Cover Upload V1 */
.cover-settings-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;padding:16px;border:1px solid #35353d;border-radius:18px;background:#141419}
.show-cover-preview{width:150px;height:150px;object-fit:cover;border-radius:18px;border:1px solid #444;box-shadow:0 10px 30px #0005}
.cover-settings-copy{min-width:0;display:grid;gap:10px}
#showCoverUploadStatus{overflow-wrap:anywhere}
@media(max-width:620px){.cover-settings-card{grid-template-columns:1fr}.show-cover-preview{width:min(58vw,220px);height:min(58vw,220px);justify-self:center}.cover-settings-copy .button{width:100%}}


/* V1.3.2 – explicit voice-profile application */
.voice-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
.voice-settings-note{grid-column:1/-1;padding:13px;border:1px solid rgba(255,193,7,.34);border-radius:14px;background:rgba(255,193,7,.08);color:#f0d991;line-height:1.45}
@media(max-width:720px){.voice-profile-grid{grid-template-columns:1fr}}

/* VOICE_INTELLIGENCE_WEB_CI_V1_BEGIN */
/*
 * Voice Intelligence web surface · UI-only corporate identity.
 * Functional selectors and layout rules remain in the release's original CSS.
 * This final cascade changes only presentation.
 */
:root {
  color-scheme: dark;
  --vi-navy-black: #03070d;
  --vi-navy-deep: #06101d;
  --vi-navy: #091b2d;
  --vi-navy-lift: #12253a;
  --vi-navy-soft: #193149;
  --vi-silver-dark: #5e6b7d;
  --vi-silver: #b8c2d1;
  --vi-silver-bright: #e8edf5;
  --vi-beige: #cac1ba;
  --vi-beige-bright: #e6ded7;
  --vi-shadow: 0 22px 70px rgba(0, 0, 0, .42);
  --bg: var(--vi-navy-black);
  --surface: var(--vi-navy-deep);
  --surface2: var(--vi-navy);
  --line: rgba(184, 194, 209, .24);
  --text: var(--vi-silver-bright);
  --muted: var(--vi-silver);
  --red: var(--vi-beige);
  --red2: var(--vi-silver);
  --green: var(--vi-beige);
  --green2: var(--vi-silver);
  --blue: var(--vi-beige);
  --amber: var(--vi-beige);
  --card: var(--vi-navy-deep);
  --shadow: var(--vi-shadow);
}

html {
  background: var(--vi-navy-black);
}

body {
  background:
    radial-gradient(circle at 50% -15%, rgba(202, 193, 186, .12) 0, transparent 35%),
    linear-gradient(180deg, var(--vi-navy-deep) 0, var(--vi-navy-black) 62%, #02050a 100%);
  color: var(--vi-silver-bright);
}

*, *::before, *::after {
  scrollbar-color: var(--vi-silver-dark) var(--vi-navy-deep);
}

body, dialog, input, select, textarea, button {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, system-ui, sans-serif;
}

::selection {
  background: var(--vi-beige);
  color: var(--vi-navy-black);
}

a, .text-button, .back-button {
  color: var(--vi-beige-bright);
}

:where(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--vi-beige);
  outline-offset: 3px;
}

.muted, .player-note, .approval-user-option small {
  color: var(--vi-silver);
}

.error {
  color: var(--vi-beige-bright);
  font-weight: 700;
}

.eyebrow {
  color: var(--vi-beige);
  letter-spacing: .15em;
}

.login-shell {
  background:
    radial-gradient(circle at 50% 18%, rgba(202, 193, 186, .12), transparent 30%),
    linear-gradient(155deg, var(--vi-navy) 0, var(--vi-navy-black) 66%);
}

.login-card,
.card,
.source-choice,
.version-strip,
.uploaded-file,
.episode-player,
.passkey-panel,
.settings-section,
.approval-user-option,
.gain-row,
.episode-player-launch,
.readiness-item {
  background: linear-gradient(145deg, rgba(18, 37, 58, .94), rgba(6, 16, 29, .98));
  border-color: rgba(184, 194, 209, .24);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .22);
}

.login-card {
  border-color: rgba(202, 193, 186, .34);
  box-shadow: var(--vi-shadow);
}

.login-logo, .vi-topbar-logo {
  object-fit: cover;
  border: 1px solid rgba(202, 193, 186, .40);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .34);
}

.vi-topbar-logo {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  border-radius: 13px;
}

.topbar {
  background: rgba(3, 7, 13, .90);
  border-bottom-color: rgba(184, 194, 209, .20);
  box-shadow: 0 8px 28px rgba(0, 0, 0, .20);
}

.topbar > :first-child:not(.vi-topbar-logo) {
  flex: 1;
}

.topbar .vi-topbar-logo + div {
  flex: 1;
}

.avatar, .icon-button {
  border-color: rgba(202, 193, 186, .38);
  background: var(--vi-navy-lift);
  color: var(--vi-beige-bright);
}

input, select, textarea {
  background: rgba(3, 7, 13, .72);
  border-color: rgba(184, 194, 209, .30);
  color: var(--vi-silver-bright);
  caret-color: var(--vi-beige);
}

input::placeholder, textarea::placeholder {
  color: rgba(184, 194, 209, .64);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--vi-silver-bright);
  -webkit-box-shadow: 0 0 0 1000px var(--vi-navy-deep) inset;
  caret-color: var(--vi-beige-bright);
}

input:focus, select:focus, textarea:focus {
  border-color: var(--vi-beige);
  box-shadow: 0 0 0 3px rgba(202, 193, 186, .18);
}

input[type="checkbox"], input[type="radio"], input[type="range"] {
  accent-color: var(--vi-beige);
}

.branding-audio-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.branding-audio-card {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(184, 194, 209, .24);
  border-radius: 16px;
  background: rgba(3, 7, 13, .42);
}

.branding-audio-card audio {
  display: block;
  width: 100%;
  min-height: 42px;
}

@media (max-width: 720px) {
  .branding-audio-grid { grid-template-columns: 1fr; }
}

.button.primary,
.button.call,
.button.biometric,
.button.success,
.publish-action {
  background: linear-gradient(145deg, var(--vi-beige-bright), var(--vi-beige)) !important;
  color: var(--vi-navy-black) !important;
  border: 1px solid rgba(255, 255, 255, .34) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .20);
}

.button.secondary,
.action-button,
.privacy-actions button,
.segment-actions button,
.gain-step {
  background: var(--vi-navy-lift);
  color: var(--vi-silver-bright);
  border-color: rgba(184, 194, 209, .32);
}

.button.danger {
  background: var(--vi-navy-deep);
  color: var(--vi-beige-bright);
  border: 1px solid var(--vi-beige);
}

.button:hover:not(:disabled),
.action-button:hover:not(:disabled),
.icon-button:hover:not(:disabled),
.avatar:hover:not(:disabled) {
  filter: brightness(1.08);
}

.button:disabled, .action-button:disabled, button:disabled {
  background: rgba(18, 37, 58, .72) !important;
  color: rgba(184, 194, 209, .58) !important;
  border-color: rgba(184, 194, 209, .16) !important;
}

.badge,
.badge.good,
.badge.running,
.badge.alert,
.approval-chip,
.approval-chip.done,
.publish-readiness,
.publish-readiness.ready,
.publish-readiness.published,
.readiness-score,
.readiness-score.ready,
.readiness-score.hold {
  background: var(--vi-navy-lift);
  color: var(--vi-beige-bright);
  border: 1px solid rgba(202, 193, 186, .30);
}

.workflow-stepper div {
  color: var(--vi-silver-dark);
  background: rgba(3, 7, 13, .70);
  border-color: rgba(184, 194, 209, .18);
}

.workflow-stepper span {
  background: var(--vi-navy-lift);
  color: var(--vi-silver);
}

.workflow-stepper div.done {
  color: var(--vi-silver-bright);
  border-color: rgba(184, 194, 209, .44);
  background: var(--vi-navy);
}

.workflow-stepper div.done span {
  background: var(--vi-silver);
  color: var(--vi-navy-black);
}

.workflow-stepper div.active {
  color: var(--vi-beige-bright);
  border-color: var(--vi-beige);
  background: linear-gradient(145deg, rgba(202, 193, 186, .18), var(--vi-navy));
}

.workflow-stepper div.active span {
  background: var(--vi-beige);
  color: var(--vi-navy-black);
}

.file-drop {
  background: rgba(3, 7, 13, .54);
  border-color: rgba(202, 193, 186, .50);
  color: var(--vi-silver-bright);
}

.file-drop:hover {
  border-color: var(--vi-beige-bright);
  background: rgba(202, 193, 186, .08);
}

.progress {
  background: var(--vi-navy-black);
  border: 1px solid rgba(184, 194, 209, .22);
}

.progress > div, #processingBar, #uploadBar, #processingCard.processing-done #processingBar {
  background: linear-gradient(90deg, var(--vi-silver), var(--vi-beige));
}

.preset-button {
  background: var(--vi-navy-lift);
  color: var(--vi-silver-bright);
  border-color: transparent;
}

.preset-button.selected {
  border-color: var(--vi-beige);
  background: rgba(202, 193, 186, .12);
}

.selection-summary, .notice, .warning-box, .advanced {
  background: rgba(18, 37, 58, .78);
  border-color: rgba(202, 193, 186, .34);
  color: var(--vi-silver-bright);
}

.version-row.active,
.episode-card.player-active,
.danger-zone,
.privacy-item,
#processingCard:not(.hidden),
#processingCard.processing-done,
#processingCard.processing-failed,
.persistent-player {
  border-color: rgba(202, 193, 186, .52);
}

.episode-card.player-active {
  box-shadow: 0 0 0 2px rgba(202, 193, 186, .18), 0 12px 34px rgba(0, 0, 0, .30);
}

.persistent-player {
  background: linear-gradient(145deg, var(--vi-navy-lift), var(--vi-navy-deep));
}

.privacy-item {
  background: rgba(6, 16, 29, .92);
}

.readiness-item.ok, .readiness-item.fail {
  border-left-color: var(--vi-beige);
}

.readiness-item.fail {
  border-left-style: double;
}

.bottom-nav {
  background: rgba(3, 7, 13, .94);
  border-color: rgba(184, 194, 209, .24);
  box-shadow: 0 18px 52px rgba(0, 0, 0, .44);
}

.bottom-nav button {
  color: var(--vi-silver);
}

.bottom-nav button.active {
  background: var(--vi-beige);
  color: var(--vi-navy-black);
}

.toast {
  background: var(--vi-beige-bright);
  color: var(--vi-navy-black);
  border: 1px solid var(--vi-beige);
}

dialog {
  background: var(--vi-navy-deep);
  color: var(--vi-silver-bright);
  border-color: rgba(202, 193, 186, .34);
}

dialog::backdrop {
  background: rgba(1, 3, 7, .84);
}

.transcript-segment {
  background: var(--vi-navy);
  border-color: rgba(184, 194, 209, .24);
}

.auth-divider {
  color: var(--vi-silver);
}

.auth-divider::before, .auth-divider::after, .passkey-row {
  border-color: rgba(184, 194, 209, .20);
  background-color: rgba(184, 194, 209, .20);
}

.gain-row output {
  color: var(--vi-beige-bright);
}

audio {
  color-scheme: dark;
  accent-color: var(--vi-beige);
}

.vi-project-context {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-top: 8px;
  padding: 9px 13px;
  border: 1px solid rgba(202, 193, 186, .28);
  border-radius: 12px;
  background: rgba(202, 193, 186, .07);
  color: var(--vi-silver);
  font-size: .86rem;
}

.vi-project-context strong {
  color: var(--vi-beige-bright);
  font-weight: 700;
}

@media (max-width: 720px) {
  #showSettingsDialog .section-head,
  #showSettingsDialog .settings-sheet-header,
  #showSettingsDialog .dialog-actions,
  #showSettingsDialog .settings-sheet-actions {
    background: rgba(3, 7, 13, .97);
    border-color: rgba(184, 194, 209, .22);
  }

  .topbar {
    gap: 11px;
  }

  .vi-topbar-logo {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    border-radius: 11px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (prefers-contrast: more) {
  .card, dialog, input, select, textarea, .button, .badge {
    border-color: var(--vi-silver-bright);
  }

  .muted {
    color: var(--vi-silver-bright);
  }
}
/* VOICE_INTELLIGENCE_WEB_CI_V1_END */