/* Teil 3: the supplied left-tools / stage / bottom-navigation reference. */
#lesson.sprechen-teil3 #lessonbody{font:400 14px/1.45 'Source Sans 3',system-ui,sans-serif!important;background:#eef0ec;color:#10231a;direction:ltr}
.sprechen-teil3 button{font-family:'Source Sans 3',system-ui,sans-serif}.sprechen-teil3 .dk-sp-btn{font-size:14px!important;line-height:1.2;border:1px solid #e3e7e2;background:white;color:#10231a;box-shadow:none;border-radius:999px;min-height:0;padding:0 16px;height:40px;white-space:nowrap}
.sp3-top-tools{flex:none;display:flex;justify-content:center;gap:10px;padding:5px;background:#eef0ec}.sp3-top-tools button{display:flex;align-items:center;gap:8px;border:1px solid #e3e7e2;border-radius:999px;padding:6px 16px;background:white;color:#15994a;font-size:16px}.sp3-top-tools button+button{background:#f3f6f2;color:#10231a}
.sp3-ai-orb{display:block;flex:none;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#d7c8f5 55%,#bfe6f0)}
.sprechen-teil3 .dk-sp-head{flex:none;display:flex;align-items:center;flex-wrap:nowrap;gap:16px;padding:8px 24px;background:white;border-bottom:1px solid #e3e7e2;min-height:64px}
.sprechen-teil3 .dk-sp-head .icon{width:38px;height:38px;border-radius:10px;flex:none;padding:0;font-size:20px!important}.sprechen-teil3 .dk-sp-title{flex:1;min-width:0;max-width:none}.sprechen-teil3 .dk-sp-title h2{font:700 19px/1.2 'Source Serif 4',Georgia,serif!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.sprechen-teil3 .dk-sp-meta{display:flex;gap:12px;align-items:center;margin-top:2px;font:600 12px 'Source Sans 3',sans-serif;letter-spacing:.18em;white-space:nowrap}.sprechen-teil3 .dk-sp-level{font:700 12px 'Source Sans 3',sans-serif;background:#10231a;color:white;padding:1px 7px;border-radius:4px;margin:0;letter-spacing:0}
.sp3-eyebrow-compact,.sp3-eyebrow-phone,.sp3-step-compact,.sp3-header-ai{display:none}
.sprechen-teil3 .dk-sp-steps{flex:none;display:flex;align-items:center;gap:8px;direction:ltr;order:0;width:auto}.sprechen-teil3 .dk-sp-step{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:999px;font-size:14px;white-space:nowrap}.sprechen-teil3 .dk-sp-step i{min-width:20px;width:20px;height:20px;border-radius:50%;font:700 12px 'Source Sans 3',sans-serif}.sprechen-teil3 .dk-sp-step.active{background:#e6f5ea;color:#0e7a39}.sprechen-teil3 .dk-sp-step.active i{background:#15994a;color:white}
.sprechen-teil3 .sp3-header-translate{background:#f3f6f2;border:0;border-radius:10px;font-size:15px!important;padding:0 14px}
.sprechen-teil3 .dk-sp-main{flex:1;min-height:0;overflow:hidden!important;display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,2.6fr);grid-template-rows:minmax(0,1fr);gap:16px;padding:14px 24px;align-items:stretch;direction:ltr}
.sprechen-teil3 .dk-sp-card{min-height:0;min-width:0;border:1px solid #e3e7e2;border-radius:20px;background:white;box-shadow:none;padding:16px;overflow:hidden}
.sp3-tools{display:flex;flex-direction:column;gap:12px;position:static;order:0}.sp3-tools [data-controls]{flex:none}.sp3-content{display:flex;flex-direction:column;gap:10px;order:1}.sprechen-teil3 .sp3-content{position:relative;overflow:hidden!important}
.sp3-task{flex:none;max-height:136px;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain;padding:12px 14px;border:1px solid #e3e7e2;border-radius:14px;background:#f7f9f6}.sp3-task .dk-sp-eyebrow{font:700 11px 'Source Sans 3',sans-serif;letter-spacing:.16em;color:#15994a}.sp3-task p{font:400 16px/1.5 'Source Serif 4',Georgia,serif!important;margin:5px 0 0!important;color:#10231a;white-space:pre-line}
.sp3-dock{padding:14px 16px;border-radius:18px;background:#0f241a;flex:none;color:white}.sp3-dock-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.sp3-mic-center{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.sprechen-teil3 .sp3-dock-side{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0;border:1px solid #ffffff2e;border-radius:50%;background:transparent;color:#fff;font-size:18px;cursor:pointer}.sprechen-teil3 .sp3-dock-side[aria-expanded=true]{background:#34d378;border-color:#34d378;color:#0f241a}.sprechen-teil3 .sp3-dock-side.end{color:#ff8a80;font-size:23px}
.sprechen-teil3 .sp3-mic{width:68px;height:68px;flex:none;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#34d378,#15994a);color:white;padding:0;box-shadow:0 0 0 4px #ffffff0f,0 10px 26px #0006;transition:background .25s,opacity .25s,transform .15s}.sprechen-teil3 .sp3-mic:disabled{opacity:.45;cursor:default}.sprechen-teil3 .sp3-mic:not(:disabled):not(.red){animation:sp3-pulse 1.6s ease-in-out infinite}.sprechen-teil3 .sp3-mic:active{transform:scale(.94)}.sprechen-teil3 .sp3-mic.red{background:linear-gradient(145deg,#ff5a4e,#d92d20)}
.sp3-mic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.sp3-stop-icon{display:block;width:19px;height:19px;background:white;border-radius:2px}.sp3-mic-loading{font-size:32px;line-height:1}.sp3-dock-caption{margin:0!important;font:700 10px/1.25 'Source Sans 3',sans-serif;letter-spacing:.12em;color:#8fa89a;text-align:center;white-space:nowrap}.sp3-dock-caption.recording{color:#ff8a80}
.sp3-input{display:flex;align-items:center;gap:8px;margin-top:10px}.sp3-input textarea{min-width:0;width:100%;height:40px!important;min-height:40px!important;max-height:84px;border:1px solid #ffffff29!important;border-radius:999px!important;background:#ffffff0f!important;color:white!important;padding:10px 14px!important;font:400 14px/1.2 'Source Sans 3',sans-serif;resize:none}.sp3-input textarea::placeholder{color:#a9bcb1}.sp3-input button{display:grid;place-items:center;width:38px;height:38px;flex:none;border:0;border-radius:50%;background:#34d378;color:#0f241a;font-size:21px;padding:0}
.sp3-retry-audio{width:100%;margin-top:10px}.sp3-notice{flex:none;font-size:12px;line-height:1.5;color:#986b23;margin:0!important;max-height:66px;overflow:auto}.sp3-notice:empty{display:none}
.sp3-lyrics{display:flex;flex:1;min-height:110px;flex-direction:column;gap:6px;overflow:hidden}.sp3-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font:700 11px 'Source Sans 3',sans-serif;letter-spacing:.14em;color:#55625a}.sp3-lyrics .sp3-label i{width:8px;height:8px;flex:none;border-radius:50%;background:#34d378;box-shadow:0 0 0 4px #34d37820}
[data-lyrics]{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;padding:4px 2px;mask-image:linear-gradient(180deg,transparent,#000 16%,#000);-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000);scroll-behavior:smooth}.sp3-lyrics-empty{font-size:14px;line-height:1.5;text-align:center;color:#8a958e;padding:18px 5px;margin:0!important}
[data-lyrics] article{margin:0 0 12px;animation:sp3-in .35s ease both}[data-lyrics] article>b{font:700 10px 'Source Sans 3',sans-serif;letter-spacing:.12em;color:#55625a}[data-lyrics] article>p{font:400 14px/1.45 'Source Serif 4',Georgia,serif;margin:3px 0 0!important;color:#8a958e}[data-lyrics] article.older{opacity:var(--age-opacity)}[data-lyrics] .latest>p{font-size:17px;font-weight:600;color:#10231a}[data-lyrics] .latest [data-word]{color:#b7c0ba}[data-lyrics] .latest .said{color:#10231a}[data-lyrics] .latest .current{background:#55625a;color:white;border-radius:4px}[data-lyrics-live]{color:#d92d20;font-size:12px;font-weight:600;margin:0!important}
.sp3-shares{flex:none;display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid #e3e7e2}.sp3-label small{font:500 11px 'Source Sans 3',sans-serif;letter-spacing:0;color:#8a958e;text-align:right}.sp3-share{display:grid;grid-template-columns:76px minmax(0,1fr) 34px;gap:7px;align-items:center;font:500 12px 'Source Sans 3',sans-serif}.sp3-share meter{height:8px;width:100%;border:0;border-radius:4px;overflow:hidden;background:#eef0ec}.sp3-share meter::-webkit-meter-bar{background:#eef0ec;border:0;height:8px}.sp3-share meter::-webkit-meter-optimum-value{background:#15994a;border-radius:4px}.sp3-share b{text-align:right;font:500 11px 'JetBrains Mono',monospace}
.sp3-settings{flex:none;padding-top:10px;border-top:1px solid #e3e7e2}.sp3-voice{display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 13px 'Source Sans 3',sans-serif}.sp3-voice input{width:17px;height:17px;accent-color:#15994a}.sp3-mic-settings{font-size:11px;color:#718074;margin-top:6px}.sp3-mic-settings summary{font-size:11px;padding:0!important;font-weight:400}.sp3-mic-settings p{font-size:11px;line-height:1.5;margin-top:5px!important}.sp3-mic-settings .sp3-voice{font-size:12px;margin-top:8px}
.sp3-room{position:relative;isolation:isolate;container-type:size;flex:1;min-height:0;overflow:hidden;border-radius:18px;background:radial-gradient(120% 90% at 50% 0%,#1b3a2b,#0f241a 60%,#0a1a12);color:white;--active-color:#34d378}.sp3-room.student-turn{animation:sp3-edge 2s ease-in-out infinite}
.sp3-live{position:absolute;top:14px;left:16px;z-index:5;display:flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:#ffffff14;color:#dfe9e3;font:700 11px 'Source Sans 3',sans-serif;letter-spacing:.12em;white-space:nowrap}.sp3-live>i{width:8px;height:8px;border-radius:50%;background:#6b8577;flex:none}[data-phase=talk] .sp3-live>i{background:#ff5a4e;animation:sp3-pulse 1.4s infinite}
.sp3-clock{position:absolute;top:12px;right:14px;z-index:5;display:flex;align-items:center;gap:10px;padding:6px 14px 6px 8px;border-radius:999px;border:1px solid #34d37855;background:#ffffff14}.sp3-clock svg{width:36px;height:36px;flex:none;transform:rotate(-90deg)}.sp3-clock circle{fill:none;stroke:#ffffff1f;stroke-width:3}.sp3-clock circle+circle{stroke:#34d378;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .4s}.sp3-clock>span{display:flex;flex-direction:column;line-height:1.1}.sp3-clock small{font:700 9px 'Source Sans 3',sans-serif;letter-spacing:.14em;color:#a9bcb1}.sp3-clock b{font:700 20px/1.2 'JetBrains Mono',monospace;color:white}.low-time .sp3-clock{border-color:#f5b84b55}.low-time .sp3-clock b{color:#f5b84b}.low-time .sp3-clock circle+circle{stroke:#f5b84b}
.sp3-seat{position:absolute;z-index:4;width:30%;max-width:180px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:opacity .5s,filter .5s;--avatar-size:78px}.sp3-seat.partner{left:17%;top:calc(43.42% - 39px)}.sp3-seat.student{left:83%;top:calc(43.42% - 39px)}.sp3-seat.examiner{left:50%;top:calc(25% - 34px);--avatar-size:68px}.sp3-room.has-speaker .sp3-seat:not(.active){opacity:.42;filter:saturate(.5)}
.sp3-avatar{position:relative;display:grid;place-items:center;width:var(--avatar-size);height:var(--avatar-size);flex:none;border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--seat-color),white 12%),color-mix(in srgb,var(--seat-color),#0a1a12 15%));color:#0f241a;font:700 28px 'Source Sans 3',sans-serif;box-shadow:0 10px 28px #0006;will-change:transform}.sp3-seat.examiner .sp3-avatar{font-size:24px}.sp3-seat.active .sp3-avatar{box-shadow:0 0 0 3px #0f241a,0 0 0 5px var(--seat-color),0 14px 40px #0007}.sp3-avatar:before{content:'';position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--seat-color),transparent 65%),transparent 65%);opacity:var(--level,0);pointer-events:none}
.sp3-wave{height:36px;display:flex;justify-content:center;align-items:flex-end;gap:3px;flex:none}.sp3-wave i{display:block;width:4px;height:4px;border-radius:2px;background:var(--seat-color);opacity:.9}.sp3-seat>strong{font:700 16px/1.2 'Source Sans 3',sans-serif;margin:0}.sp3-seat>small{font:600 11px/1.2 'Source Sans 3',sans-serif;letter-spacing:.04em;color:#a9bcb1;padding:3px 10px;border-radius:999px;white-space:nowrap;margin-top:-6px}.sp3-seat.active>small,.sp3-seat.your-turn>small{background:var(--seat-color);color:#0f241a}
.sp3-leitung{position:absolute;bottom:-6px;right:-6px;padding:2px 7px;border-radius:999px;background:#0f241a;border:1px solid #9fb3a8;color:#c9d6cf;font:700 10px 'Source Sans 3',sans-serif;letter-spacing:.08em;z-index:2}.sp3-thinking{display:none;position:absolute;top:-26px;left:50%;transform:translateX(-50%);gap:5px;padding:6px 10px;border-radius:999px;background:white}.sp3-seat.thinking .sp3-thinking{display:flex}.sp3-thinking i{width:7px;height:7px;border-radius:50%;background:#15994a;animation:sp3-dot 1s infinite}.sp3-thinking i:nth-child(2){animation-delay:.15s}.sp3-thinking i:nth-child(3){animation-delay:.3s}
.sp3-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.sp3-lines path{fill:none;stroke:var(--active-color);stroke-width:2;stroke-dasharray:5 9;stroke-linecap:round;opacity:0;vector-effect:non-scaling-stroke}.sp3-lines path.on{opacity:.7;animation:sp3-dash 1.1s linear infinite}.sp3-spot{position:absolute;top:0;bottom:0;width:46%;left:calc(var(--spot-x,50%) - 23%);opacity:0;background:radial-gradient(50% 60% at 50% 40%,#ffffff1a,transparent 70%);transition:left .7s cubic-bezier(.2,.8,.2,1),opacity .5s}.has-speaker .sp3-spot{opacity:1}.sp3-floor{position:absolute;left:8%;right:8%;bottom:26px;height:70px;border-radius:50%;background:radial-gradient(closest-side,#ffffff0f,transparent)}
.sp3-ring{display:none;position:absolute;inset:0;border:2px solid var(--seat-color);border-radius:50%;animation:sp3-ring 2.1s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none}.active .sp3-ring{display:block}.sp3-ring:nth-child(2){animation-delay:.7s}.sp3-ring:nth-child(3){animation-delay:1.4s}.sp3-orbit{display:none;position:absolute;inset:-16px;border-radius:50%;animation:sp3-spin 6s linear infinite;pointer-events:none}.active .sp3-orbit{display:block}.sp3-orbit i{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:var(--seat-color);box-shadow:0 0 10px var(--seat-color);transform:rotate(0deg) translateY(calc(var(--avatar-size)/-2 - 16px))}.sp3-orbit i:nth-child(2){transform:rotate(90deg) translateY(calc(var(--avatar-size)/-2 - 16px))}.sp3-orbit i:nth-child(3){transform:rotate(180deg) translateY(calc(var(--avatar-size)/-2 - 16px));background:#ffe08a}.sp3-orbit i:nth-child(4){transform:rotate(270deg) translateY(calc(var(--avatar-size)/-2 - 16px))}
.sp3-aurora{position:absolute;width:70%;height:120%;left:-10%;top:-40%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--active-color),transparent 80%),transparent);filter:blur(30px);animation:sp3-aurora 14s ease-in-out infinite;pointer-events:none}.sp3-aurora.second{width:60%;height:110%;left:auto;right:-15%;top:-30%;background:radial-gradient(closest-side,#78c8ff24,transparent);animation:sp3-aurora 18s ease-in-out -6s infinite reverse}.sp3-firefly{position:absolute;left:var(--x);bottom:-10px;width:var(--s);height:var(--s);border-radius:50%;background:#8ff0b8;box-shadow:0 0 6px #8ff0b8;animation:sp3-rise var(--d) var(--delay) linear infinite;pointer-events:none}.sp3-star{position:absolute;width:2px;height:2px;border-radius:50%;background:white;animation:sp3-twinkle 4s ease-in-out infinite;pointer-events:none}
.sp3-idle{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;background:#0a1a1280;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.sp3-idle>p{font:700 11px 'Source Sans 3',sans-serif;letter-spacing:.18em;color:#a9bcb1;margin:0;text-align:center}.sp3-idle>button{display:flex;align-items:center;gap:14px;padding:8px 22px 8px 8px;border:0;border-radius:999px;background:white;color:#0f241a;box-shadow:0 12px 32px #0006;text-align:left;max-width:calc(100% - 24px)}.sp3-idle>button>i{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:50%;background:linear-gradient(145deg,#34d378,#15994a);animation:sp3-pulse 1.8s ease-in-out infinite}.sp3-idle svg{width:18px;height:18px;fill:white}.sp3-idle button>span{display:flex;flex-direction:column;line-height:1.15;gap:4px;min-width:0}.sp3-idle strong{font:700 17px 'Source Sans 3',sans-serif}.sp3-idle small{font:500 12px 'Source Sans 3',sans-serif;color:#55625a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp3-subtitles{position:relative;display:flex;align-items:center;gap:14px;flex:none;min-height:68px;max-height:84px;overflow:hidden;border-radius:18px;padding:10px 16px;background:#0f241a;color:white}.sp3-subtitles:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff06,transparent);background-size:200% 100%;animation:sp3-shine 8s linear infinite}.sp3-subtitles>[data-caption-speaker]{flex:none;border:1px solid #6b8577;border-radius:999px;padding:6px 10px;color:#a9bcb1;font:700 10px 'Source Sans 3',sans-serif;letter-spacing:.14em;text-transform:uppercase;max-width:38%;overflow:hidden;text-overflow:ellipsis}.sp3-subtitles p{min-width:0;overflow:hidden;max-height:64px;font:400 17px/1.55 'Source Sans 3',sans-serif;color:#8fa89a;overflow-wrap:anywhere;white-space:normal;margin:0!important}.sp3-subtitles [data-word]{color:#ffffff61}.sp3-subtitles .said{color:white}.sp3-subtitles .current{background:var(--subtitle-color,#34d378);color:#0f241a;border-radius:4px}
.sp3-log{flex:none;max-height:180px;min-height:0;overflow:auto}.sp3-log summary{font:700 11px/1.5 'Source Sans 3',sans-serif;letter-spacing:.14em;color:#55625a;padding:0!important;cursor:pointer}.sp3-log [data-log]{max-height:150px;overflow:auto;scroll-behavior:smooth}.sp3-log article{padding:10px 0;border-bottom:1px solid #e3e7e2}.sp3-log article p{font-size:14px;line-height:1.5;white-space:pre-wrap;margin-top:4px!important}.sp3-log [data-log]>p{color:#8a958e;font-size:13px;margin-top:12px!important}
.sp3-content [data-evaluation]{flex:none;scroll-margin-block:12px;border:1px solid #e3e7e2;background:#f7f9f6;border-radius:14px;padding:14px}.sp3-content [data-evaluation] h3{display:flex;justify-content:space-between;font-size:17px;margin-bottom:8px}.sp3-content [data-evaluation] h3 span{font-family:'JetBrains Mono',monospace}.sp3-content [data-evaluation] p{font-size:13px;line-height:1.5;margin:5px 0!important}.sp3-finished{font-size:13px;color:#55625a;text-align:center}.sprechen-teil3 .sp3-restart{background:#0f241a;color:white;padding:0 14px 0 5px;gap:10px;font-size:13px!important;width:100%}.sp3-restart i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#34d378;color:#0f241a;font-style:normal;font-size:20px}
.sprechen-teil3 .dk-sp-foot{flex:none;padding:7px 24px;background:white;border-top:1px solid #e3e7e2;min-height:54px;direction:ltr}.sprechen-teil3 .dk-sp-foot>div{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;flex-wrap:nowrap}.sprechen-teil3 .dk-sp-foot nav{display:flex;align-items:center;gap:12px;width:auto;margin-left:auto}.sprechen-teil3 .sp3-exit{margin-right:auto;background:transparent;border-color:transparent;color:#c0392b;padding:0 14px}.sprechen-teil3 .sp3-next{background:#0f241a;border-color:#0f241a;color:white;padding:0 6px 0 20px;gap:12px}.sp3-next>i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#34d378;color:#0f241a;font-size:18px;font-style:normal}.sp3-phone-text{display:none}
.sp3-burst{position:absolute;z-index:8;left:83%;top:43.42%;pointer-events:none}.sp3-burst.partner{left:17%}.sp3-burst.examiner{left:50%;top:25%}.sp3-burst i{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffe08a;--tx:calc(cos(var(--angle))*var(--distance));--ty:calc(sin(var(--angle))*var(--distance));animation:sp3-burst 1.2s ease-out both}.sp3-burst strong{position:absolute;white-space:nowrap;transform:translateX(-50%);font-size:13px;background:linear-gradient(100deg,#ffe08a,#8ff0b8);color:#10231a;padding:5px 12px;border-radius:25px;animation:sp3-float 1.8s ease-out both}
@keyframes sp3-ring{from{transform:scale(1);opacity:.55}to{transform:scale(1.9);opacity:0}}@keyframes sp3-dash{to{stroke-dashoffset:-28}}@keyframes sp3-dot{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-7px);opacity:1}}@keyframes sp3-pulse{0%,100%{box-shadow:0 0 0 0 #34d37880}50%{box-shadow:0 0 0 10px #34d37800}}@keyframes sp3-aurora{50%{transform:translate(10%,6%) scale(1.15) rotate(20deg)}}@keyframes sp3-spin{to{transform:rotate(360deg)}}@keyframes sp3-rise{0%,100%{opacity:0}15%,85%{opacity:.35}100%{transform:translateY(-380px) translateX(20px)}}@keyframes sp3-twinkle{0%,100%{opacity:.15;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}@keyframes sp3-edge{50%{box-shadow:inset 0 0 0 1px #34d37899,inset 0 0 70px #34d37838}}@keyframes sp3-shine{to{background-position:200% 0}}@keyframes sp3-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sp3-burst{to{transform:translate(var(--tx),var(--ty));opacity:0}}@keyframes sp3-float{to{translate:0 -70px;opacity:0}}
@media(max-width:1099px){.sp3-top-tools,.sprechen-teil3 .dk-sp-steps,.sp3-header-translate,.sp3-eyebrow-full{display:none!important}.sp3-eyebrow-compact{display:inline}.sp3-header-ai{display:block;width:36px;height:36px;border:1px solid #e3e7e2;padding:0}.sp3-step-compact{display:block;flex:none;padding:4px 10px;border-radius:999px;background:#e6f5ea;color:#0e7a39;font:700 13px 'Source Sans 3',sans-serif;white-space:nowrap}.sprechen-teil3 .dk-sp-head{gap:14px;min-height:56px}.sprechen-teil3 .dk-sp-title{max-width:none;flex:1}.sprechen-teil3 .dk-sp-foot .dk-sp-btn{font-size:14px!important}}
@media(max-height:719px){.sp3-top-tools{display:none}.sp3-room{min-height:0}.sp3-task{max-height:88px}.sp3-lyrics{min-height:0}#lessonbody[data-phase=talk] .sp3-shares,#lessonbody[data-phase=closing] .sp3-shares,#lessonbody[data-phase=done] .sp3-shares{display:none}}
@media(max-width:759px){
.sprechen-teil3 .dk-sp-head{padding:8px 10px;gap:10px;min-height:62px}.sprechen-teil3 .dk-sp-title h2{font-size:19px!important}.sprechen-teil3 .dk-sp-meta{gap:10px;font-size:10px;letter-spacing:.18em}.sp3-eyebrow-compact{display:none}.sp3-eyebrow-phone{display:inline}.sp3-step-compact{font-size:12px;padding:4px 8px}.sp3-header-ai{width:34px;height:34px}.sprechen-teil3 .dk-sp-head .icon{width:36px;height:36px;font-size:18px!important}
.sprechen-teil3 .dk-sp-main{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:8px}.sprechen-teil3 .dk-sp-card{border-radius:20px}.sp3-tools{order:2;padding:10px!important;gap:0}.sp3-content{order:1;padding:10px!important;gap:8px}.sp3-tools .sp3-lyrics,.sp3-tools .sp3-shares,.sp3-tools .sp3-settings{display:none!important}#lessonbody[data-phase=idle] .sp3-tools,#lessonbody[data-phase=closing] .sp3-tools{display:none}#lessonbody[data-phase=idle] .dk-sp-main,#lessonbody[data-phase=closing] .dk-sp-main{grid-template-rows:minmax(0,1fr)}
.sp3-task{max-height:82px;padding:10px 12px}.sp3-task p{font-size:16px!important;line-height:1.5}.sp3-task .dk-sp-eyebrow{font-size:9px;letter-spacing:.14em}.sp3-room{min-height:0}.sp3-seat{--avatar-size:60px;gap:8px}.sp3-seat.partner,.sp3-seat.student{top:calc(43.42% - 30px)}.sp3-seat.examiner{--avatar-size:52px;top:calc(25% - 26px)}.sp3-avatar{font-size:24px}.sp3-seat.examiner .sp3-avatar{font-size:21px}.sp3-seat>strong{font-size:14px}.sp3-seat>small{font-size:10px;padding:3px 7px}.sp3-wave{height:30px;gap:2px}.sp3-wave i{width:3px}.sp3-leitung{font-size:8px;padding:2px 5px}
.sp3-live{top:10px;left:9px;max-width:calc(100% - 130px);overflow:hidden;font-size:8px;letter-spacing:.09em;padding:5px 7px;gap:5px}.sp3-live>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp3-live>i{width:6px;height:6px}.sp3-clock{top:9px;right:9px;gap:6px;padding:5px 8px 5px 5px}.sp3-clock svg{width:30px;height:30px}.sp3-clock small{font-size:8px}.sp3-clock b{font-size:16px}
.sp3-subtitles{padding:8px 12px;min-height:50px;max-height:58px;gap:10px;border-radius:14px}.sp3-subtitles p{font-size:15px;max-height:44px;line-height:1.5}.sp3-subtitles>[data-caption-speaker]{font-size:8px;padding:5px 8px;max-width:35%}.sp3-log{max-height:90px}.sp3-log summary{font-size:9px}.sp3-log [data-log]{max-height:65px}
.sp3-dock{padding:10px 12px}.sp3-dock-actions{justify-content:center;gap:24px}.sprechen-teil3 .sp3-mic{width:60px;height:60px}.sp3-dock-caption{font-size:9px}.sp3-dock .sp3-dock-side{width:40px;height:40px}.sp3-notice{font-size:11px;max-height:42px;margin-top:4px!important}
.sprechen-teil3 .dk-sp-foot{padding:6px 8px calc(6px + env(safe-area-inset-bottom));min-height:52px}.sprechen-teil3 .dk-sp-foot>div{gap:8px}.sprechen-teil3 .dk-sp-foot nav{gap:8px;width:auto}.sprechen-teil3 .dk-sp-foot .dk-sp-btn{font-size:13px!important;height:40px;min-height:40px}.sprechen-teil3 .sp3-exit{padding:0 12px}.sprechen-teil3 .sp3-previous{padding:0 15px}.sprechen-teil3 .sp3-next{padding:0 5px 0 16px;gap:9px}.sp3-next>i{width:27px;height:27px}.sp3-desktop-text{display:none}.sp3-phone-text{display:inline}.sp3-idle>p{font-size:10px}.sp3-idle strong{font-size:16px}.sp3-idle small{font-size:11px}.sp3-idle>button{padding-right:17px;gap:12px}.sp3-content [data-evaluation]{padding:10px}
}
@media(prefers-reduced-motion:reduce){.sprechen-teil3 *,.sprechen-teil3 *:before,.sprechen-teil3 *:after{animation:none!important;transition:none!important}.sp3-aurora,.sp3-firefly,.sp3-star,.sp3-orbit,.sp3-ring,.sp3-burst i{display:none!important}}

@media(max-width:759px) and (max-height:620px){.sp3-task{max-height:56px}.sp3-content{gap:6px;padding:8px!important}.sp3-tools{padding:8px!important}.sp3-dock{padding:8px 12px}.sprechen-teil3 .sp3-mic{width:48px;height:48px}.sp3-mic-center{gap:4px}.sp3-dock-caption{font-size:8px}.sp3-subtitles{min-height:44px;max-height:50px}.sp3-input{margin-top:6px}}

/* The wide layout owns its help toolbar; suppress the shared lesson copy. */
@media(min-width:1100px) and (min-height:720px){#lesson.sprechen-teil3 #study-actions,.sprechen-teil3 .sp3-header-translate{display:none!important}}

@media(min-width:760px) and (max-height:719px){.sprechen-teil3 .sp3-content{padding:12px;gap:6px}.sp3-room{min-height:0}.sp3-task{max-height:64px;padding:8px 10px}.sp3-task p{font-size:15px!important}.sp3-subtitles{min-height:50px;max-height:58px;padding:8px 12px;gap:10px}.sp3-subtitles p{font-size:15px;max-height:44px}.sp3-subtitles>[data-caption-speaker]{font-size:8px;padding:5px 8px}.sp3-seat{--avatar-size:64px;gap:6px}.sp3-seat.partner,.sp3-seat.student{top:calc(43.42% - 32px)}.sp3-seat.examiner{--avatar-size:56px;top:calc(25% - 28px)}.sp3-wave{height:24px}.sp3-seat>strong{font-size:14px}.sp3-seat>small{font-size:10px;margin-top:0}.sp3-clock{top:9px;padding:4px 10px 4px 6px}.sp3-clock svg{width:30px;height:30px}.sp3-clock b{font-size:18px}}

/* Size every participant against the available stage, keeping the whole screen fixed. */
.sprechen-teil3 .sp3-seat{top:auto;bottom:10%;--avatar-size:clamp(30px,20cqh,78px);gap:clamp(2px,2cqh,8px)}
.sprechen-teil3 .sp3-seat.examiner{top:auto;bottom:37%;--avatar-size:clamp(28px,18cqh,68px)}
.sprechen-teil3 .sp3-avatar{font-size:clamp(16px,8cqh,28px)}
.sprechen-teil3 .sp3-seat.examiner .sp3-avatar{font-size:clamp(15px,7cqh,24px)}
.sprechen-teil3 .sp3-wave{height:clamp(6px,8cqh,30px)}
.sprechen-teil3 .sp3-wave i{max-height:100%}
.sprechen-teil3 .sp3-seat>strong{font-size:clamp(10px,4.5cqh,16px);line-height:1.2}
.sprechen-teil3 .sp3-seat>small{font-size:clamp(8px,3cqh,11px);line-height:1.2;margin-top:0;padding:2px 5px}
.sprechen-teil3 .sp3-leitung{font-size:clamp(7px,2.8cqh,10px);padding:2px 5px}
.sprechen-teil3 .sp3-live{top:8px;left:9px;font-size:clamp(7px,3cqh,11px);padding:4px 7px;max-width:calc(100% - 122px);overflow:hidden}
.sprechen-teil3 .sp3-clock{top:7px;right:9px;gap:6px;padding:4px 8px 4px 5px}
.sprechen-teil3 .sp3-clock svg{width:clamp(18px,10cqh,36px);height:clamp(18px,10cqh,36px)}
.sprechen-teil3 .sp3-clock b{font-size:clamp(13px,6cqh,20px)}
.sprechen-teil3 .sp3-clock small{font-size:clamp(7px,2.5cqh,9px)}
.sprechen-teil3 .sp3-log[open]{position:absolute;z-index:20;inset:12px;max-height:none;padding:14px;border:1px solid #e3e7e2;border-radius:14px;background:white;box-shadow:0 12px 32px #10231a22;overflow:auto}
.sprechen-teil3 .sp3-log[open] [data-log]{max-height:none;overflow:visible}
#lessonbody[data-phase=done] .sp3-content>.sp3-task,#lessonbody[data-phase=done] .sp3-content>.sp3-room,#lessonbody[data-phase=done] .sp3-content>.sp3-subtitles{display:none}
#lessonbody[data-phase=done] .sp3-content>[data-evaluation]{flex:1;min-height:0;overflow:auto;order:0}
#lessonbody[data-phase=done] .sp3-content>.sp3-log{order:1}
@media(max-width:759px){.sprechen-teil3 .dk-sp-head{min-height:54px;padding-block:4px}.sprechen-teil3 .dk-sp-main{gap:6px}.sp3-tools{padding:6px!important}.sp3-dock{padding:6px 10px}.sprechen-teil3 .sp3-mic{width:42px;height:42px}.sp3-mic-center{gap:3px}.sp3-dock-caption{font-size:8px}.sp3-dock .sp3-dock-side{width:34px;height:34px}.sp3-dock-actions{gap:22px}.sp3-input{margin-top:6px}.sprechen-teil3 .dk-sp-foot{min-height:48px;padding-top:4px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.sprechen-teil3 .dk-sp-foot .dk-sp-btn{height:36px;min-height:36px}.sp3-content{gap:6px!important}.sp3-subtitles{min-height:44px;max-height:50px}}

@container(max-height:145px){.sprechen-teil3 .sp3-seat{bottom:2%;gap:2px;--avatar-size:26px}.sprechen-teil3 .sp3-seat.examiner{bottom:24%;--avatar-size:24px}.sprechen-teil3 .sp3-avatar,.sprechen-teil3 .sp3-seat.examiner .sp3-avatar{font-size:14px}.sprechen-teil3 .sp3-wave{height:5px}.sprechen-teil3 .sp3-seat>strong{font-size:9px}.sprechen-teil3 .sp3-seat>small{font-size:7px;padding:1px 3px}.sp3-thinking{top:0;left:calc(100% + 6px);transform:none;padding:4px}.sprechen-teil3 .sp3-live{font-size:6px}.sprechen-teil3 .sp3-clock b{font-size:12px}.sprechen-teil3 .sp3-clock svg{width:18px;height:18px}}