:root{font-family:Source Han Sans SC,PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#151b18;background:#fff;--bg: #ffffff;--page: #f6f7f5;--surface: #ffffff;--surface-soft: #f7f9f7;--line: #e6ebe7;--line-strong: #d7dfda;--text: #151b18;--muted: #66736b;--faint: #96a09a;--accent: #1f9a59;--accent-strong: #08783d;--accent-soft: #e8f5ee;--danger: #b64444;--shadow: 0 18px 44px rgba(19, 33, 26, .1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);overflow-x:hidden}a,button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit;text-decoration:none}#root{min-height:100vh}.listener-stage{min-height:100vh;padding:18px;display:grid;grid-template-columns:minmax(320px,390px) minmax(420px,520px);justify-content:center;align-items:start;gap:28px;background:#fff}.listener-stage--single{grid-template-columns:minmax(320px,390px)}.phone-shell{min-height:calc(100vh - 36px);max-height:860px;overflow:hidden auto;position:relative;border:1px solid #dfe5e1;border-radius:30px;background:#fff;box-shadow:0 28px 70px #11181421;padding:0 12px 118px}.phone-shell--home{padding-bottom:34px}.phone-shell--player{padding:0 18px 34px}.phone-shell::-webkit-scrollbar{width:0}.mobile-status{height:38px;display:flex;align-items:end;justify-content:space-between;padding:0 8px 7px;font-size:.82rem;font-weight:700;overflow:hidden}.mobile-status span:last-child{display:none}.mobile-topbar{height:48px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.mobile-topbar strong{text-align:center;font-size:1.05rem}.player-topbar{height:52px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.player-topbar strong{text-align:center;font-size:1.02rem}.plain-icon{width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;color:#1d2520;background:transparent}.plain-icon:hover{background:#f2f5f3}.mobile-section{margin-top:18px}.mobile-section__heading{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.mobile-section__heading h1,.mobile-section__heading h2{margin:0;font-size:.98rem;font-weight:800;letter-spacing:0}.mobile-section__heading a,.mobile-section__heading span{font-size:.82rem;color:var(--muted)}.feature-episode{width:100%;border:0;padding:0;margin-top:12px;text-align:left;background:transparent}.episode-art,.episode-thumb,.mini-player__art,.preview-cover,.desktop-player__cover{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff1f,#fff0),linear-gradient(145deg,#233b32,#496457 46%,#aeb9ad)}.episode-art:before,.episode-thumb:before,.mini-player__art:before,.preview-cover:before,.desktop-player__cover:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.22) 49% 50%,transparent 52%),radial-gradient(80% 70% at 84% 25%,rgba(255,255,255,.22),transparent 48%),linear-gradient(160deg,transparent 0 58%,rgba(0,0,0,.28) 59% 100%)}.episode-art--wide{min-height:132px;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;color:#fff}.episode-art__shade{position:absolute;inset:0;background:linear-gradient(180deg,#00000014,#0000005c)}.episode-art__copy,.episode-art .waveform{position:relative;z-index:1}.episode-art__copy{display:grid;gap:8px}.episode-art__copy strong{font-size:1.12rem;line-height:1.35}.episode-art__copy small{max-width:24em;color:#ffffffd1;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.desktop-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:.76rem;font-weight:800}.desktop-progress>span:nth-child(2){height:4px;border-radius:999px;overflow:hidden;background:#e4ebe6}.desktop-progress i,.mini-player__progress i{display:block;height:100%;border-radius:inherit;background:currentColor;transition:width .18s linear}.mobile-section--list{padding-bottom:16px}.mobile-episode-list{display:grid;gap:12px;margin-top:12px}.mobile-episode-row{width:100%;min-height:74px;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:54px 1fr 28px;align-items:center;gap:10px;padding:0 0 12px;background:transparent;text-align:left}.mobile-episode-row.is-active strong{color:var(--accent-strong)}.episode-thumb{height:54px;border-radius:8px;display:flex;align-items:end;padding:7px}.episode-thumb--1{background:linear-gradient(145deg,#9e977d,#e5e1cf)}.episode-thumb--2{background:linear-gradient(145deg,#1f3f52,#87a4b4)}.episode-thumb--3{background:linear-gradient(145deg,#cfcac1,#5c6a60)}.mobile-episode-row__body{min-width:0;display:grid;gap:4px}.mobile-episode-row__body strong{font-size:.92rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-episode-row__body small{color:var(--muted);font-size:.78rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-episode-row__body>span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.78rem}.language-dot{width:22px;height:22px;display:inline-grid;place-items:center;border-radius:50%;color:var(--accent-strong);background:var(--accent-soft);font-size:.74rem;font-weight:800}.mini-player{position:sticky;bottom:66px;z-index:5;min-height:60px;margin:10px 0 0;border:1px solid var(--line);border-radius:12px;background:#fffffff0;box-shadow:0 10px 30px #1118141c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;grid-template-columns:42px 1fr 42px;grid-template-rows:1fr 4px;gap:10px;align-items:center;padding:6px}.mini-player__art{height:42px;border-radius:7px}.mini-player div{min-width:0;display:grid;gap:2px}.mini-player strong,.mini-player small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player strong{font-size:.82rem}.mini-player small{color:var(--muted);font-size:.74rem}.mini-player__play,.transport-button{width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--accent)}.mini-player__progress{grid-column:1 / -1;width:100%;height:4px;border-radius:999px;overflow:hidden;color:var(--accent);background:#e7ede9}.bottom-tabs{position:absolute;left:0;right:0;bottom:0;width:100%;max-width:100vw;min-height:64px;border-top:1px solid var(--line);background:#fff;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}.bottom-tabs a{display:grid;justify-items:center;gap:3px;color:var(--muted);font-size:.72rem}.bottom-tabs a.is-active{color:var(--accent);font-weight:800}.player-hero{display:grid;justify-items:center;gap:16px;padding-top:12px}.player-cover{width:min(62vw,238px);aspect-ratio:1;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff29,#fff0),linear-gradient(145deg,#263c34,#5a6f62 48%,#d8ddd5);box-shadow:0 24px 60px #121f1829}.player-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 46%,rgba(255,255,255,.28) 47% 51%,transparent 52%),radial-gradient(70% 56% at 72% 20%,rgba(255,255,255,.2),transparent 50%),linear-gradient(160deg,transparent 0 58%,rgba(0,0,0,.28) 59% 100%)}.player-cover:after{content:"";position:absolute;left:24px;right:24px;bottom:28px;height:54px;background:linear-gradient(90deg,rgba(255,255,255,.82) 0 4px,transparent 4px 10px),linear-gradient(90deg,#ffffff9e,#ffffff3d);-webkit-mask:repeating-linear-gradient(90deg,#000 0 4px,transparent 4px 10px);mask:repeating-linear-gradient(90deg,#000 0 4px,transparent 4px 10px);opacity:.72}.player-title-block{width:100%;display:grid;justify-items:center;gap:8px;text-align:center}.player-title-block h1{margin:0;max-width:21em;font-size:1.2rem;line-height:1.38;letter-spacing:0}.player-title-block p{margin:0;max-width:25em;color:var(--muted);font-size:.9rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.player-meta-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.82rem}.player-meta-row span{display:inline-flex;align-items:center;gap:5px}.player-wave-section{margin-top:22px}.player-progress-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;color:var(--muted);font-size:.78rem;font-weight:800}.player-progress-row>span:nth-child(2){height:4px;border-radius:999px;overflow:hidden;background:#e4ebe6}.player-progress-row i{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .18s linear}.player-controls{margin-top:22px;display:grid;grid-template-columns:76px 96px 76px;align-items:center;justify-content:center;gap:22px}.seek-button,.play-button-large{border:0;border-radius:50%;display:grid;place-items:center}.seek-button{width:64px;height:64px;position:relative;color:#1f2a24;background:#f2f5f3}.seek-button span{position:absolute;bottom:12px;font-size:.68rem;font-weight:900}.play-button-large{width:88px;height:88px;color:#fff;background:var(--accent);box-shadow:0 16px 34px #1f9a5942}.player-excerpt{margin:20px auto 0;max-width:26em;color:var(--muted);font-size:.9rem;line-height:1.78;text-align:center}.desktop-player{position:sticky;top:18px;align-self:start;max-width:520px;border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:0 28px 70px #1118141a;padding:18px}.desktop-player__cover{height:260px;border-radius:18px;display:flex;align-items:end;padding:22px}.desktop-player__body{padding:22px 6px 4px;display:grid;gap:16px}.desktop-player__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.86rem}.desktop-player__meta span{display:inline-flex;align-items:center;gap:5px}.desktop-player h2{margin:0;font-size:1.75rem;line-height:1.25;letter-spacing:0}.desktop-player p{margin:0;color:var(--muted);line-height:1.75}.desktop-progress{color:var(--accent)}.desktop-progress>span:first-child,.desktop-progress>span:last-child{color:var(--muted)}.desktop-progress>span:nth-child(2){background:#e4ebe6}.transport-button{width:58px;height:58px;margin:0 auto}.waveform{display:flex;align-items:end;gap:5px;min-height:70px;width:100%}.waveform--compact{min-height:28px;gap:3px}.waveform__bar{flex:1 1 0;max-width:7px;min-width:2px;border-radius:999px;opacity:.92;transition:background .18s linear,transform .18s ease,opacity .18s ease}.waveform__bar--active{opacity:1}.waveform--playing .waveform__bar--active{animation:waveform-live .84s ease-in-out infinite}@keyframes waveform-live{0%,to{transform:scaleY(.86)}50%{transform:scaleY(1.12)}}.mobile-wave-panel{margin:18px 2px 12px;padding:8px 0 0}.mobile-wave-panel .waveform{min-height:64px}.mobile-wave-panel .waveform__bar{max-width:none}.mobile-wave-panel__time{margin-top:8px;display:flex;justify-content:space-between;color:var(--muted);font-size:.78rem;font-weight:800}.admin-shell{min-height:100vh;display:grid;grid-template-columns:154px minmax(0,1fr);background:var(--page)}.admin-rail{min-height:100vh;border-right:1px solid var(--line);background:#fff;padding:24px 14px;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:22px}.admin-brand{display:flex;align-items:center;gap:9px;padding:0 6px;font-size:1.06rem}.brand-bars{width:18px;height:22px;border-radius:4px;background:linear-gradient(90deg,var(--accent) 0 3px,transparent 3px 7px,var(--accent) 7px 10px,transparent 10px 14px,var(--accent) 14px 17px)}.rail-nav{display:grid;gap:8px}.rail-nav__item{min-height:40px;border-radius:6px;padding:0 10px;display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:.92rem;font-weight:700}.rail-nav__item--active{color:var(--accent-strong);background:var(--accent-soft)}.rail-health{display:flex;flex-wrap:wrap;gap:7px;align-self:end}.health-pill,.info-chip,.mode-pill{min-height:28px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;font-size:.82rem;font-weight:800;color:var(--muted);background:#eef2ef}.health-pill.is-ready,.info-chip,.mode-pill--active{color:var(--accent-strong);background:var(--accent-soft)}.rail-note{margin:0;color:var(--muted);font-size:.82rem;line-height:1.6}.admin-main{min-width:0;padding:26px 30px 44px}.admin-header{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-header h1{margin:0;font-size:1.48rem;line-height:1.2;letter-spacing:0}.action-button{min-height:38px;border:1px solid transparent;border-radius:6px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:background .16s ease,border-color .16s ease,transform .16s ease}.action-button:hover{transform:translateY(-1px)}.action-button--primary{min-width:116px;color:#fff;background:var(--accent)}.action-button--secondary{color:var(--text);background:#fff;border-color:var(--line)}.action-button--danger{color:var(--danger);background:#fff5f5;border-color:#f1d2d2}.action-button--compact{min-height:30px;padding:0 10px;font-size:.8rem}.admin-grid{margin-top:18px}.intake-panel,.queue-panel,.preview-panel{border:1px solid var(--line);border-radius:8px;background:#fff}.intake-panel{overflow:hidden}.composer-tabs{height:50px;border-bottom:1px solid var(--line);display:flex;align-items:end;gap:28px;padding:0 22px}.composer-tabs__item{height:50px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-weight:800}.composer-tabs__item.is-active{color:var(--accent-strong);border-color:var(--accent)}.composer-layout{display:grid;grid-template-columns:minmax(360px,1fr) 260px 210px;gap:14px;padding:16px 22px}.composer-text{display:grid;gap:12px}.field{display:grid;gap:7px}.field span{font-size:.88rem;font-weight:800}.field input,.field textarea{width:100%;border:1px solid var(--line-strong);border-radius:6px;background:#fff;color:var(--text);padding:12px 14px;outline:none}.field input:focus,.field textarea:focus{border-color:#1f9a5994;box-shadow:0 0 0 3px #1f9a591a}.field--body{position:relative}.field textarea{min-height:178px;resize:vertical;line-height:1.6}.field small{position:absolute;right:12px;bottom:10px;color:var(--faint);font-size:.78rem}.upload-drop{min-height:236px;border:1px dashed var(--line-strong);border-radius:6px;background:#fbfcfb;display:grid;align-content:center;justify-items:center;text-align:center;gap:10px;padding:20px;position:relative;color:var(--text)}.upload-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-drop svg{color:var(--text)}.upload-drop span,.upload-drop small{color:var(--muted);font-size:.82rem}.detect-card{min-height:236px;border:1px solid var(--line);border-radius:6px;padding:16px}.detect-card h3{margin:0 0 18px;font-size:.98rem}.detect-card dl{display:grid;gap:18px;margin:0}.detect-card div{display:grid;grid-template-columns:78px 1fr;gap:10px}.detect-card dt{color:var(--muted);font-size:.84rem}.detect-card dd{margin:0;display:flex;align-items:center;gap:8px;justify-content:flex-end;font-size:.86rem;font-weight:800}.detect-card dd.is-ok{color:var(--accent-strong)}.language-badge{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;color:var(--accent-strong);background:var(--accent-soft)}.generation-bar{min-height:70px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 22px}.mode-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.mode-row>span{font-weight:800}.queue-panel,.preview-panel{margin-top:16px;padding:20px 22px}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.panel-heading h2,.panel-heading h3{margin:0;font-size:1.06rem;letter-spacing:0}.panel-heading p{margin:6px 0 0;color:var(--muted);line-height:1.5}.queue-list{display:grid;margin-top:10px}.queue-item{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.7fr) minmax(360px,1.8fr) auto;gap:18px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.queue-item:first-child{margin-top:8px}.queue-item__title{min-width:0;display:grid;gap:4px}.queue-item__title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item__title span,.queue-item__meta{color:var(--muted);font-size:.82rem}.queue-item__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.queue-item__copy,.queue-item__error{margin:0;color:var(--muted);font-size:.86rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.queue-item__error{color:var(--danger)}.queue-item>.action-button{grid-column:4;justify-self:end}.status-pip{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#c6cdc8}.status-pip--queued{background:#a8b9af}.status-pip--processing{background:#d8a13f}.status-pip--completed{background:var(--accent)}.status-pip--failed{background:var(--danger)}.step-progress{display:flex;align-items:center;gap:7px;min-width:0}.step-progress__node{width:22px;height:22px;border:1px solid var(--line-strong);border-radius:50%;background:#fff;color:var(--faint);display:grid;place-items:center;font-size:.68rem;font-weight:800;flex:0 0 auto}.step-progress__node--completed{border-color:var(--accent);color:#fff;background:var(--accent)}.step-progress__node--active{border-color:var(--accent);color:var(--accent-strong);box-shadow:0 0 0 4px #1f9a591a}.step-progress__connector{height:1px;flex:1 1 30px;min-width:20px;background:var(--line-strong)}.step-progress__connector--completed{background:var(--accent)}.preview-layout{display:grid;grid-template-columns:92px 1fr 250px;gap:18px;align-items:stretch;margin-top:18px}.preview-cover{min-height:110px;border-radius:7px}.preview-script{min-width:0}.preview-script h3{margin:0 0 10px;font-size:1rem}.preview-script p{margin:0;color:var(--muted);line-height:1.7}.audio-card{border:1px solid var(--line);border-radius:6px;padding:14px;display:grid;gap:8px}.audio-card span{color:var(--accent-strong);font-weight:800}.audio-card small{color:var(--muted);line-height:1.5}.banner{min-height:42px;border-radius:8px;display:inline-flex;align-items:center;gap:10px;padding:0 14px;margin-top:12px;font-size:.9rem}.banner--error{color:var(--danger);background:#fff5f5;border:1px solid #f1d2d2}.empty-state{min-height:180px;display:grid;place-items:center;text-align:center;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.empty-state--quiet{min-height:126px;margin-top:12px;background:var(--surface-soft)}.empty-state--compact{min-height:122px}.empty-state h2,.empty-state h3{margin:0 0 8px;font-size:1rem}.empty-state p{margin:0;color:var(--muted);line-height:1.6}@media(max-width:1180px){.listener-stage{grid-template-columns:minmax(320px,390px)}.desktop-player{display:none}.composer-layout{grid-template-columns:1fr 240px}.detect-card{grid-column:1 / -1;min-height:auto}.detect-card dl{grid-template-columns:repeat(3,1fr)}.queue-item{grid-template-columns:1fr;gap:10px}.queue-item>.action-button{grid-column:auto;justify-self:start}}@media(max-width:820px){.listener-stage{padding:0;display:block}.phone-shell{min-height:100vh;max-height:none;width:100%;max-width:390px;margin:0;border:0;border-radius:0;box-shadow:none}.bottom-tabs{position:fixed;left:0;transform:none;z-index:10;right:auto;width:min(390px,100vw)}.mobile-wave-panel{position:fixed;left:14px;bottom:136px;z-index:8;width:min(362px,calc(100vw - 28px));margin:0;padding:0;pointer-events:none}.mobile-wave-panel .waveform{min-height:74px}.mini-player{position:fixed;left:8px;right:auto;bottom:68px;z-index:9;width:min(374px,calc(100vw - 16px));transform:none}.admin-shell{grid-template-columns:1fr}.admin-rail{min-height:auto;grid-template-rows:none;padding:12px}.rail-nav,.rail-health,.rail-note{display:none}.admin-main{padding:16px 12px 34px}.composer-layout,.preview-layout{grid-template-columns:1fr}.generation-bar,.admin-header{align-items:stretch;flex-direction:column}.generation-bar{padding:16px 22px}.detect-card dl{grid-template-columns:1fr}}@media(max-width:820px)and (max-height:900px){.mobile-wave-panel{bottom:128px}.mobile-wave-panel .waveform{min-height:38px;transform:scaleY(.52);transform-origin:bottom center}.mobile-wave-panel__time{display:none}}