:root{color-scheme:light;--bg: #f7efe4;--surface: rgba(255, 252, 247, .92);--surface-strong: #fffaf2;--ink: #17202a;--muted: #5d6773;--accent: #d95b43;--accent-strong: #b84330;--accent-soft: rgba(217, 91, 67, .12);--border: rgba(23, 32, 42, .1);--shadow: 0 20px 60px rgba(57, 37, 16, .14);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--font-display: "Avenir Next", "Trebuchet MS", sans-serif;--font-body: "Iowan Old Style", "Palatino Linotype", serif}*{box-sizing:border-box}html{background:radial-gradient(circle at top left,rgba(255,255,255,.7),transparent 32%),linear-gradient(180deg,#f4e2cd,#f7efe4 48%,#f2e8dc);font-family:var(--font-body)}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.36),transparent 40%),radial-gradient(circle at bottom right,rgba(217,91,67,.14),transparent 26%)}button,input,select,textarea{font:inherit}button,select,input,textarea{border-radius:var(--radius-sm);border:1px solid var(--border)}button{cursor:pointer}#app{position:relative;z-index:1}.shell{max-width:480px;margin:0 auto;min-height:100vh;padding:18px 16px 32px;display:grid;gap:16px}.shell-streaming{grid-template-rows:auto auto 1fr auto}.hero{padding:22px 22px 18px;background:#fffaf2eb;border:1px solid rgba(23,32,42,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.hero h1{margin:4px 0 6px;font-family:var(--font-display);font-size:1.6rem;letter-spacing:-.03em}.hero-copy{margin:0;color:var(--muted);font-size:.98rem}.app-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;margin-bottom:18px;background:#fffaf2e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(23,32,42,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.setup-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:step}.setup-step{padding:16px;display:grid;gap:12px}.setup-step-header{display:flex;align-items:center;gap:12px}.setup-step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-family:var(--font-display);font-size:.95rem;font-weight:600}.setup-step-title{margin:0;font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.01em}.setup-step-body{display:grid;gap:12px}.disclosure-button{width:100%;padding:12px 16px;background:#ffffffd6;border:1px dashed rgba(23,32,42,.18);border-radius:var(--radius-md);font-family:var(--font-display);font-size:.95rem;text-align:left}.guidance-disclosure,.more-options{display:grid;gap:10px}.more-options-body{display:grid;gap:12px;padding:12px 0 4px}.streaming-topbar{position:sticky;top:0;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;background:#fffaf2eb;border:1px solid rgba(23,32,42,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.streaming-status-cluster{display:flex;flex-direction:column;align-items:center;gap:4px}.streaming-topbar-spacer{display:inline-block;width:28px}.lang-chip{padding:3px 10px;border-radius:999px;background:#17202a0f;color:var(--muted);font-family:var(--font-display);font-size:.72rem;letter-spacing:.08em}.lang-chip-voice{background:#17202a0a;color:var(--muted);letter-spacing:.04em;text-transform:none}.streaming-stage{display:grid;gap:12px;align-content:start}.streaming-stage .subtitle-panel{display:grid;gap:12px}.streaming-stage .subtitle-stream{min-height:280px;font-size:1.4rem;line-height:1.45}.subtitle-history-panel{display:grid;gap:8px}.subtitle-history{display:grid;gap:6px;max-height:180px;overflow-y:auto}.subtitle-history p{margin:0;font-size:.98rem}.source-transcript-panel summary{cursor:pointer}.source-transcript-panel[open] summary{margin-bottom:8px}.streaming-end-cta{padding:0 4px}.streaming-end-cta .primary-action{background:linear-gradient(135deg,#6b7782,#36404b);box-shadow:0 12px 28px #17202a38}.eyebrow,.panel-label,.status-copy,.guidance-meta,.subtitle-history-label{color:var(--muted)}.eyebrow,.panel-label{margin:0 0 6px;font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.app-header h1{margin:0;font-family:var(--font-display);letter-spacing:-.03em}.app-main{display:grid;gap:14px}.language-bar,.panel,.control-panel,.status-row{background:var(--surface);border:1px solid rgba(23,32,42,.08);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.language-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;padding:14px;align-items:end}.language-bar-with-voice{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(0,1fr)}.field{display:grid;gap:8px}.field span{font-family:var(--font-display);font-size:.86rem}.field select,.field input,.field textarea{width:100%;padding:12px 14px;background:#ffffffd6}.field textarea{resize:vertical}.direction-arrow{align-self:center;font-family:var(--font-display);font-size:1.4rem;color:var(--accent-strong)}.status-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px}.status-pill{margin:0;padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-family:var(--font-display);font-size:.88rem;text-transform:uppercase;letter-spacing:.08em}.status-copy,.panel-copy,.guidance-meta{margin:0;font-size:.95rem}.panel{padding:16px}.panel-muted{background:#fff9f0e6}.subtitle-panel{display:grid;gap:14px}.subtitle-stream{min-height:120px;padding:18px;border-radius:var(--radius-md);background:linear-gradient(135deg,#d95b4324,#fffc),var(--surface-strong);font-size:1.16rem;line-height:1.55}.subtitle-history{padding-top:12px;border-top:1px solid rgba(23,32,42,.08)}.mode-notice{margin:0;padding:12px 16px;border-radius:var(--radius-md);background:#17202aeb;color:#fff4ec;font-family:var(--font-display);line-height:1.45}.guidance-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.guidance-body{display:none;margin-top:16px}.guidance-body.is-expanded{display:grid;gap:14px}.control-panel{padding:16px}.primary-action,.icon-button,.ghost-button{min-height:48px;font-family:var(--font-display)}.primary-action{width:100%;min-height:64px;border:none;border-radius:999px;background:linear-gradient(135deg,var(--accent),#ff7f5f);color:#fff;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 16px 36px #d95b4352}.icon-button,.ghost-button{padding:0 16px;background:#ffffffd6}.toggle-row{display:flex;align-items:center;gap:12px;font-family:var(--font-display)}@media(max-width:480px){.language-bar,.language-bar-with-voice{grid-template-columns:1fr}.direction-arrow{justify-self:center;transform:rotate(90deg)}.status-row,.guidance-header{flex-direction:column;align-items:start}.icon-button{width:100%}}