.conversation-back{display:inline-block;margin-bottom:23px;font-size:.875rem}
.conversation-teaser{display:flex;align-items:center;gap:18px;padding:22px 25px;margin:0 0 28px;border:1px solid #68503b;border-radius:14px;background:linear-gradient(110deg,#332a20,#23271e);transition:border-color .2s}
.conversation-teaser:hover{border-color:var(--orange)}.conversation-teaser-icon{display:grid;place-items:center;color:var(--orange);width:52px;height:52px;border-radius:14px;background:#463326;flex:none}.conversation-teaser-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.conversation-teaser small{display:block;color:var(--orange);font-size:.6875rem;letter-spacing:1.3px;margin-bottom:4px}.conversation-teaser strong{display:block;font:650 1.125rem/1.5 'Manrope',sans-serif}.conversation-teaser>span>span{display:block;color:var(--muted);font-size:.875rem;margin-top:4px}.conversation-teaser>b{margin-left:auto;font-size:1.7rem;color:var(--orange)}
.conversation-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:26px}.conversation-scene{position:relative;display:flex;align-items:flex-start;gap:13px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:13px;text-align:left;min-width:0}.conversation-scene.peach{--scene-color:var(--orange)}.conversation-scene.sage{--scene-color:var(--green)}.conversation-scene.lavender{--scene-color:#c5bbdf}.conversation-scene:hover,.conversation-scene[aria-pressed=true]{border-color:var(--scene-color)}.conversation-scene[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--scene-color);background:#282b23}.scene-symbol{display:grid;place-items:center;flex:none;width:37px;height:40px;color:var(--scene-color)}.scene-symbol svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.conversation-scene small{display:block;color:var(--scene-color);font-size:.6875rem;line-height:1.5}.conversation-scene strong{display:block;font:650 1rem/1.45 'Manrope',sans-serif;margin:5px 0}.conversation-scene>span>span{display:block;color:var(--muted);font-size:.8125rem;line-height:1.55}.scene-done{position:absolute;right:9px;top:7px;font-size:.75rem;color:var(--green)}
.conversation-workspace{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(380px,1.2fr);align-items:start;gap:24px}.conversation-setting{border:1px solid #43513a;border-radius:17px;overflow:hidden;background:linear-gradient(145deg,#30392a,#1c241b)}.conversation-workspace.peach .conversation-setting{border-color:#584c3c;background:linear-gradient(145deg,#3c3529,#25271e)}.conversation-workspace.lavender .conversation-setting{border-color:#4c4659;background:linear-gradient(145deg,#34323f,#23232b)}.conversation-illustration{display:block;width:100%;height:auto;margin-top:16px}.conversation-setting-text{padding:7px 26px 26px}.conversation-setting-text h2{font-size:1.4rem;margin:9px 0 12px}.conversation-setting-text>p{font-size:.9375rem;line-height:1.75}.conversation-legend{display:flex;gap:20px;margin-top:23px;font-size:.8125rem}.conversation-legend span{display:flex;align-items:center;gap:8px}.conversation-legend i{display:block;width:9px;height:9px;border-radius:50%;background:var(--orange)}.conversation-legend span+span i{background:var(--green)}
.conversation-panel{padding:26px;border:1px solid var(--line);border-radius:17px;background:var(--panel);min-width:0}.conversation-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.8125rem}.conversation-controls label{display:flex;align-items:center;gap:8px;min-height:30px}.conversation-controls input{width:18px;height:18px;accent-color:var(--green)}.conversation-controls>span{letter-spacing:1px;font-size:.6875rem;flex:none}.conversation-intro h2,.conversation-finish h2{font-size:1.65rem;margin:12px 0 14px;line-height:1.35}.conversation-intro>p,.conversation-finish>p{line-height:1.75;font-size:1rem}.conversation-intro ol{list-style:none;padding:0;margin:26px 0;display:grid;gap:18px}.conversation-intro li{display:flex;align-items:center;gap:15px;font-size:.9375rem}.conversation-intro li b{display:grid;place-items:center;flex:none;width:31px;height:31px;border:1px solid #596547;border-radius:50%;color:var(--green);font-size:.6875rem}.conversation-footnote,.conversation-setting-text>.conversation-footnote,.conversation-intro>.conversation-footnote,.conversation-finish>.conversation-footnote{font-size:.8125rem;line-height:1.65;margin-top:20px;color:var(--muted)}
.conversation-step{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px;font-size:.8125rem;color:var(--muted)}.conversation-step ol{list-style:none;display:flex;gap:8px;padding:0;margin:0}.conversation-step li{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid #4d5546;color:var(--muted);font-size:.6875rem}.conversation-step li.current{border-color:var(--orange);color:var(--orange);background:#473425}.conversation-step li.done{border-color:var(--green);color:var(--green)}
.conversation-bubble{position:relative;padding:20px;border:1px solid #70523c;border-radius:14px 14px 14px 2px;background:#352b22}.bubble-role{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.6875rem;letter-spacing:1px;text-transform:uppercase;color:var(--orange);margin-bottom:11px}.conversation-bubble>div{display:flex;align-items:center;gap:16px;justify-content:space-between}.conversation-bubble h2{font-size:1.5rem;line-height:1.5;letter-spacing:-.3px;font-weight:600;overflow-wrap:anywhere}.conversation-hear{display:grid;place-items:center;width:40px;height:40px;border:1px solid #806145;border-radius:50%;color:var(--orange);background:#493727;flex:none}.conversation-hear svg,.conversation-next svg,.bubble-role svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.6}.bubble-translation{margin-top:12px;color:#d5bda6;font-size:.9375rem}.conversation-task{padding:26px 0 18px}.conversation-task .eyebrow{font-size:.6875rem;line-height:1.65;letter-spacing:1px;color:var(--green)}.conversation-task p{margin-top:8px;color:var(--text);line-height:1.7;font-size:.9375rem}
.conversation-answers{display:grid;gap:10px}.conversation-answer{display:flex;align-items:center;gap:13px;min-height:66px;padding:14px 16px;background:#20271c;border:1px solid #49563d;border-radius:10px;text-align:left}.conversation-answer:hover:not(:disabled){border-color:var(--green);background:#2c3823}.answer-mark{font-size:1.2rem;color:var(--green);width:19px;flex:none}.conversation-answer strong{font-size:1.0625rem;font-weight:550;line-height:1.55;color:var(--text)}.conversation-answer small{display:block;font-size:.8125rem;margin-top:5px;color:var(--muted)}.conversation-answer:disabled{opacity:1}.conversation-answer.correct{background:#2d4023;border-color:#95af75}.conversation-answer.wrong{background:#39291f;border-color:#a97450}.conversation-answer.wrong .answer-mark{color:var(--orange)}.answer-selected{margin-left:auto;font-size:.625rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);flex:none}.conversation-hint{font-size:.8125rem;margin-top:19px;min-height:38px;text-align:left}.conversation-feedback{margin-top:22px;padding-left:15px;border-left:3px solid var(--green)}.conversation-feedback>b{font-size:.9375rem;font-weight:600;color:var(--green)}.conversation-feedback p{font-size:.875rem;line-height:1.7;margin-top:9px}.conversation-next{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:24px}.conversation-next .textlink{display:flex;align-items:center;gap:8px;font-size:.8125rem;text-align:left;min-height:44px}.conversation-next .btn{font-size:.8125rem;flex:none}
.conversation-audio{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted);line-height:1.7;min-height:48px}.conversation-audio .textlink{font-size:.75rem;white-space:nowrap;min-height:35px}.conversation-audio button[hidden]{display:none}.conversation-result{display:flex;gap:18px;align-items:center;margin:24px 0;padding:20px;background:#293722;border-radius:12px}.conversation-result>strong{font-size:2.5rem;line-height:1;color:var(--green)}.conversation-result strong small{font-size:1.2rem;color:#859477}.conversation-result>span{font-size:.875rem;line-height:1.7}.conversation-result>span small{color:var(--muted);font-size:.8125rem}.conversation-replay{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:22px}.conversation-replay .btn,.conversation-replay .textlink{font-size:.8125rem}.conversation-transcript{display:grid;gap:15px;margin-top:25px}.transcript-line{display:flex;flex-direction:column;align-items:stretch;gap:6px;max-width:92%;text-align:left;padding:16px 18px;border:1px solid #66513d;border-radius:12px 12px 12px 2px;background:#31281f}.transcript-line.you{justify-self:end;border-color:#4e6440;background:#283621;border-radius:12px 12px 2px 12px}.transcript-line .bubble-role{margin-bottom:1px}.transcript-line.you .bubble-role{color:var(--green)}.transcript-line strong{font-size:1.0625rem;line-height:1.5;font-weight:550}.transcript-line>span:last-child{font-size:.8125rem;color:var(--muted)}.transcript-line.speaking{outline:2px solid var(--orange);outline-offset:3px}.transcript-line.you.speaking{outline-color:var(--green)}
@media(max-width:1200px){.conversation-scene{flex-direction:column;padding:16px;gap:7px}.conversation-workspace{grid-template-columns:1fr}.conversation-setting{display:grid;grid-template-columns:230px 1fr;align-items:center}.conversation-setting-text{padding:22px}.conversation-illustration{margin:0}.conversation-setting-text>.conversation-footnote{display:none}.conversation-setting-text h2{font-size:1.2rem}.conversation-setting-text>p{font-size:.875rem}.conversation-panel{padding:28px}}
@media(max-width:650px){.conversation-teaser{gap:13px;padding:17px;margin-bottom:22px}.conversation-teaser-icon{width:38px;height:46px;background:transparent}.conversation-teaser strong{font-size:1rem}.conversation-teaser>span>span{font-size:.8125rem}.conversation-teaser>b{display:none}.conversation-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}.conversation-scene{padding:13px 9px;align-items:center;text-align:center;gap:2px}.conversation-scene strong{font-size:.8125rem;line-height:1.5}.conversation-scene small,.conversation-scene>span>span{display:none}.scene-symbol{width:30px;height:35px}.scene-symbol svg{width:24px;height:24px}.conversation-workspace{gap:18px}.conversation-setting{grid-template-columns:125px 1fr}.conversation-setting-text{padding:15px 14px 15px 0}.conversation-setting-text h2{font-size:1rem;margin:5px 0}.conversation-setting-text .eyebrow{font-size:.5625rem;letter-spacing:1px}.conversation-setting-text>p{display:none}.conversation-legend{gap:13px;flex-wrap:wrap;margin-top:12px;font-size:.6875rem}.conversation-legend span{gap:5px}.conversation-panel{padding:19px}.conversation-controls{margin-bottom:19px;padding-bottom:15px}.conversation-intro h2,.conversation-finish h2{font-size:1.4rem}.conversation-intro>p,.conversation-finish>p{font-size:.9375rem}.conversation-intro .btn{width:100%;justify-content:center}.conversation-bubble{padding:16px}.conversation-bubble h2{font-size:1.25rem}.conversation-hear{width:36px;height:36px}.conversation-bubble>div{gap:9px}.conversation-task{padding-top:23px}.conversation-answer{padding:13px;gap:10px}.conversation-answer strong{font-size:1rem}.answer-selected{font-size:.5625rem;max-width:31px}.conversation-next{flex-wrap:wrap;gap:12px}.conversation-next .btn{width:100%;justify-content:center;order:-1}.conversation-result{padding:16px;gap:14px}.conversation-result>strong{font-size:2.1rem}.conversation-result>span{font-size:.8125rem}.conversation-replay{flex-direction:column;align-items:stretch;gap:12px}.conversation-replay .btn{justify-content:center}.conversation-replay .textlink{text-align:center;min-height:36px}.transcript-line{max-width:96%;padding:14px}.conversation-audio{align-items:flex-start;flex-direction:column;gap:5px}}