html[data-visu12-slideshow=on] .sheet-scroll-area main>article,html[data-visu12-slideshow=on] .sheet-scroll-area main>footer{display:none!important}
#visu12-slideshow[hidden]{display:none!important}
#visu12-slideshow{max-width:850px;margin:0 auto 20px;background:white;border:1px solid #d7e3d1;border-radius:20px;padding:14px;box-shadow:0 6px 20px #1833240c;color:#23563d}
.visu12-slide-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.visu12-slide-top strong{font-size:18px}#slide-counter{font:13px system-ui;color:#687863}
.visu12-slide-picture{position:relative;max-width:440px;margin:auto}#slide-photo{width:100%;height:auto;max-height:300px;object-fit:contain;aspect-ratio:4/3;border-radius:14px;display:block}
#slide-prev,#slide-next{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:49px;border:1px solid #afc4a5;border-radius:12px;background:#fffffff0;color:#23563d;font:700 29px/1 system-ui;box-shadow:0 2px 6px #0002;cursor:pointer}#slide-prev{left:8px}#slide-next{right:8px}
#slide-phrase{font:700 25px/1.3 system-ui;text-align:center;margin:12px 0 9px;padding:7px 12px;border-radius:12px}#slide-phrase.good{background:#248545;color:white}#slide-phrase.bad{background:#bf342b;color:white}#slide-phrase.listened{background:#ffd5ad;color:#62330e}
.visu12-slide-controls{display:flex;justify-content:center;align-items:center;gap:22px}#slide-listen{padding:9px 14px;border:1px solid #9db78f;border-radius:11px;background:#edf3e8;color:#23563d;font:650 14px system-ui;cursor:pointer}
#slide-microphone-wrap{text-align:center}#slide-microphone{width:66px;height:66px;border-radius:50%;border:2px solid #c7d9bc;background:radial-gradient(circle at 35% 25%,#fff,#e5f0de);color:#23563d;cursor:pointer;box-shadow:0 3px 8px #23563d18}#slide-microphone svg{width:35px;height:42px}#slide-microphone-caption{display:block;font:12px system-ui;margin-top:3px}
#slide-status{text-align:center;font:13px/1.4 system-ui;min-height:18px;margin:7px 0}.visu12-slide-progress{height:4px;border-radius:4px;background:#eaf0e5;overflow:hidden;margin-top:9px}.visu12-slide-progress i{height:100%;display:block;background:#d88138;transition:width .2s}#slide-dashboard{display:block;text-align:center;font:12px system-ui;color:#5b7551;margin-top:9px}
#visu12-slideshow button:hover{filter:brightness(.95)}#visu12-slideshow button:focus-visible{outline:3px solid #d77d3e;outline-offset:3px}
#visu12-slideshow.training-open #slide-microphone-wrap{display:none}
html[data-visu12-slideshow=on] #voiceExerciseDialog{position:relative!important;inset:auto!important;transform:none!important;margin:4px auto!important;width:min(100%,520px)!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;resize:none!important;box-shadow:none!important;border:1px solid #d2dfcb!important;border-radius:14px!important;overflow:visible!important}
html[data-visu12-slideshow=on] #voiceExerciseDialog:not([open]){display:none!important}
html[data-visu12-slideshow=on] #voiceExerciseDialog .voice-dialog-bar{border-radius:14px 14px 0 0;cursor:default!important;padding:5px 8px!important}
html[data-visu12-slideshow=on] #voiceExerciseDialog .exercise-mode-control{display:none!important}
html[data-visu12-slideshow=on] #voiceFrame{height:auto!important;min-height:0!important;overflow:visible!important}
html[data-visu12-slideshow=on] #voiceExerciseDialog>.voice-audio-navigation,html[data-visu12-slideshow=on] #voiceExerciseDialog>.voice-resize-grip{display:none!important}
@media(max-width:620px){#visu12-slideshow{padding:10px}#slide-photo{max-height:260px}#slide-phrase{font-size:22px}.visu12-slide-top strong{font-size:16px}.visu12-slide-controls{gap:14px}#slide-listen{font-size:13px;padding:8px 11px}.sheet-scroll-area main{margin-top:10px!important}}

/* The standard engine stays hidden; only the slideshow microphone is shown. */
html[data-visu12-slideshow=on] #voiceExerciseDialog{display:none!important}
#visu12-slideshow.training-open #slide-microphone-wrap{display:block}
#slide-microphone{position:relative;isolation:isolate;overflow:visible}
#slide-microphone::before,#slide-microphone::after{content:'';display:none;position:absolute;inset:-3px;border:2px solid #2c9d5d;border-radius:50%;pointer-events:none}
#visu12-slideshow.recording #slide-microphone{color:#b63730;background:#fff1ed;border-color:#dcafa5}
#visu12-slideshow.recording #slide-microphone::before,#visu12-slideshow.recording #slide-microphone::after{display:block;animation:visu12-microphone-wave 1.8s ease-out infinite}
#visu12-slideshow.recording #slide-microphone::after{animation-delay:-.9s}
#slide-microphone:disabled{cursor:wait;opacity:.6}
#visu12-slideshow.recording #slide-microphone-caption{color:#23563d;font-weight:700}
@keyframes visu12-microphone-wave{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.85);opacity:0}}
@media(prefers-reduced-motion:reduce){#visu12-slideshow.recording #slide-microphone::before,#visu12-slideshow.recording #slide-microphone::after{animation:none;transform:scale(1.35);opacity:.35}}

html[data-visu12-slideshow=on] .slideshow-sheet-content{display:none!important}
#slide-photo[hidden],#slide-art[hidden]{display:none!important}#slide-art{height:285px;display:flex;align-items:center;justify-content:center;font:700 130px system-ui;background:#f5f7ef;border-radius:14px}#slide-art>svg{position:static!important;width:100%!important;height:100%!important;max-width:100%;max-height:285px;transform:none!important} @media(max-width:620px){#slide-art{height:235px}#slide-art>svg{max-height:235px}}

#slide-art{font-size:clamp(24px,5vw,52px);padding:24px 48px;box-sizing:border-box;overflow:hidden;text-align:center;overflow-wrap:anywhere}.visu12-slide-top strong{min-width:0}#slide-counter{flex-shrink:0;white-space:nowrap}

/* Navigation beside the illustration, without covering it. */
.visu12-slide-picture{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;max-width:540px;align-items:center}#slide-photo,#slide-art{grid-column:2;grid-row:1;min-width:0;width:100%}#slide-prev,#slide-next{position:static;transform:none;grid-row:1;align-self:center}#slide-prev{grid-column:1}#slide-next{grid-column:3}@media(max-width:620px){.visu12-slide-picture{grid-template-columns:34px minmax(0,1fr) 34px;gap:5px}#slide-prev,#slide-next{width:34px;height:44px}#slide-art{padding:16px 8px}}


#slide-score-options.score-gauge{position:relative;display:block;width:280px;max-width:100%;aspect-ratio:3/2;margin:0 auto;overflow:hidden}
.score-gauge-original{display:block;width:100%;height:100%;object-fit:contain}
.score-gauge-dial{position:absolute;left:20.45%;top:28.5%;width:58.5%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse at 43% 42%,#fff 0 25%,#fdfdfd 50%,#ededed 73%,#d8d8d8 95%);pointer-events:none}
.score-gauge-needle{position:absolute;left:47%;top:30%;width:5.8%;height:41.7%;background:linear-gradient(90deg,#414141,#191919);clip-path:polygon(49% 0,55% 0,100% 100%,0 100%);transform-origin:50% 100%;transform:rotate(0);transition:transform .25s ease;pointer-events:none}
[data-level="1"] .score-gauge-needle{transform:rotate(-60deg)}
[data-level="3"] .score-gauge-needle{transform:rotate(60deg)}
.score-gauge-hub{position:absolute;width:14.8%;aspect-ratio:1;left:42.35%;top:60.6%;border:3px solid #a3a3a3;border-radius:50%;background:radial-gradient(circle at 40% 30%,#383838,#1a1a1a 85%);box-shadow:0 2px 3px #0006,inset 0 0 0 2px #494949;pointer-events:none}
#slide-score-options.score-gauge button{position:absolute;top:0;bottom:0;width:33.333%;padding:0!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;outline:none;cursor:pointer}
#slide-score-options.score-gauge button:nth-of-type(1){left:0}#slide-score-options.score-gauge button:nth-of-type(2){left:33.333%}#slide-score-options.score-gauge button:nth-of-type(3){left:66.666%}
#slide-score-options.score-gauge button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#slide-score-options.score-gauge button:hover{background:#ffffff18!important;filter:none}
#slide-score-options.score-gauge button:focus-visible{outline:2px solid #23563d!important;outline-offset:-3px;border-radius:8px}
@media(prefers-reduced-motion:reduce){.score-gauge-needle{transition:none}}

#slide-score-control{text-align:center;flex:0 0 120px}#slide-score-title{display:block;font:600 11px/1.25 system-ui}#slide-score-options.score-gauge{width:120px;margin:0 auto}#slide-score-options .score-gauge-hub{border-width:1px}.visu12-slide-controls{gap:14px;flex-wrap:wrap}@media(max-width:620px){#slide-score-control{flex-basis:100px}#slide-score-options.score-gauge{width:100px}#slide-score-title{font-size:10px}.visu12-slide-controls{gap:8px}#slide-listen{max-width:95px;white-space:normal}}

/* Small score dial at the left; listening and microphone centered as a pair. */
.visu12-slide-controls{position:relative;display:flex;justify-content:center;align-items:center;gap:22px;min-height:90px;padding:0 90px;box-sizing:border-box;flex-wrap:nowrap}
#slide-score-control{position:absolute;left:0;top:50%;transform:translateY(-50%);width:88px}
#slide-score-options.score-gauge{width:88px}
#slide-score-title{font:600 11px/1.25 system-ui;white-space:nowrap}
@media(max-width:620px){.visu12-slide-controls{gap:12px;padding:0 0 0 0;min-height:86px;justify-content:center}#slide-score-control{width:70px}#slide-score-options.score-gauge{width:70px}#slide-score-title{font-size:10px}#slide-listen{max-width:80px;font-size:12px;padding:8px}#slide-microphone{width:58px;height:58px}.visu12-slide-controls #slide-microphone-wrap{width:70px}.visu12-slide-controls{padding-left:70px;padding-right:0}}

@media(max-width:620px){.visu12-slide-controls{padding:0;gap:10px}#slide-listen{max-width:70px}.visu12-slide-controls #slide-microphone-wrap{width:60px}}

/* Neighbour previews occupy the former navigation gutters; the active track is unchanged. */
#slide-prev.slide-audio-preview,#slide-next.slide-audio-preview{width:clamp(34px,calc((100vw - 570px)/2 + 20px),100px);height:auto;min-height:48px;padding:5px;border:1px solid #afc4a5;border-radius:12px;background:#f7faf3;color:#23563d;font:600 11px/1.25 system-ui;overflow:hidden;box-sizing:border-box;transition:box-shadow .15s,border-color .15s}
#slide-prev.slide-audio-preview{justify-self:end}#slide-next.slide-audio-preview{justify-self:start}
.slide-preview-art{display:flex;align-items:center;justify-content:center;width:100%;height:65px;background:#eef3e8;border-radius:7px;overflow:hidden;font:700 20px system-ui}
.slide-preview-art>img,.slide-preview-art>svg{display:block;position:static!important;width:100%!important;height:100%!important;min-width:0;max-width:100%;max-height:100%;object-fit:contain;transform:none!important}
.slide-preview-caption{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin-top:5px}
#visu12-slideshow .slide-audio-preview:hover{border-color:#23563d;box-shadow:0 0 0 2px #23563d33;filter:none}
@media(max-width:620px){#slide-prev.slide-audio-preview,#slide-next.slide-audio-preview{width:34px;padding:2px;border-radius:8px}.slide-preview-art{height:45px;border-radius:5px}.slide-preview-caption{display:none}}
@media(prefers-reduced-motion:reduce){.slide-audio-preview{transition:none!important}}

/* The active caption is also the model-audio playback button. */
button#slide-phrase{display:block;width:100%;box-sizing:border-box;border:1px solid #c7d7bd;background:#f1f6eb;color:#23563d;cursor:pointer;text-transform:none;letter-spacing:normal}button#slide-phrase.good{background:#248545;color:white;border-color:#248545}button#slide-phrase.bad{background:#bf342b;color:white;border-color:#bf342b}button#slide-phrase.listened{background:#ffd5ad;color:#62330e;border-color:#e8b385}

/* A large, decorative arrow points at the recording microphone without blocking it. */
#visu12-slideshow .visu12-slide-controls{margin-top:46px}
#visu12-slideshow #slide-microphone-wrap{position:relative}
#visu12-slideshow #slide-microphone-wrap::before{content:'';position:absolute;left:50%;top:-48px;transform:translateX(-50%);width:48px;height:44px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 44'%3E%3Cpath d='M17 3H31V23H43L24 41L5 23H17Z' fill='%23efa43a' stroke='%2323563d' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 2px 2px #23563d33)}
#visu12-slideshow.recording #slide-microphone-wrap::before{visibility:hidden}
@media(max-width:620px){#visu12-slideshow .visu12-slide-controls{margin-top:40px}#visu12-slideshow #slide-microphone-wrap::before{width:42px;height:38px;top:-42px}}

/* Light-up sign: an illuminated arrow alternates with a dimmed arrow. */
@keyframes lrf-microphone-sign{
 0%,45%,100%{opacity:1;filter:brightness(1.22) drop-shadow(0 0 4px #ffd469) drop-shadow(0 0 11px #f6ab32)}
 55%,95%{opacity:.32;filter:brightness(.85) drop-shadow(0 1px 2px #23563d33)}
}
#visu12-slideshow #slide-microphone-wrap::before{animation:lrf-microphone-sign 1.8s steps(1,end) infinite}
#visu12-slideshow.recording #slide-microphone-wrap::before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){#visu12-slideshow #slide-microphone-wrap::before{animation:none;opacity:1;filter:drop-shadow(0 0 5px #ffc75b)}}