.conversation{color:var(--color-text-primary);font-family:var(--font-body)}.conversation *{box-sizing:border-box}.conversation h1{font-family:var(--font-display,sans-serif);font-size:clamp(1.6rem,4vw,2.5rem);font-weight:800;line-height:1.25}.conversation h2{font-family:var(--font-display,sans-serif);font-size:1.25rem;font-weight:750;line-height:1.4}.conversation h3{font-size:1.05rem;font-weight:750}.conversation p{line-height:1.65}.conversation .cv-muted{color:var(--color-text-secondary);font-size:.875rem}.conversation .cv-panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:24px;padding:clamp(16px,3vw,28px)}.conversation .cv-stack{gap:20px;display:grid}.conversation .cv-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.conversation .cv-between{justify-content:space-between}.conversation .cv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.conversation .cv-card{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:24px;transition:border-color .2s,transform .2s;overflow:hidden}.conversation a.cv-card:hover{border-color:var(--color-primary);transform:translateY(-3px)}.conversation .cv-card-body{gap:12px;padding:20px;display:grid}.conversation .cv-thumbnail{aspect-ratio:16/9;object-fit:cover;background:var(--color-primary-light);width:100%}.conversation .cv-placeholder{color:var(--color-primary);background:radial-gradient(ellipse at 25% 30%, var(--color-gold-light), transparent 65%), var(--color-primary-light);place-content:center;display:grid}.conversation .cv-button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:.875rem;font-weight:650;text-decoration:none;display:inline-flex}.conversation .cv-button:hover{background:var(--color-surface-subtle)}.conversation .cv-button.cv-primary,.conversation .cv-button[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}.conversation .cv-button:disabled{opacity:.55;cursor:not-allowed}.conversation :is(button,a,input,textarea,select):focus-visible{outline:3px solid var(--color-gold);outline-offset:3px}.conversation .cv-badge{background:var(--color-primary-light);color:var(--color-text-primary);border-radius:99px;padding:5px 10px;font-size:.75rem;font-weight:650}.conversation .cv-field{gap:6px;font-size:.875rem;font-weight:600;display:grid}.conversation :is(input:not([type=checkbox]),textarea,select){background:var(--color-surface);width:100%;min-height:44px;color:var(--color-text-primary);border:1px solid var(--color-border);font:400 .875rem/1.5 var(--font-body);border-radius:12px;padding:10px 12px}.conversation textarea{resize:vertical;min-height:88px}.conversation .cv-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.conversation .cv-notice{border:1px solid var(--color-border);background:var(--color-primary-light);border-radius:16px;padding:16px;font-size:.875rem}.conversation .cv-error{border-color:var(--color-danger);color:var(--color-danger)}.conversation .cv-progress{appearance:none;width:100%;height:6px;accent-color:var(--color-primary);background:var(--color-primary-light);border-radius:9px;overflow:hidden}.conversation .cv-progress::-webkit-progress-bar{background:var(--color-primary-light)}.conversation .cv-progress::-webkit-progress-value{background:var(--color-primary)}.conversation .cv-progress::-moz-progress-bar{background:var(--color-primary)}.conversation .cv-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px;padding:24px 0;display:grid;position:relative}.conversation .cv-path-node{text-align:center;justify-items:center;gap:10px;min-width:0;padding:24px 16px;display:grid;position:relative}.conversation .cv-path-node:before{content:"";background:var(--color-border);z-index:0;height:6px;position:absolute;top:58px;left:-12px;right:-12px}.conversation .cv-path-icon{border:4px solid var(--color-primary);background:var(--color-surface);width:72px;height:72px;color:var(--color-primary);box-shadow:var(--shadow-raised);border-radius:50%;place-content:center;display:grid;position:relative}.conversation .cv-path-node[data-complete=true] .cv-path-icon{background:var(--color-primary);color:var(--color-bg)}.conversation .cv-path-node:hover .cv-path-icon{outline:4px solid var(--color-primary-light)}.conversation .cv-turn{justify-content:flex-start;display:flex}.conversation .cv-turn[data-role=B]{justify-content:flex-end}.conversation .cv-bubble{border:1px solid var(--color-border);background:var(--color-surface);border-radius:24px 24px 24px 6px;width:min(84%,620px);padding:20px}.conversation .cv-turn[data-role=B] .cv-bubble{background:var(--color-primary-light);border-radius:24px 24px 6px}.conversation .cv-turn[data-active=true] .cv-bubble{outline:3px solid var(--color-primary);outline-offset:3px}.conversation .cv-hanzi{font-family:var(--font-hanzi);overflow-wrap:anywhere;font-size:1.4rem;line-height:1.7}.conversation .cv-pinyin{color:var(--color-primary);font-size:.95rem;line-height:1.8}.conversation .cv-controls{padding-bottom:max(16px, env(safe-area-inset-bottom));z-index:5;position:sticky;bottom:12px}.conversation .cv-diff span[data-kind=missing],.conversation .cv-diff span[data-kind=wrong]{color:var(--color-danger);text-underline-offset:5px;text-decoration:underline}.conversation .cv-score-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.conversation .cv-score-grid>div{background:var(--color-primary-light);border-radius:14px;padding:14px}.conversation .cv-dialog{z-index:80;background:#000000a6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.conversation .cv-dialog>div{width:min(100%,900px);max-height:90dvh;overflow-y:auto}@media (min-width:900px){.conversation .cv-path-node:nth-child(3n+2){transform:translateY(28px)}}@media (max-width:1000px){.conversation .cv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.conversation .cv-grid,.conversation .cv-form-grid{grid-template-columns:1fr}.conversation .cv-path{grid-template-columns:1fr;gap:0}.conversation .cv-path-node{text-align:left;grid-template-columns:72px 1fr;justify-items:start;column-gap:20px;padding:20px 8px}.conversation .cv-path-icon{grid-row:span 3}.conversation .cv-path-node:before{width:6px;height:auto;inset:0 auto 0 41px}.conversation .cv-bubble{width:92%;padding:16px}.conversation .cv-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.conversation *,.conversation :before{transition:none!important;animation:none!important}}.conversation{--cv-accent:var(--color-primary);--cv-soft:var(--color-primary-light)}.conversation .cv-eyebrow{letter-spacing:.12em;color:var(--color-primary);align-items:center;gap:7px;font-size:.7rem;font-weight:800;line-height:1.6;display:inline-flex}.conversation :is(.cv-button,.cv-mode-card,.cv-stage-mode){transition:background .18s,box-shadow .18s,border-color .18s,transform .18s}.conversation :is(.cv-button,.cv-stage-mode):active:not(:disabled){box-shadow:none;transform:translateY(2px)scale(.98)}.conversation .cv-button.cv-primary{box-shadow:0 4px 0 color-mix(in srgb, var(--color-primary), var(--color-text-primary) 30%)}.conversation .cv-button.cv-primary:hover{filter:brightness(1.06)}.conversation .cv-action-large{border-radius:18px;justify-self:start;min-height:52px;padding:14px 24px;font-size:.95rem}.conversation .cv-catalog-heading{gap:8px;display:grid}.conversation .cv-catalog-heading h2{font-size:clamp(1.4rem,3vw,1.85rem)}.conversation .cv-card{height:100%;box-shadow:0 5px 0 var(--color-border), var(--shadow-card);display:block}.conversation .cv-card:active{box-shadow:0 1px 0 var(--color-border);transform:translateY(3px)}.conversation .cv-placeholder{position:relative;overflow:hidden}.conversation .cv-placeholder:before,.conversation .cv-placeholder:after{content:"";border:1px solid color-mix(in srgb, var(--color-primary), transparent 80%);border-radius:50%;width:140px;height:140px;position:absolute;bottom:-60px;left:-30px}.conversation .cv-placeholder:after{width:200px;height:200px;inset:-70px -35px auto auto}.conversation .cv-placeholder>svg{background:var(--color-surface);border:1px solid var(--color-border);width:98px;height:98px;box-shadow:var(--shadow-raised);border-radius:24px;padding:18px;transform:rotate(-8deg)}.conversation .cv-topic-hero{border:1px solid var(--color-border);background:linear-gradient(115deg, var(--color-surface) 30%, var(--color-primary-light));border-radius:32px;grid-template-columns:1fr 160px;align-items:center;gap:24px;padding:20px 24px;display:grid;position:relative;overflow:hidden}.conversation .cv-topic-intro{gap:8px;display:grid}.conversation .cv-topic-intro h1{letter-spacing:-.035em;max-width:690px;font-size:clamp(1.5rem,2.5vw,2rem)}.conversation .cv-topic-intro>p{max-width:590px;color:var(--color-text-secondary)}.conversation .cv-topic-stats{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:6px;display:flex}.conversation .cv-topic-stats>span{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.conversation .cv-topic-stats strong{color:var(--color-text-primary);font-size:1rem}.conversation .cv-topic-art{place-content:center;min-height:120px;display:grid;position:relative}.conversation .cv-art-orbit{border:1px dashed color-mix(in srgb, var(--color-primary), transparent 65%);border-radius:50%;position:absolute;inset:10px;transform:rotate(-20deg)}.conversation .cv-art-bubble{background:var(--color-primary);width:100px;height:78px;color:var(--color-bg);font-family:var(--font-hanzi);box-shadow:0 8px 0 color-mix(in srgb, var(--color-primary), transparent 70%);border-radius:32px 32px 32px 6px;place-content:center;font-size:1.8rem;font-weight:800;display:grid;position:relative;transform:rotate(-10deg)}.conversation .cv-art-bubble>svg{color:var(--color-primary);position:absolute;top:-24px;right:-25px}.conversation .cv-art-reply{white-space:nowrap;background:var(--color-gold-light);color:var(--color-text-primary);border:3px solid var(--color-surface);border-radius:16px 16px 4px;padding:8px 10px;font-size:.85rem;position:absolute;bottom:-16px;right:-24px;transform:rotate(14deg)}.conversation .cv-art-tag{color:var(--color-primary);font-size:.7rem;font-weight:700;position:absolute;bottom:-9px;right:25px}.conversation .cv-journey-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:4px 4px 0;display:flex}.conversation .cv-level-switch{border:1px solid var(--color-border);background:var(--color-surface);border-radius:18px;flex-wrap:wrap;gap:4px;padding:5px;display:inline-flex}.conversation .cv-level-switch .cv-button{box-shadow:none;border-color:#0000}.conversation .cv-journey{isolation:isolate;background-image:radial-gradient(var(--color-border) 1px, transparent 1px);background-size:26px 26px;border-radius:32px;padding:12px 14px;position:relative}.conversation .cv-journey-road{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:visible}.conversation .cv-journey-road path{fill:none;stroke-linecap:round;stroke-linejoin:round}.conversation .cv-road-shadow{stroke:var(--color-bg);stroke-width:24px}.conversation .cv-road-base{stroke:var(--color-border);stroke-width:16px}.conversation .cv-road-dashes{stroke:color-mix(in srgb, var(--color-primary), transparent 25%);stroke-width:3px;stroke-dasharray:2 12}.conversation .cv-road-complete{stroke:var(--color-primary);stroke-width:10px}.conversation .cv-journey-stops{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px;display:grid}.conversation .cv-journey-stop{min-width:0;padding:0 8px}.conversation .cv-journey-stop:nth-child(3n+2){padding-top:64px}.conversation .cv-stop-button{text-align:center;cursor:pointer;border-radius:24px;justify-items:center;gap:6px;width:100%;padding:6px 8px 10px;display:grid}.conversation .cv-stop-button:focus-visible{outline-offset:6px}.conversation .cv-stop-orbit{border:2px solid var(--color-border);background:var(--color-bg);border-radius:50%;place-items:center;width:76px;height:76px;margin:2px 0 6px;display:grid;position:relative}.conversation .cv-stop-core{isolation:isolate;--cv-node-face:var(--color-surface);--cv-node-edge:color-mix(in srgb, var(--color-primary) 48%, var(--color-border));width:60px;height:60px;color:var(--color-primary);border:2px solid color-mix(in srgb, var(--color-primary) 70%, var(--color-surface));background:radial-gradient(ellipse at 35% 12%, color-mix(in srgb, var(--cv-node-face), white 16%), var(--cv-node-face) 70%);box-shadow:inset 0 1px 1px #ffffff4d, inset 0 -2px 2px color-mix(in srgb, var(--cv-node-edge), transparent 82%), 0 4px 0 var(--cv-node-edge), 0 8px 12px -5px color-mix(in srgb, var(--color-text-primary), transparent 80%);border-radius:50%;place-items:center;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;position:relative}.conversation .cv-stop-core:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#ffffff1f,#0000);border-top:1px solid #ffffff4d;border-radius:50% 50% 42% 42%;position:absolute;inset:4px 7px 50%}.conversation .cv-stop-button:is(:active,[data-pressed=true]) .cv-stop-core{box-shadow:inset 0 1px 1px #ffffff38, 0 1px 0 var(--cv-node-edge), 0 3px 6px -3px color-mix(in srgb, var(--color-text-primary), transparent 80%);transform:translateY(3px)}@media (hover:hover) and (pointer:fine){.conversation .cv-stop-button:hover .cv-stop-core{border-color:var(--color-primary)}}.conversation .cv-journey-stop[data-current=true] .cv-stop-orbit{border-color:var(--color-primary);box-shadow:0 0 0 8px var(--color-primary-light)}.conversation .cv-journey-stop[data-current=true] .cv-stop-core,.conversation .cv-journey-stop[data-complete=true] .cv-stop-core{--cv-node-face:var(--color-primary);--cv-node-edge:color-mix(in srgb, var(--color-primary), var(--color-text-primary) 28%);color:var(--color-bg)}.conversation .cv-stop-pin{background:var(--color-gold-light);color:var(--color-text-primary);border:2px solid var(--color-surface);white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:800;position:absolute;bottom:-12px}.conversation .cv-stop-done{border:2px solid var(--color-bg);background:var(--color-primary);width:22px;height:22px;color:var(--color-bg);border-radius:50%;place-items:center;display:grid;position:absolute;top:-2px;right:-2px}.conversation .cv-stop-button h3{max-width:220px;font-size:.9rem}.conversation .cv-stop-info>.cv-muted{padding:2px 6px;font-size:.75rem}.conversation .cv-stop-pips{gap:5px;padding:4px 8px;display:flex}.conversation .cv-stop-pips i{background:var(--color-border);border-radius:4px;width:17px;height:5px}.conversation .cv-stop-pips i[data-done=true]{background:var(--color-primary)}.conversation .cv-journey-finish{border:1px solid var(--color-border);background:var(--color-surface);width:fit-content;color:var(--color-primary);border-radius:22px;justify-content:center;align-items:center;gap:12px;margin:12px auto 0;padding:10px 16px;font-size:.8rem;font-weight:700;display:flex}.conversation .cv-stage-cover{border-radius:18px;max-height:200px;overflow:hidden}.conversation .cv-stage-title{margin:8px 0;font-size:1.6rem}.conversation .cv-stage-modes{gap:12px;display:grid}.conversation .cv-stage-mode{border:1px solid var(--color-border);background:var(--color-surface);border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.conversation .cv-stage-mode:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.conversation .cv-stage-mode small{color:var(--color-text-secondary);margin-top:4px;font-size:.75rem;display:block}.conversation .cv-mode-icon{background:var(--color-primary-light);width:48px;height:48px;color:var(--color-primary);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.conversation .cv-mode-icon[data-mode=ROLEPLAY]{background:var(--color-gold-light);color:var(--color-text-primary)}.conversation .cv-mode-icon[data-mode=QUICK_RESPONSE]{background:var(--color-surface-subtle);color:var(--color-text-primary)}.conversation .cv-dialog{backdrop-filter:blur(8px);background:color-mix(in srgb, var(--color-text-primary), transparent 35%)}.conversation .cv-dialog>div{max-width:740px;box-shadow:var(--shadow-raised);overscroll-behavior:contain;border-radius:28px}.conversation .cv-room-header h1{letter-spacing:-.03em;margin:7px 0;font-size:clamp(1.5rem,3vw,2.2rem)}.conversation .cv-lesson-progress{align-items:center;gap:10px;display:flex}.conversation .cv-score-ring{flex-shrink:0;place-items:center;display:grid;position:relative}.conversation .cv-score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.conversation .cv-score-ring circle{fill:none;stroke-width:8px}.conversation .cv-ring-track{stroke:var(--color-primary-light)}.conversation .cv-ring-value{stroke:var(--color-primary);stroke-linecap:round}.conversation .cv-score-ring>span{justify-items:center;line-height:1;display:grid;position:absolute}.conversation .cv-score-ring strong{font-size:1.65rem;font-weight:850}.conversation .cv-score-ring small{color:var(--color-text-secondary);margin-top:5px;font-size:.6rem}.conversation .cv-lesson-progress .cv-score-ring strong{font-size:1.15rem}.conversation .cv-mode-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.conversation .cv-mode-card{isolation:isolate;border:1px solid var(--color-border);text-align:left;background:var(--color-surface);cursor:pointer;border-radius:20px;align-items:center;gap:10px;min-width:0;padding:16px 12px;display:flex;position:relative;overflow:hidden}.conversation .cv-mode-card[aria-pressed=true]{border-color:var(--color-primary);box-shadow:0 3px 0 var(--color-border)}.conversation .cv-mode-card:disabled{cursor:not-allowed;opacity:.65}.conversation .cv-mode-selected{pointer-events:none;z-index:-1;border-radius:inherit;background:var(--color-primary-light);position:absolute;inset:0}.conversation .cv-mode-copy{gap:5px;display:grid}.conversation .cv-mode-copy small{letter-spacing:.08em;color:var(--color-text-secondary);font-size:.6rem;font-weight:750}.conversation .cv-mode-copy strong{font-size:.85rem;line-height:1.5}.conversation .cv-room-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.conversation .cv-workspace{min-width:0}.conversation .cv-session-rail{position:sticky;top:24px}.conversation .cv-session-progress{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.75rem;display:flex}.conversation .cv-practice-tips{border-top:1px solid var(--color-border);gap:14px;padding:16px 0 0;display:grid}.conversation .cv-practice-tips li{color:var(--color-text-secondary);align-items:flex-start;gap:8px;font-size:.75rem;line-height:1.65;display:flex}.conversation .cv-practice-tips svg{color:var(--color-primary);flex-shrink:0;margin-top:3px}.conversation .cv-session-start{text-align:center;background:radial-gradient(ellipse at 50% 0%, var(--color-primary-light), var(--color-surface) 70%);justify-items:center;padding:36px 24px}.conversation .cv-session-start .cv-action-large{justify-self:center}.conversation .cv-session-emblem,.conversation .cv-question-emblem{background:var(--color-primary-light);width:80px;height:80px;color:var(--color-primary);box-shadow:0 5px 0 var(--color-border);border-radius:26px;place-items:center;display:grid}.conversation .cv-dialogue-stage{border:1px solid var(--color-border);background:linear-gradient(180deg, var(--color-primary-light), var(--color-surface));border-radius:28px;padding:24px 16px}.conversation .cv-bubble{box-shadow:0 4px 0 var(--color-border);width:min(88%,620px)}.conversation .cv-speaker-avatar{background:var(--color-primary);width:34px;height:34px;color:var(--color-bg);border-radius:12px;place-items:center;font-weight:800;display:grid}.conversation .cv-bubble .cv-row.cv-between{justify-content:flex-start;gap:9px}.conversation .cv-question-stage{text-align:center;background:radial-gradient(ellipse at 50% 0%, var(--color-primary-light), var(--color-surface) 75%);align-content:center;justify-items:center;min-height:180px}.conversation .cv-question-stage>p{max-width:440px}.conversation .cv-controls{border:2px solid var(--color-border);box-shadow:0 6px 0 var(--color-border), var(--shadow-raised)}.conversation .cv-recording-status{color:var(--color-text-secondary);align-items:center;gap:10px;font-size:.8rem;display:flex}.conversation .cv-recording-status[data-recording=true]{color:var(--color-danger)}.conversation .cv-record-stop{background:var(--color-danger)!important;border-color:var(--color-danger)!important;color:var(--color-surface)!important;box-shadow:0 4px 0 color-mix(in srgb, var(--color-danger), var(--color-text-primary) 30%)!important}.conversation .cv-live-recorder{justify-items:center;gap:10px;display:grid}.conversation .cv-waveform{justify-content:center;align-items:center;gap:5px;height:48px;display:flex}.conversation .cv-waveform>span{background:var(--color-primary);border-radius:8px;width:5px;height:44px;transition:transform .1s linear}.conversation .cv-time-track,.conversation .cv-metric-track{background:var(--color-border);border-radius:6px;width:100%;height:5px;overflow:hidden}.conversation .cv-time-track>div,.conversation .cv-metric-track>div{background:var(--color-primary);transform-origin:0;width:100%;height:100%;transition:transform .2s linear}.conversation .cv-feedback{border-top:4px solid var(--color-primary)}.conversation .cv-feedback-heading{align-items:center;gap:12px;display:flex}.conversation .cv-feedback-heading h3{margin:5px 0;font-size:1.15rem}.conversation .cv-response-time{color:var(--color-text-secondary);align-items:center;gap:6px;margin-top:8px;font-size:.7rem;line-height:1.7;display:inline-flex}.conversation .cv-comparison,.conversation .cv-transcript{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:18px;gap:12px;padding:18px;display:grid}.conversation .cv-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.conversation .cv-score-grid>div{gap:8px;padding:10px;display:grid}.conversation .cv-score-grid strong{font-size:.9rem}.conversation .cv-coach-note{background:var(--color-gold-light);border-radius:16px;gap:12px;padding:12px;font-size:.875rem;display:flex}.conversation .cv-coach-note>svg{flex-shrink:0;margin-top:2px}.conversation .cv-coach-note strong{margin-bottom:6px;display:block}.conversation .cv-revision{border-top:1px solid color-mix(in srgb, var(--color-text-primary), transparent 85%);margin-top:12px;padding-top:12px}.conversation .cv-recording-playback{gap:12px;display:grid}.conversation audio{border-radius:14px;width:100%;min-width:0}.conversation .cv-completion-card{border:1px solid var(--color-border);background:var(--color-primary-light);border-radius:24px;flex-wrap:wrap;align-items:center;gap:18px;padding:24px;display:flex}.conversation .cv-completion-icon{background:var(--color-gold-light);width:68px;height:68px;color:var(--color-text-primary);box-shadow:0 5px 0 var(--color-border);border-radius:22px;flex-shrink:0;place-items:center;display:grid}.conversation .cv-summary-celebration{text-align:center;justify-items:center;gap:20px;padding:12px 0;display:grid}.conversation .cv-summary-celebration .cv-completion-icon{border-radius:32px;width:100px;height:100px}.conversation .cv-summary-parts{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.conversation .cv-summary-parts>span{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:14px;align-items:center;gap:6px;padding:10px 14px;font-size:.75rem;display:flex}.conversation .cv-summary-parts>span[data-done=true]{color:var(--color-primary);background:var(--color-primary-light)}.conversation .cv-spin{animation:1.2s linear infinite cv-spin}@keyframes cv-spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.conversation .cv-room-grid{grid-template-columns:minmax(0,1fr)}.conversation .cv-session-rail{position:static}.conversation .cv-session-rail .cv-panel{display:none}.conversation .cv-mode-card{flex-wrap:wrap}}@media (max-width:639px){.conversation .cv-topic-hero{border-radius:24px;grid-template-columns:1fr}.conversation .cv-topic-art{display:none}.conversation .cv-topic-stats{gap:12px 16px}.conversation .cv-journey{padding:20px 6px}.conversation .cv-journey-finish{margin-top:26px;padding:14px;font-size:.7rem}.conversation .cv-mode-picker{gap:6px}.conversation .cv-mode-card{border-radius:16px;align-content:start;gap:8px;padding:12px 8px}.conversation .cv-mode-copy strong{font-size:.72rem}.conversation .cv-mode-copy small{letter-spacing:.02em;font-size:.55rem}.conversation .cv-mode-icon{border-radius:12px;width:38px;height:38px}.conversation .cv-room-header{padding:18px 14px}.conversation .cv-lesson-progress .cv-score-ring{display:none}.conversation .cv-bubble{width:94%;padding:16px}.conversation .cv-dialogue-stage{padding:18px 8px}.conversation .cv-feedback-heading{align-items:flex-start;gap:12px}.conversation .cv-feedback-heading .cv-score-ring{width:84px!important;height:84px!important}.conversation .cv-score-ring strong{font-size:1.35rem}.conversation .cv-feedback-heading h3{font-size:1rem}.conversation .cv-feedback-heading .cv-eyebrow{font-size:.6rem}.conversation .cv-stage-mode{gap:10px;padding:12px}.conversation .cv-dialog{padding:12px}.conversation .cv-controls .cv-action-large{width:100%}}@media (prefers-reduced-motion:reduce){.conversation *,.conversation :before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.conversation .cv-road-traveler{fill:var(--color-gold-light);stroke:var(--color-primary);stroke-width:2px}.conversation .cv-controls{position:static}.conversation .cv-controls[data-live=true]{position:sticky}.conversation.cv-topic{container:conversation-topic/inline-size}@container conversation-topic (max-width:600px){.conversation .cv-topic-hero{grid-template-columns:1fr}.conversation .cv-topic-art{display:none}}.conversation .cv-record-stop{color:var(--color-white,white)!important}.conversation.cv-topic,.conversation.cv-room{align-content:start;gap:12px;display:grid}.conversation .cv-stop-info{justify-items:center;gap:5px;min-width:0;display:grid}.conversation .cv-stop-core svg{width:25px;height:25px}.conversation .cv-journey-pagination{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;display:flex}.conversation .cv-journey-pagination .cv-button{min-width:44px;padding:8px}.conversation.cv-room{container:conversation-room/inline-size}.conversation .cv-room-header{gap:12px;padding:18px 20px}.conversation .cv-room-header h1{margin:4px 0;font-size:clamp(1.35rem,2.4vw,1.8rem)}.conversation .cv-room-header>.cv-row:empty{display:none}.conversation .cv-lesson-progress .cv-score-ring{width:52px!important;height:52px!important}.conversation .cv-mode-card{border-radius:16px;flex-wrap:nowrap;gap:8px;padding:10px}.conversation .cv-mode-icon{border-radius:12px;width:36px;height:36px}.conversation .cv-mode-copy{gap:2px}.conversation .cv-workspace,.conversation .cv-exercise-stage{align-content:start;gap:12px}.conversation .cv-session-start{gap:10px;padding:18px}.conversation .cv-session-emblem,.conversation .cv-question-emblem{border-radius:16px;width:48px;height:48px}.conversation .cv-session-start h2{font-size:1.05rem}.conversation .cv-session-start p{max-width:560px;font-size:.8rem}.conversation .cv-question-stage{gap:10px;padding:20px}.conversation .cv-exercise-stage[data-result=true]{grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);align-items:start}.conversation .cv-exercise-stage>.cv-row{grid-column:1/-1}.conversation .cv-exercise-stage[data-result=true]>.cv-turn .cv-bubble{width:100%}.conversation .cv-feedback{gap:12px;min-width:0;padding:16px}.conversation .cv-feedback-heading p{font-size:.75rem}.conversation .cv-feedback-heading h3{font-size:1rem}.conversation .cv-score-ring strong{font-size:1.25rem}.conversation .cv-score-grid .cv-row{flex-direction:column;align-items:start;gap:4px}.conversation .cv-score-grid .cv-muted{font-size:.7rem}.conversation .cv-comparison,.conversation .cv-transcript{gap:6px;padding:12px}.conversation .cv-transcript .cv-hanzi{font-size:1.15rem}.conversation .cv-controls{box-shadow:var(--shadow-card);gap:12px;padding:14px 16px}.conversation .cv-controls[data-complete=true]{flex-wrap:wrap;align-items:center;display:flex}.conversation .cv-controls[data-complete=true] .cv-recording-status{margin-right:auto}.conversation .cv-dialogue-stage{max-height:min(var(--cv-dialogue-height,58dvh),560px);overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto}.conversation .cv-dialogue-stage .cv-stack{gap:12px}@container conversation-topic (max-width:600px){.conversation .cv-topic-hero{padding:16px}.conversation .cv-topic-stats{gap:6px 12px;margin:0}.conversation .cv-topic-stats>span{font-size:.72rem}.conversation .cv-journey-toolbar{gap:10px}.conversation .cv-journey-toolbar>div:first-child p{font-size:.75rem}.conversation .cv-level-switch{width:100%}.conversation .cv-level-switch .cv-button{flex:1;padding:8px}.conversation .cv-journey{padding:8px}.conversation .cv-journey-stops{grid-template-columns:1fr;gap:8px}.conversation .cv-journey-stop{grid-area:auto/1!important;padding:0!important}.conversation .cv-stop-button{text-align:left;grid-template-columns:96px minmax(0,1fr);place-items:center start;column-gap:8px;max-width:none;min-height:100px;padding:12px 4px}.conversation .cv-stop-orbit{grid-area:1/1;width:64px;height:64px;margin:0}.conversation .cv-stop-core{width:50px;height:50px}.conversation .cv-stop-info{grid-area:1/2;justify-items:start;gap:3px}.conversation .cv-stop-button h3{max-width:none;padding:0;font-size:.85rem}.conversation .cv-stop-info>.cv-muted{padding-inline:0;font-size:.7rem}.conversation .cv-stop-pips{padding:2px 0}.conversation .cv-stop-pin{padding:2px 6px;font-size:.55rem;bottom:-7px}.conversation .cv-journey-stop:nth-child(2n) .cv-stop-orbit{transform:translate(28px)}.conversation .cv-journey-finish{margin-top:10px;padding:8px;font-size:.65rem}}@container conversation-room (max-width:860px){.conversation .cv-exercise-stage[data-result=true]{grid-template-columns:minmax(0,1fr)}.conversation .cv-room-header{gap:10px;padding:14px}.conversation .cv-room-header>.cv-row:first-child{gap:8px}.conversation .cv-lesson-progress .cv-score-ring{display:none}.conversation .cv-question-stage{min-height:140px;padding:14px}.conversation .cv-exercise-stage[data-result=true] .cv-question-stage{gap:4px;min-height:0}.conversation .cv-feedback-heading .cv-score-ring{width:64px!important;height:64px!important}.conversation .cv-feedback-heading p{display:none}.conversation .cv-feedback .cv-eyebrow{letter-spacing:.06em;font-size:.65rem}.conversation .cv-controls[data-complete=true] .cv-recording-status{flex-basis:100%}.conversation .cv-controls[data-complete=true] .cv-button{flex:1;padding:8px;font-size:.75rem}}.conversation .cv-stop-info h3{margin:0;line-height:1.4}.conversation .cv-stop-info>.cv-muted{line-height:1.4}@container conversation-room (min-width:861px){.conversation .cv-feedback[data-imitation=false]{grid-template-columns:repeat(2,minmax(0,1fr))}.conversation .cv-feedback[data-imitation=false]>:is(.cv-feedback-heading,.cv-score-grid,.cv-recording-playback){grid-column:1/-1}.conversation .cv-coach-note,.conversation .cv-transcript{overflow-wrap:anywhere;min-width:0}}@container conversation-topic (min-width:900px){.conversation .cv-journey-stops{grid-template-columns:repeat(6,minmax(0,1fr));align-items:start}.conversation .cv-journey-stop:nth-child(n){padding:0 2px;grid-area:1!important}.conversation .cv-journey-stop:nth-child(2n){padding-top:186px}.conversation .cv-stop-button{gap:12px;padding-inline:2px}.conversation .cv-journey-stop:nth-child(odd) .cv-stop-info{grid-row:1;align-content:end;min-height:78px}.conversation .cv-stop-info h3{font-size:.85rem}.conversation .cv-stop-info>.cv-muted{font-size:.7rem}}.conversation.cv-room{min-width:0}.conversation .cv-room-heading{align-items:start}.conversation .cv-room-heading>div:first-child{flex:1;min-width:0}.conversation .cv-room-heading h1,.conversation .cv-mode-copy,.conversation .cv-stage-mode>span{overflow-wrap:anywhere;min-width:0}.conversation .cv-room-options{gap:8px}.conversation .cv-role-field{grid-template-columns:auto minmax(90px,1fr);align-items:center;gap:8px;display:inline-grid}.conversation .cv-mode-description{font-size:.8125rem}.conversation .cv-bubble.cv-stack{gap:12px;min-width:0}.conversation .cv-bubble .cv-badge{overflow-wrap:anywhere;min-width:0}.conversation .cv-button{white-space:normal;max-width:100%}.conversation .cv-button>svg{flex-shrink:0}.conversation .cv-mode-picker{gap:8px}.conversation .cv-session-start{text-align:left;grid-template-columns:auto minmax(0,1fr) auto;place-items:center start;gap:14px}.conversation .cv-session-start-copy{gap:4px;min-width:0;display:grid}.conversation .cv-session-start .cv-action-large{justify-self:end;padding:12px 16px;font-size:.85rem}.conversation .cv-controls[data-live=true]{bottom:max(12px,env(safe-area-inset-bottom))}.conversation .cv-dialog>div{max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}@container conversation-room (max-width:860px){.conversation .cv-session-start{grid-template-columns:48px minmax(0,1fr);gap:10px}.conversation .cv-session-start .cv-action-large{grid-column:1/-1;justify-self:stretch}.conversation .cv-exercise-stage[data-result=true] .cv-question-stage{padding:14px 18px}.conversation .cv-feedback-heading p{display:block}.conversation .cv-controls[data-complete=true] .cv-recording-status{flex-basis:auto}.conversation .cv-controls[data-complete=true] .cv-button{flex:0 auto;font-size:.8125rem}}@container conversation-room (max-width:520px){.conversation .cv-mode-card{flex-direction:column;align-items:start;gap:6px;padding:10px 8px}.conversation .cv-mode-copy strong{font-size:.75rem}.conversation .cv-mode-copy small{letter-spacing:0;font-size:.625rem}.conversation .cv-mode-card>svg{position:absolute;top:8px;right:6px}.conversation .cv-feedback-heading p{display:none}.conversation .cv-room-heading{flex-direction:column}.conversation .cv-lesson-progress{align-self:start}.conversation .cv-dialogue-stage{max-height:min(var(--cv-dialogue-height,50dvh),440px);padding:14px 8px}.conversation .cv-controls[data-complete=true] .cv-recording-status{flex-basis:100%}.conversation .cv-controls[data-complete=true] .cv-button{flex:1}.conversation .cv-controls .cv-action-large{padding-inline:12px;font-size:.85rem}.conversation .cv-score-grid .cv-muted{font-size:.75rem}.conversation .cv-room-options .cv-role-field{width:100%}}@media (max-height:600px) and (orientation:landscape){.conversation .cv-dialogue-stage{max-height:min(var(--cv-dialogue-height,52dvh),52dvh)}.conversation .cv-live-recorder{grid-template-columns:auto minmax(100px,1fr);align-items:center;gap:8px}.conversation .cv-live-recorder>.cv-muted{grid-column:1/-1}.conversation .cv-waveform{height:28px}.conversation .cv-waveform>span{height:26px}}.conversation .cv-exercise-stage:not([data-result])>.cv-turn .cv-bubble{width:100%}@media (min-width:768px){.conversation .cv-controls[data-complete=true]{padding-inline-end:96px}}.conversation .cv-topic-heading{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding-block:4px 12px;display:grid}.conversation .cv-topic-heading .cv-topic-back{border-radius:14px;width:44px;height:44px}.conversation .cv-topic-heading h1{letter-spacing:-.025em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.2rem,2.2vw,1.65rem);line-height:1.35}.conversation .cv-topic-heading .cv-topic-stats{justify-content:flex-end;gap:12px}@container conversation-topic (max-width:600px){.conversation .cv-topic-heading{grid-template-columns:44px minmax(0,1fr);gap:6px 12px;padding-bottom:4px}.conversation .cv-topic-heading .cv-topic-stats{grid-column:2;justify-content:flex-start}}.conversation .cv-topic-hero{background:0 0;border:0;border-radius:0;padding:12px 0;display:block}.conversation .cv-topic-intro{gap:4px}.conversation .cv-topic-intro h1{margin:0;font-size:clamp(1.25rem,2.2vw,1.65rem)}.conversation .cv-topic-stats{gap:16px;margin:0}.conversation .cv-topic-stats>span{font-size:.8rem}.conversation .cv-journey-toolbar h2{font-size:1rem}.conversation .cv-premium-settings{border:1px solid var(--color-border);border-radius:12px;flex-wrap:wrap;gap:12px 24px;padding:12px;display:flex}.conversation .cv-premium-settings legend{padding-inline:6px;font-weight:600}.conversation .cv-premium-settings:disabled{opacity:.65}
