*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-page: #efeae0;--bg-app: #faf8f3;--bg-surface: #ffffff;--bg-muted: #f4f0e6;--bg-deep: #1f1b16;--ink-1: #1a1714;--ink-2: #5c544a;--ink-3: #8c8478;--ink-4: #b8b1a4;--ink-on-deep: #f4f0e6;--line-1: #dcd4c2;--line-2: #e8e2d5;--line-3: #f0ebdd;--accent-ink: #5c2a1f;--accent-soft: #e9d9cf;--accent-gold: #a8843b;--accent-gold-soft: #efe3c4;--accent-blue: #3d4670;--accent-green: #2e4a3a;--danger: #9d3b2f;--success: #2e4a3a;--role-a: #5c2a1f;--role-a-soft: #ebdbd4;--role-b: #2e4a3a;--role-b-soft: #dce3dc;--role-c: #3d4670;--role-c-soft: #d8dce6;--font-serif: "Newsreader", "Source Serif Pro", Georgia, serif;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--r-sm: 6px;--r-md: 8px;--shadow-soft: 0 24px 70px -44px rgba(45, 30, 15, .45)}html{font-size:16px}body{min-height:100vh;color:var(--ink-1);background:var(--bg-page);font-family:var(--font-sans);line-height:1.45;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{border:0;color:inherit;background:none;cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}img{display:block;max-width:100%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-1);border-radius:999px}.rs-page{position:relative;min-height:100vh;overflow-x:hidden;background:linear-gradient(90deg,rgba(220,212,194,.18) 1px,transparent 1px),linear-gradient(180deg,rgba(220,212,194,.2) 1px,transparent 1px),var(--bg-page);background-size:72px 72px,100% 56px,auto}.rs-page-inner{position:relative;z-index:1;width:min(100%,1180px);margin:0 auto;padding:34px 28px 72px}.brand-strip{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line-1);margin-bottom:34px}.brand{display:flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:24px;font-weight:500}.brand-logo{width:32px;height:32px;border-radius:50%;object-fit:cover}.brand em{color:var(--accent-ink);font-style:italic}.brand-meta{font-family:Georgia,serif;font-weight:700;font-size:15px;letter-spacing:normal;color:#1a1a1a;text-transform:none}.brand-meta,.app-eyebrow,.panel-kicker{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase}.mono-label{font-family:var(--font-sans);font-size:15px;font-weight:500;color:var(--ink-2);letter-spacing:normal;text-transform:none}.app-eyebrow-hero{font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--ink-2);letter-spacing:normal;text-transform:none;padding-top:16px}.input-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:56px;align-items:start}.intro-copy{padding-top:28px}.display-title{max-width:650px;margin-top:24px;font-family:var(--font-serif);font-size:62px;font-weight:500;line-height:1.15;color:var(--ink-1)}.display-title em{color:var(--accent-ink);font-style:italic;font-weight:400}.app-copy{max-width:530px;margin-top:14px;color:var(--ink-2);font-size:18px;line-height:1.65}.app-copy-lg{font-size:22px;max-width:600px}.app-copy-lg strong{color:var(--ink-1);font-weight:700}.speaker-pair{display:flex;align-items:center;gap:8px;margin-top:34px}.speaker-pair:before{content:"";width:42px;height:1px;background:var(--accent-gold)}.role-mark{display:inline-grid;width:46px;height:46px;place-items:center;border:1px solid currentColor;border-radius:50%;font-family:var(--font-serif);font-size:22px;font-style:italic;font-weight:500;line-height:1;overflow:hidden}.role-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.role-mark.role-a{color:var(--role-a);background:var(--role-a-soft)}.role-mark.role-b{color:var(--role-b);background:var(--role-b-soft)}.role-mark.role-c{color:var(--role-c);background:var(--role-c-soft)}.import-panel,.analysis-card,.video-summary,.practice-card,.done-card{background:var(--bg-surface);border:1px solid var(--line-1);border-radius:var(--r-md);box-shadow:var(--shadow-soft)}.import-panel{padding:24px}.panel-title{margin-top:6px;font-family:var(--font-serif);font-size:30px;font-weight:500}.panel-copy{margin-top:8px;color:var(--ink-2);font-size:14px;line-height:1.6}.url-form{display:grid;gap:12px;margin-top:22px}.input-frame{display:flex;align-items:center;gap:10px;height:52px;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-app);padding:0 14px}.input-frame svg{flex:0 0 auto;color:var(--accent-ink)}.url-input,.listening-input{width:100%;min-width:0;border:0;outline:0;color:var(--ink-1);background:transparent}.url-input::placeholder,.listening-input::placeholder{color:var(--ink-4)}.clear-btn,.icon-command{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--ink-3)}.clear-btn{width:28px;height:28px}.clear-btn:hover,.icon-command:hover{color:var(--ink-1);background:var(--bg-muted)}.btn-primary,.btn-secondary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:var(--r-md);padding:12px 18px;font-weight:600;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn-primary{color:#fff;background:var(--accent-ink)}.btn-primary:hover{background:#46201a}.btn-primary:disabled{opacity:.55}.btn-secondary{color:var(--ink-1);background:var(--bg-app);border:1px solid var(--line-1)}.btn-secondary:hover{border-color:var(--ink-3)}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover{color:var(--ink-1);background:var(--bg-muted)}.btn-primary:active,.btn-secondary:active,.btn-ghost:active,.btn-replay:active,.btn-continue:active{transform:translateY(1px)}.btn-replay{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;font-family:var(--font-sans);border:1px solid #d0e8f7;border-radius:var(--r-sm);background:#e8f4fd;color:#1a6aa5;cursor:pointer;transition:background .15s,border-color .15s}.btn-replay:hover{background:#d0e8f7;border-color:#b8daf0}.btn-continue{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;font-family:var(--font-sans);border:1px solid var(--accent-blue);border-radius:var(--r-sm);background:var(--accent-blue);color:#fff;cursor:pointer;transition:background .15s,border-color .15s}.btn-continue:hover{background:#1557b0;border-color:#1557b0}.error-note{display:flex;gap:9px;align-items:flex-start;color:var(--danger);background:#f7e4df;border:1px solid #e4c1ba;border-radius:var(--r-md);padding:11px 13px;font-size:14px}.prep-status{font-size:13px;margin-top:6px;text-align:center}.prep-status.preparing{color:var(--accent-gold);animation:pulse 1.5s ease-in-out infinite}.prep-status.ready{color:var(--success)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.suggestion-block{margin-top:22px;padding-top:18px;border-top:1px solid var(--line-2)}.suggestion-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.suggestion-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;border:1px solid var(--line-1);border-radius:var(--r-sm);background:var(--bg-app);color:var(--ink-2);padding:8px 11px;font-size:13px}.suggestion-chip:hover{color:var(--ink-1);border-color:var(--ink-3)}.chip-kind{font-family:var(--font-mono);font-size:10px;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.1em}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:12px}.demo-card{display:flex;flex-direction:column;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-app);overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}.demo-card:hover{border-color:var(--accent-gold);box-shadow:0 4px 12px #2d1e0f1a}.demo-card:disabled{opacity:.6;cursor:not-allowed}.demo-thumb{width:100%;aspect-ratio:16/9;object-fit:cover}.demo-info{padding:10px 12px;display:flex;flex-direction:column;gap:4px}.demo-label{font-size:13px;font-weight:500;color:var(--ink-1);line-height:1.3}.conv-section{display:flex;gap:24px;align-items:flex-start;margin-bottom:32px}.conv-video-thumb{width:240px;border-radius:var(--r-md);flex-shrink:0;aspect-ratio:16 / 9;object-fit:cover}.conv-intro{flex:1}.conv-grid{display:flex;flex-direction:column;gap:10px}.conv-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-surface);cursor:pointer;transition:border-color .15s,box-shadow .15s;text-align:left;width:100%}.conv-card:hover{border-color:var(--accent-gold);box-shadow:0 4px 12px #2d1e0f14}.conv-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg-muted);font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink-2);flex-shrink:0}.conv-body{flex:1;min-width:0}.conv-name{font-size:15px;font-weight:600;color:var(--ink-1);margin-bottom:4px}.conv-meta{display:flex;gap:12px;font-size:12px;font-family:var(--font-mono);color:var(--ink-3)}.conv-duration{color:var(--accent-gold)}.conv-arrow{font-size:18px;color:var(--ink-4);flex-shrink:0}.conv-card:hover .conv-arrow{color:var(--accent-gold)}@media (max-width: 600px){.conv-section{flex-direction:column}.conv-video-thumb{width:100%;max-width:100%}}.flow-section{margin-top:58px;padding-top:26px;border-top:1px solid var(--line-1)}.flow-heading{display:flex;justify-content:center;gap:24px;align-items:end;margin-bottom:18px;text-align:center}.flow-heading h2{margin-top:4px;font-family:var(--font-serif);font-size:28px;font-weight:500}.flow-heading p{max-width:360px;color:var(--ink-2);font-size:14px}.flow-showcase{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.flow-preview{position:sticky;top:24px;border-radius:var(--r-md);border:1px solid var(--line-1);background:var(--bg-card);overflow:hidden;box-shadow:0 4px 24px #00000014}.flow-preview-img{width:100%;display:block;object-fit:contain;transition:opacity .3s ease}.flow-tabs{list-style:none;display:flex;flex-direction:column;gap:8px}.flow-tab{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:var(--r-md);border:1px solid var(--line-1);background:var(--bg-app);cursor:pointer;transition:all .2s ease}.flow-tab:hover{border-color:var(--accent-soft);background:var(--bg-card)}.flow-tab.is-active{border-color:#c9a987;background:#fffaf1;box-shadow:0 2px 8px #b48c501a}.flow-number{display:inline-grid;width:30px;height:30px;min-width:30px;place-items:center;border-radius:50%;color:var(--accent-ink);background:var(--accent-soft);font-family:var(--font-mono);font-size:11px;font-weight:600}.flow-tab.is-active .flow-number{background:var(--accent-ink);color:#fff}.flow-tab-body{min-width:0}.flow-tab-body h3{margin-top:4px;font-size:14px;font-weight:600}.flow-tab-body p{margin-top:4px;color:var(--ink-2);font-size:12px;line-height:1.4}.flow-category{display:block;margin-top:10px;color:var(--accent-gold);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.screen-shell{width:min(100%,900px);margin:0 auto}.screen-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line-1);margin-bottom:24px}.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--ink-2);font-size:14px;font-weight:500}.back-link:hover{color:var(--ink-1)}.analysis-wrap{display:grid;min-height:100vh;place-items:center;padding:28px}.analysis-card{width:min(100%,430px);padding:24px}.analysis-thumb{overflow:hidden;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-muted);aspect-ratio:16 / 9;margin-top:20px}.analysis-thumb img{width:100%;height:100%;object-fit:cover;display:block}.analysis-steps{display:grid;gap:12px;margin-top:22px}.analysis-step{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;color:var(--ink-3);transition:opacity .25s ease,color .25s ease}.analysis-step.is-active,.analysis-step.is-done{color:var(--ink-1)}.step-code{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line-1);border-radius:var(--r-sm);background:var(--bg-app);color:var(--accent-ink);font-family:var(--font-mono);font-size:10px;font-weight:600}.analysis-step.is-done .step-code{background:#f0fdf4;border-color:#bbf7d0}.step-check-img{width:18px;height:18px}.analysis-hint{margin-top:20px;color:var(--ink-1);font-family:var(--font-sans);font-size:14px;font-weight:600;letter-spacing:normal;text-align:center;text-transform:none}.loading-dots span{animation:dotBlink 1.4s infinite both}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBlink{0%,80%,to{opacity:0}40%{opacity:1}}.spinner{width:15px;height:15px;border:2px solid var(--accent-soft);border-top-color:var(--accent-ink);border-radius:50%;animation:spin .7s linear infinite}.setup-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.setup-main,.setup-side{display:grid;gap:20px}.video-summary{display:flex;align-items:center;gap:16px;overflow:hidden}.video-image{aspect-ratio:16 / 9;background:var(--bg-muted);object-fit:cover;width:160px;min-width:160px;border-radius:var(--r-sm)}.video-body{padding:4px 0}.topic-badge,.mode-pill,.recorded-badge,.accuracy-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line-1);background:var(--bg-app);color:var(--ink-2);padding:5px 10px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.video-title{margin-top:10px;font-family:var(--font-serif);font-size:18px;font-weight:500}.video-desc{margin-top:8px;color:var(--ink-2);font-size:14px;line-height:1.6}.section-title{font-family:var(--font-serif);font-size:18px;font-weight:500}.section-copy{margin-top:5px;color:var(--ink-2);font-size:14px}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.role-card{min-height:210px;text-align:left;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-surface);padding:16px;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}@media (max-width: 720px){.role-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.role-card{min-height:0;padding:10px}.role-card h3{margin-top:10px;font-size:15px}.role-card p{margin-top:4px;font-size:12px;line-height:1.4}.role-card-top .role-mark{width:28px;height:28px}.line-count{font-size:10px}.selected-note{margin-top:8px;padding-top:8px;font-size:9px}.video-summary{flex-direction:column;align-items:center;text-align:center;gap:12px}.video-image{width:120px;min-width:120px}.video-title{font-size:10px}.video-desc{font-size:13px}}.role-card:hover{transform:translateY(-1px);border-color:var(--ink-3)}.role-card.is-selected{border-color:var(--accent-ink);box-shadow:0 14px 36px -30px #5c2a1fb3}.role-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.line-count{color:var(--ink-3);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.role-card h3{margin-top:18px;font-size:18px;font-weight:600}.role-card p{margin-top:8px;color:var(--ink-2);font-size:14px;line-height:1.5}.selected-note{display:block;margin-top:13px;padding-top:11px;border-top:1px solid var(--line-2);color:var(--accent-ink);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.12em;text-align:center;text-transform:uppercase}.mode-panel,.preview-panel{border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-surface);padding:16px}.mode-panel{display:grid;gap:10px}.mode-button{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;width:100%;border:1px solid var(--line-1);border-radius:var(--r-sm);background:var(--bg-app);padding:12px;text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.mode-button:hover{border-color:var(--ink-3);background:#fefcf8;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.mode-button.is-active{border-color:var(--accent-ink);background:#fffaf1;box-shadow:0 6px 16px -4px #5c2a1f26}.mode-button.is-active:hover{background:#fff5e6;box-shadow:0 8px 20px -4px #5c2a1f33}.mode-button strong{display:block;font-size:14px}.mode-button span{display:block;margin-top:2px;color:var(--ink-3);font-size:12px;line-height:1.35}.mode-button .mode-pill{display:inline-flex;margin-top:0;color:var(--ink-2)}.preview-lines{display:grid;gap:12px;margin-top:14px}.preview-line,.script-line{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:start}.preview-line .role-mark,.script-line .role-mark{width:32px;height:32px;font-size:15px}.preview-name,.script-speaker,.line-counter{color:var(--ink-3);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.preview-text{margin-top:2px;color:var(--ink-2);font-size:13px;line-height:1.5}.more-lines{color:var(--ink-3);font-size:13px;text-align:center}.practice-page{display:flex;min-height:100vh;flex-direction:column}.practice-header{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line-1);background:#faf8f3eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.practice-header .right{display:flex;justify-content:flex-end}.role-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line-1);border-radius:999px;background:var(--bg-surface);padding:6px 12px 6px 7px}.role-chip .role-mark{width:28px;height:28px;font-size:15px}.role-chip-text{font-size:14px;font-weight:600}.mode-badge{color:var(--accent-gold);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.script-toggle{border:1px solid var(--line-1);border-radius:var(--r-sm);background:var(--bg-surface);color:var(--ink-2);padding:9px 12px;font-size:13px;font-weight:600}.script-toggle.is-on{color:var(--accent-ink);border-color:var(--accent-ink)}.progress-track{height:4px;background:var(--line-2)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-ink),var(--accent-gold));transition:width .35s ease}.practice-main{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,560px);gap:20px;width:min(100%,980px);margin:0 auto;padding:24px}.practice-main.practice-with-video{grid-template-columns:1fr 1fr;width:min(100%,1200px)}.practice-main.is-focused{grid-template-columns:minmax(0,720px);justify-content:center}.video-player-panel{position:sticky;top:80px;align-self:start}.video-player-wrap{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--r-md);overflow:hidden;background:var(--bg-deep);border:1px solid var(--line-1)}.video-player-wrap iframe{width:100%;height:100%;border:0}.video-timestamp{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.timestamp-sep{color:var(--line-1)}.practice-right-col{display:grid;gap:16px;align-content:start}.script-feed{display:flex;flex-direction:column;gap:10px;margin-top:14px;max-height:480px;overflow-y:auto;padding:16px;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-surface)}.feed-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 10px;border-bottom:1px solid var(--line-2);margin-bottom:4px}.feed-counter{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--ink-3)}.feed-who{font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--ink-1)}.feed-line{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:start;padding:12px 14px;border-radius:var(--r-md);opacity:.55;transition:opacity .3s ease,background .3s ease;animation:fadeUp .3s ease both}.feed-line.is-clickable{cursor:pointer}.feed-line.is-clickable:hover{opacity:.85;background:var(--bg-muted);border-radius:var(--r-md)}.feed-line.is-current{opacity:1;background:var(--bg-muted);border:1px solid var(--line-1);box-shadow:0 2px 8px #2d1e0f14}.feed-line.is-mine.is-current{background:#fffaf1;border-color:#c9a987;box-shadow:0 2px 10px #a8843b1f}.feed-line .role-mark{width:34px;height:34px;font-size:14px}.feed-line-body{min-width:0}.feed-speaker{color:var(--ink-2);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.feed-time{margin-left:8px;color:var(--ink-4);font-family:var(--font-mono);font-size:11px}.feed-text{margin-top:4px;color:var(--ink-1);font-size:16px;line-height:1.55}.feed-line:not(.is-current) .feed-text{color:var(--ink-2);font-size:14px}.feed-line.is-current .feed-text{font-weight:500;font-size:18px}.script-panel,.action-panel{display:grid;gap:16px}.practice-card{padding:18px}.script-scroll{display:grid;max-height:570px;gap:9px;margin-top:14px;overflow-y:auto;padding-right:2px}.script-line{border:1px solid transparent;border-radius:var(--r-md);padding:10px;opacity:.48;transition:opacity .25s ease,background .25s ease,border-color .25s ease}.script-line.is-mine{background:#fffaf1}.script-line.is-current{border-color:var(--accent-ink);background:var(--bg-surface);opacity:1}.script-line.is-past{opacity:.32}.script-text{margin-top:3px;color:var(--ink-1);font-size:13px;line-height:1.5}.mini-play{border:1px solid #bfd0c2;border-radius:var(--r-sm);background:var(--role-b-soft);color:var(--role-b);padding:4px 7px;font-family:var(--font-mono);font-size:10px;font-weight:600}.current-card{display:grid;gap:16px;padding:22px}.current-header{display:flex;gap:12px;align-items:center}.current-card .role-mark{width:52px;height:52px}.current-who{color:var(--ink-2);font-size:14px;font-weight:600}.current-who strong{color:var(--accent-ink)}.current-text{font-family:var(--font-serif);font-size:28px;font-weight:500;line-height:1.28}.muted-italic{color:var(--ink-3);font-style:italic}.control-card{min-height:210px}.center-stack{display:grid;gap:12px;justify-items:stretch;text-align:center}.hint-text{color:var(--ink-2);font-size:14px}.record-button{color:var(--danger);background:#f7e4df;border:1px solid #e4c1ba}.mic-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 5px #9d3b2f1f}.wave-row{display:flex;justify-content:center;align-items:center;gap:5px;height:42px}.wavebar{width:5px;height:30px;border-radius:999px;background:var(--danger);animation:wave .8s ease-in-out infinite}.wavebar.is-bot{background:var(--accent-ink)}.stop-button{color:#fff;background:var(--danger)}.recorded-badge{color:var(--success);border-color:#bfd0c2;background:var(--role-b-soft)}.answer-compare{display:grid;gap:10px;width:100%}.answer-row{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--bg-app);padding:11px 13px;text-align:left}.answer-label{display:block;margin-bottom:4px;color:var(--ink-3);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.answer-text{color:var(--ink-1);font-size:14px;line-height:1.5}.answer-text.is-correct{color:var(--success)}.accuracy-badge{justify-self:center;color:var(--accent-ink);border-color:var(--accent-soft);background:#fffaf1}.listening-input{height:48px;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-app);padding:0 14px}.done-wrap{display:flex;justify-content:center;min-height:100vh;padding:20px 16px;overflow-y:auto}.done-card{display:flex;flex-direction:column;align-items:center;width:100%;max-width:560px;gap:16px;padding:24px 16px;text-align:center}.done-mark{display:grid;width:70px;height:70px;place-items:center;border:1px solid var(--accent-ink);border-radius:50%;color:var(--accent-ink);background:var(--accent-soft);font-family:var(--font-serif);font-size:34px;font-style:italic}.done-title{font-family:var(--font-serif);font-size:32px;font-weight:500}.done-sub{color:var(--ink-2)}.done-stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:8px;box-sizing:border-box}.stat-box{border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-app);padding:14px 10px}.stat-num{display:block;color:var(--accent-ink);font-family:var(--font-serif);font-size:28px;font-weight:500}.stat-label{color:var(--ink-3);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.done-replay{width:100%;margin-top:24px;padding:16px;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-muted);text-align:center;overflow:hidden;box-sizing:border-box}.done-replay-title{font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--ink-1)}.done-replay-sub{margin-top:4px;font-size:13px;color:var(--ink-3)}.done-replay .btn-primary,.done-replay .btn-secondary{margin-top:14px}.replay-status{margin-top:10px;font-size:13px;font-weight:500;color:var(--ink-2)}.replay-error{color:var(--danger)}.download-link{display:inline-block;margin-top:10px;font-size:13px;text-align:center;text-decoration:none}.done-actions{display:flex;flex-direction:column;width:100%;gap:10px;margin-top:20px;box-sizing:border-box}.fade-up{animation:fadeUp .42s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{0%,to{transform:scaleY(.42)}50%{transform:scaleY(1)}}@media (max-width: 1040px){.input-hero,.setup-grid,.practice-main,.practice-main.practice-with-video{grid-template-columns:1fr}.video-player-panel{position:static}.display-title{font-size:48px}.flow-showcase{grid-template-columns:1fr 280px}}@media (max-width: 720px){.rs-page-inner{padding:24px 16px 48px}.brand-strip,.flow-heading,.screen-header{align-items:flex-start;flex-direction:column}.brand-meta{font-size:10px}.input-hero{gap:24px}.intro-copy{padding-top:0}.display-title{font-size:38px}.app-copy{font-size:16px}.flow-showcase{grid-template-columns:1fr}.flow-preview{position:static;order:-1}.practice-header{grid-template-columns:1fr;justify-items:stretch;padding:14px 16px}.practice-header .right,.role-chip{justify-content:center}.practice-main{padding:16px}.script-feed{max-height:60vh;padding:12px}.feed-line{grid-template-columns:30px 1fr auto;padding:10px 12px;gap:8px}.feed-line .role-mark{width:30px;height:30px}.feed-text{font-size:15px}.feed-line.is-current .feed-text{font-size:17px}.current-text{font-size:24px}.done-wrap{padding:16px 12px}.done-card{padding:20px 12px;max-width:100%}.done-title{font-size:24px}.done-stats{grid-template-columns:repeat(3,1fr);gap:6px}.stat-box{padding:10px 6px}.stat-num{font-size:22px}.stat-label{font-size:9px}.done-replay{padding:12px}.volume-controls{padding:10px}.volume-label{font-size:11px}.replay-transcript{max-height:200px;padding:8px}.replay-text{font-size:12px}.phrase-card{padding:10px}.phrase-text{font-size:13px}.phrase-meaning{font-size:12px}.phrase-example{font-size:11px}.demo-grid{grid-template-columns:repeat(2,1fr);gap:10px}.demo-thumb{aspect-ratio:16 / 10}.sessions-grid{grid-template-columns:1fr}.session-card{display:grid;grid-template-columns:120px 1fr}.session-thumb{aspect-ratio:1 / 1;height:100%;border-bottom:none;border-right:1px solid var(--line-2)}}.sessions-section{margin-top:48px;padding-top:28px;border-top:1px solid var(--line-1)}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:14px}.session-card{border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-surface);overflow:hidden}.session-thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-bottom:1px solid var(--line-2)}.session-body{padding:14px}.session-meta{color:var(--ink-3);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.session-id,.session-title{margin-top:6px;font-size:14px;font-weight:600;color:var(--ink-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.session-actions{display:flex;gap:8px;margin-top:12px}.session-actions .btn-primary{min-height:36px;padding:8px 14px;font-size:13px}.session-actions .btn-ghost{min-height:36px;padding:8px 10px;font-size:13px}.btn-translate{display:inline-block;margin-top:6px;padding:6px 14px;font-size:13px;font-family:var(--font-sans);font-weight:500;color:var(--accent-blue);background:var(--bg-muted);border:1px solid var(--line-2);border-radius:var(--r-sm);cursor:pointer;transition:background .15s,border-color .15s}.btn-translate:hover:not(:disabled){background:var(--accent-gold-soft);border-color:var(--accent-gold)}.btn-translate:disabled{opacity:.5;cursor:not-allowed}.feed-translation,.current-translation{margin-top:4px;font-size:13px;font-style:italic;color:var(--accent-blue);line-height:1.4}.current-translation{font-size:14px;margin-bottom:4px}.preview-page .screen-shell{max-width:1100px}.preview-hero{text-align:center;margin-bottom:24px}.preview-step-badge,.done-step-badge{display:inline-block;padding:4px 12px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue);background:var(--accent-gold-soft);border-radius:var(--r-sm);margin-bottom:12px}.preview-time-range{display:inline-block;margin-top:8px;padding:4px 10px;font-size:12px;font-family:var(--font-mono);color:var(--ink-3);background:var(--bg-muted);border-radius:var(--r-sm)}.preview-characters{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.preview-char-chip{display:flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid var(--line-1);border-radius:var(--r-md);background:var(--bg-card);transition:border-color .3s,box-shadow .3s,transform .2s;position:relative}.preview-char-chip.is-speaking{border-color:var(--accent-gold);box-shadow:0 0 0 2px var(--accent-gold-soft),0 4px 12px #00000014;transform:scale(1.03)}.preview-char-info{display:flex;flex-direction:column;gap:2px}.preview-char-name{font-size:14px;font-weight:600;color:var(--ink-1)}.preview-char-gender{font-size:11px;color:var(--ink-3)}.speaking-indicator{width:8px;height:8px;border-radius:50%;background:var(--accent-gold);animation:speakPulse 1s ease infinite}@keyframes speakPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.preview-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}@media (max-width: 768px){.preview-layout{grid-template-columns:1fr}}.preview-video-section{display:flex;flex-direction:column;gap:16px}.preview-player-wrap{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--r-md);overflow:hidden;background:var(--bg-muted)}.preview-player-wrap iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.preview-controls{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;position:sticky;bottom:0;padding:12px 0;background:var(--bg-page);z-index:10}.preview-controls .btn-secondary{background:#5c4033;border-color:#5c4033;color:#fff}.preview-controls .btn-secondary:hover{background:#7a5545;border-color:#7a5545;color:#fff}.preview-script-section{max-height:500px;overflow-y:auto;border:1px solid var(--line-1);border-radius:var(--r-md);padding:16px;background:var(--bg-card)}.preview-script-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.preview-script-line{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--r-sm);transition:background .2s,box-shadow .2s}.preview-script-line.is-active{background:var(--accent-gold-soft);box-shadow:inset 3px 0 0 var(--accent-gold)}.preview-script-body{flex:1;min-width:0}.preview-script-name{font-size:12px;font-weight:600;color:var(--ink-2)}.preview-script-time{font-size:11px;color:var(--ink-3);margin-left:8px;font-family:var(--font-mono)}.preview-script-text{font-size:14px;color:var(--ink-1);margin-top:2px;line-height:1.4}.volume-controls{display:flex;flex-direction:column;gap:10px;margin:16px 0;padding:12px;background:var(--bg-card);border-radius:var(--r-md);border:1px solid var(--line-1);width:100%;box-sizing:border-box}.volume-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.volume-label{font-size:12px;font-weight:500;color:var(--ink-2);text-align:left;grid-column:1 / -1}.volume-slider{width:100%;height:4px;accent-color:var(--accent-blue);cursor:pointer}.volume-value{font-size:11px;font-family:var(--font-mono);color:var(--ink-3);min-width:32px;text-align:right}.replay-transcript{margin-top:16px;max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--bg-card);border:1px solid var(--line-1);border-radius:var(--r-md);width:100%;box-sizing:border-box;text-align:left}.replay-line{display:flex;align-items:flex-start;gap:8px;padding:8px;border-radius:var(--r-sm);opacity:.4;transition:opacity .3s,background .3s;min-width:0}.replay-line.is-past{opacity:.6}.replay-line.is-current{opacity:1;background:var(--accent-gold-soft);box-shadow:inset 3px 0 0 var(--accent-gold)}.replay-line .role-mark{flex-shrink:0}.replay-line-body{flex:1;min-width:0;overflow:hidden}.replay-speaker{font-size:11px;font-weight:600;color:var(--ink-2)}.replay-text{font-size:13px;color:var(--ink-1);margin-top:2px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.done-phrases{width:100%;margin-top:24px;padding-top:20px;border-top:1px solid var(--line-1);box-sizing:border-box;text-align:left}.done-phrases-title{font-size:15px;font-weight:600;color:#5c4033;text-align:center}.done-phrases-sub{font-size:12px;color:#7a5545;margin-top:4px;text-align:center}.phrases-status{margin-top:12px;font-size:13px;color:var(--ink-3);font-style:italic}.phrases-status.is-loading{display:flex;align-items:center;gap:8px}.phrases-status.is-loading:after{content:"";display:inline-block;width:16px;height:16px;border:2px solid var(--accent-soft);border-top-color:var(--accent-ink);border-radius:50%;animation:spin .7s linear infinite}.phrases-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.phrase-card{padding:12px;background:var(--bg-card);border:1px solid var(--line-1);border-radius:var(--r-md);box-sizing:border-box}.phrase-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.phrase-text{font-size:14px;font-weight:600;color:var(--ink-1);word-wrap:break-word}.phrase-category{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:var(--r-sm);background:var(--accent-gold-soft);color:var(--accent-gold);flex-shrink:0}.phrase-category.cat-idiom{background:#e8f4fd;color:#1a73e8}.phrase-category.cat-colloquial{background:#fef3e2;color:#e65100}.phrase-category.cat-reaction{background:#e8f5e9;color:#2e7d32}.phrase-category.cat-question{background:#f3e8fd;color:#7b1fa2}.phrase-meaning{margin-top:6px;font-size:13px;color:var(--ink-2);line-height:1.4}.phrase-example{margin-top:4px;font-size:12px;color:var(--ink-3);font-style:italic;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}