.minimal-word-card.feedback-view .word-audio-controls{display:none!important}.minimal-word-card.feedback-view .word-title-row{display:block}.live-feedback{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:16px}.live-brain{grid-row:span 3;background:var(--brand-ink);border-radius:18px;overflow:hidden;min-height:220px}.live-brain canvas{display:block;width:100%;height:100%;min-height:220px}.live-feedback-summary{background:var(--brand-gold-soft);border-radius:14px;padding:14px;color:var(--brand-ink)}.live-feedback-summary p{margin:6px 0 0;font-size:16px;line-height:1.45}.live-feedback-update{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--brand-ink);color:var(--brand-canvas);border-radius:14px;padding:12px}.live-feedback-update>strong{font-size:16px;line-height:1.25;max-width:210px}.live-feedback-update>div{text-align:center;flex-shrink:0}.live-feedback-update b{font-size:32px;color:var(--brand-aqua);text-shadow:0 0 9px var(--brand-teal)}.live-feedback-update small{display:block;font-size:10px}.live-feedback-disclosure{font-size:10px;color:var(--brand-ink-soft)}.has-live-feedback .batch-summary-card,.has-live-feedback .feedback-playback-status{display:none}.live-feedback>button{min-height:44px}.has-live-feedback .minimal-word-card{overflow:hidden}
@media(max-width:900px){.live-feedback{grid-template-columns:1fr;gap:10px}.live-brain{grid-row:auto;min-height:150px;height:180px}.live-brain canvas{min-height:0;height:100%}.live-feedback-summary{padding:12px}.live-feedback-summary p{font-size:15px}:is(.word-studio-shell,.sentence-talk-shell) .minimal-word-card.feedback-view{padding:18px}}
@media(max-width:480px){.live-feedback{margin-top:10px;gap:8px}.live-brain{height:clamp(110px,22dvh,180px);min-height:110px}.live-feedback-summary p{font-size:14px}.live-feedback-update{padding:10px}:is(.word-studio-shell,.sentence-talk-shell) .minimal-word-card.feedback-view .word-with-picture{font-size:clamp(32px,9vw,52px)}}
@media(prefers-reduced-motion:reduce){.live-feedback-highlight{transition:none}}
:is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .minimal-word-stage{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;min-height:0}:is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .minimal-word-card{flex-shrink:0;background:var(--brand-canvas)!important}.has-live-feedback .word-mobile-practice-summary{display:none}.has-live-feedback .attempt-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.has-live-feedback .attempt-pill{min-width:0;padding:8px}.has-live-feedback .attempt-score-line{display:flex;flex-direction:column;gap:3px}.has-live-feedback .attempt-replay-button{min-width:44px;min-height:44px}.has-live-feedback .batch-panel{padding:0;margin:0}.has-live-feedback .word-feedback-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.has-live-feedback .word-feedback-actions button{min-height:44px}.has-live-feedback .word-nav-row{margin-top:0}.has-live-feedback .live-word-scene{display:none}
@media(max-width:780px){:is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .minimal-word-stage{padding-bottom:16px}:is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .minimal-word-card{padding:12px}.has-live-feedback .live-brain{height:125px;min-height:100px}.has-live-feedback .live-feedback-summary{padding:10px}.has-live-feedback .attempt-pill>span{font-size:12px}.has-live-feedback .attempt-score-line strong{font-size:18px}.has-live-feedback .attempt-replay-button{padding:4px 8px}.has-live-feedback .word-studio-source{display:none}}
.has-live-feedback .attempt-score-line .attempt-replay-button{position:static!important;transform:none!important;inset:auto!important;order:2}.has-live-feedback .attempt-score-line strong{position:static!important;transform:none!important;order:1}.has-live-feedback .attempt-score-line{align-items:center;justify-content:center}.has-live-feedback .attempt-pill{overflow:visible}
/* Tablet/compact desktop: the desktop status is visible above 780px.
   Keep it out of the narrow microphone column used by the phone layout. */
@media (min-width:781px) and (max-width:1180px) {
  :is(.word-studio-shell,.sentence-talk-shell) .minimal-word-stage > .guided-record-card,
  :is(.word-studio-shell,.sentence-talk-shell) .minimal-word-stage > .guided-record-card:is(.countdown,.recording,.listening,.checking) {
    grid-template-columns:104px minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    gap:12px 20px;
    min-height:132px;
  }
  :is(.word-studio-shell,.sentence-talk-shell) .guided-record-card > .word-studio-mic {grid-column:1;grid-row:1 / span 2;justify-self:center;}
  :is(.word-studio-shell,.sentence-talk-shell) .guided-record-card > .word-record-desktop-copy {grid-column:2;grid-row:1;min-width:0;}
  :is(.word-studio-shell,.sentence-talk-shell) .guided-record-card #word-record-state {font-size:clamp(22px,2.6vw,30px);line-height:1.2;overflow-wrap:normal;}
  :is(.word-studio-shell,.sentence-talk-shell) .guided-record-card #word-record-copy {font-size:16px;line-height:1.4;font-weight:500;margin:6px 0 0;}
  :is(.word-studio-shell,.sentence-talk-shell) .guided-record-card > .listening-meter {grid-column:2;grid-row:2;width:min(100%,280px);aspect-ratio:auto;min-height:44px;grid-template-columns:auto auto auto;gap:8px;padding:8px 12px;border-width:2px;border-radius:14px;}
}
/* Current recording playback: distinct from the attempt's score. */
:is(.word-studio-shell,.sentence-talk-shell) .attempt-pill.attempt-audio-playing {
  outline:3px solid var(--brand-gold);outline-offset:-3px;
  background:var(--brand-gold-soft);color:var(--brand-ink);
  box-shadow:0 0 0 2px var(--brand-gold);
}
:is(.word-studio-shell,.sentence-talk-shell) .attempt-pill.attempt-audio-playing strong,
:is(.word-studio-shell,.sentence-talk-shell) .attempt-pill.attempt-audio-playing .attempt-playing-label {color:var(--brand-ink);}
:is(.word-studio-shell,.sentence-talk-shell) .attempt-playing-label {display:block;font-size:12px;font-weight:700;line-height:1.2;margin-top:4px;}
/* Approved shared feedback composition at every width. Presentation only:
   prompt > attempts > brain > console > replay/retry > navigation. */
@media(min-width:0px){
 :is(.word-studio-shell,.sentence-talk-shell):has(.has-live-feedback){--practice-phone-dock-height:0px;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .minimal-word-stage{
  display:flex;flex-direction:column;gap:8px;padding:16px!important;margin:8px 0 16px;
  background:var(--brand-canvas);border:1px solid var(--brand-aqua);border-radius:24px;
 }
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .minimal-word-card,
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .live-feedback,
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .batch-panel {display:contents!important;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .minimal-word-top{display:none;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .word-title-row{order:1;margin:0;padding:0;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .word-with-picture{font-size:42px!important;line-height:1.15;margin:6px 0 10px;justify-content:center;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .attempt-row{order:2;margin:0;gap:8px;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .attempt-pill{border:2px solid var(--brand-aqua);border-radius:12px;background:var(--brand-panel-mint);padding:6px 3px;box-shadow:none;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .attempt-pill>span{width:auto;height:auto;border:0;background:none;color:var(--brand-emerald);font-size:12px;line-height:1.2;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .attempt-pill>span::before{content:'Attempt ';}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .attempt-score-line{gap:0;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .attempt-score-line strong{color:var(--brand-emerald);font-size:24px;line-height:1.2;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .attempt-replay-button{border:0;background:none;min-height:44px;padding:2px 4px;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .attempt-audio-playing{background:var(--brand-gold-soft);border-color:var(--brand-emerald);}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .live-brain{order:3;height:auto!important;min-height:0!important;aspect-ratio:2.4;width:100%;border-radius:18px;margin:0;position:relative;flex:none;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .live-brain canvas{position:absolute;inset:0;width:100%;height:100%;min-height:0;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .live-feedback-summary{order:4;padding:10px 12px;border-radius:14px;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .live-feedback-summary p{font-size:16px;line-height:1.35;margin:4px 0 0;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .live-feedback-update{order:5;min-height:64px;padding:10px 12px;border-radius:14px;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .word-feedback-actions,
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .word-feedback-actions[data-phone-dock]{order:6;position:static!important;inset:auto!important;width:100%!important;max-height:none;overflow:visible!important;padding:0!important;margin:2px 0 0!important;border:0!important;border-radius:0!important;background:none;box-shadow:none;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .word-feedback-actions button,
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .word-nav-row button{font-size:14px;padding:8px;min-height:46px;border-radius:12px;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .word-nav-row{order:7;margin:0;padding:0;gap:8px;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback [data-action='local-feedback-return']{order:8;min-height:44px;padding:6px;font-size:13px;background:none;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .live-feedback-disclosure{order:9;font-size:10px;text-align:center;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .practice-gate-note{order:10;}
 :is(.word-studio-shell,.sentence-talk-shell):has(.has-live-feedback) .practice-focus-stage{padding-bottom:0!important;}
}
@media(min-width:0px){
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .attempt-pill>span{display:block;white-space:nowrap;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .live-brain{aspect-ratio:2.2;}
}
.live-sound-cue{background:var(--brand-gold-soft);color:inherit;border-radius:5px;box-shadow:0 2px 0 var(--brand-gold);padding:0;}
/* Sentence feedback uses the word composition; assistance returns outside feedback. */
.sentence-talk-shell .has-live-feedback .sentence-word-row,
.sentence-talk-shell .has-live-feedback .word-title-actions,
.sentence-talk-shell .has-live-feedback .sentence-mobile-practice-summary,
.sentence-talk-shell .has-live-feedback .guided-record-card,
.sentence-talk-shell .has-live-feedback .sentence-footnote {display:none!important;}
.sentence-talk-shell .has-live-feedback .sentence-title-row h2 {
 margin:0;overflow-wrap:anywhere;line-height:1.2;font-size:clamp(28px,4vw,48px);
}
@media(min-width:0px){
 .sentence-talk-shell .has-live-feedback .sentence-card {display:contents!important;}
 .sentence-talk-shell .has-live-feedback .sentence-title-row {display:block!important;order:1;}
 .sentence-talk-shell .has-live-feedback .sentence-source {display:none;}
 .sentence-talk-shell .has-live-feedback .sentence-title-row h2 {font-size:clamp(26px,7vw,36px);text-align:center;margin:4px 0 10px;}
 .sentence-talk-shell .has-live-feedback .sentence-talk-stage {width:100%;box-sizing:border-box;}
}
/* Desktop feedback is the same focused stack, not a stretched phone or the
   legacy two-column dashboard. Idle/recording and other modules are untouched. */
@media(min-width:781px){
 :is(.word-studio-shell,.sentence-talk-shell):has(.has-live-feedback){width:min(768px,100%);padding:16px 24px 24px;}
 :is(.word-studio-shell,.sentence-talk-shell):has(.has-live-feedback) .app-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;min-height:48px;padding:0;margin:0 0 12px;}
 :is(.word-studio-shell,.sentence-talk-shell):has(.has-live-feedback) .app-header>div:first-child{grid-column:2;grid-row:1;min-width:0;max-width:none;text-align:center;}
 :is(.word-studio-shell,.sentence-talk-shell):has(.has-live-feedback) .app-header h1{font-size:24px;line-height:1.2;margin:0;max-width:none;}
 :is(.word-studio-shell,.sentence-talk-shell):has(.has-live-feedback) .app-header .eyebrow{display:none;}
 :is(.word-studio-shell,.sentence-talk-shell):has(.has-live-feedback) .header-actions{display:contents;}
 :is(.word-studio-shell,.sentence-talk-shell):has(.has-live-feedback) .header-actions>button{position:static;grid-column:3;grid-row:1;min-height:44px;padding:10px 16px;}
 :is(.word-studio-shell,.sentence-talk-shell):has(.has-live-feedback) .header-actions .home-btn{grid-column:1;}
 :is(.word-studio-shell,.sentence-talk-shell):has(.has-live-feedback) .practice-focus-strip{display:none;}
 :is(.word-studio-shell,.sentence-talk-shell):has(.has-live-feedback) .continuity-alert{margin:0 0 8px;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback{width:100%;max-width:none;margin:0;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .minimal-word-stage{width:100%;max-width:none;padding:16px!important;margin:8px 0 0;box-sizing:border-box;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .word-studio-source{display:none;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .word-with-picture{font-size:48px!important;margin:0 0 8px;}
 .word-studio-shell .has-live-feedback .word-illustration-reveal-slot{width:64px;height:64px;flex:0 0 64px;}
 .word-studio-shell .has-live-feedback .word-with-picture .word-picture-illustration{width:64px;height:64px;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .live-brain{height:200px!important;aspect-ratio:auto;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .glass-main{min-height:126px;padding:18px;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .glass-headline{font-size:28px;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .glass-support{font-size:23px;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .glass-counter{font-size:60px;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .attempt-pill>small:not(.attempt-playing-label){display:none;}
 .word-studio-shell .has-live-feedback .attempt-row:has(.attempt-pill small)::after{content:'Scores show how close the word sounded';grid-column:1 / -1;color:var(--brand-ink-soft);font-size:12px;text-align:center;}
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .word-feedback-actions button,
 :is(.word-studio-shell,.sentence-talk-shell) .has-live-feedback .word-nav-row button{font-size:16px;}
}
