/* v89 trial: Electric blue. v88 is the unchanged rollback package.
   This stylesheet owns colours and frames; exercise mechanics stay in their existing files. */
html{background:#09152f}
body.electric-theme{
 --electric-blue:#1d50d4;--electric-navy:#101e45;--electric-edge:#09152f;
 --electric-panel:#f6f9ff;--electric-panel-muted:#466184;--electric-gold:#ffe04b;
 --paper:#1d50d4;--ink:#f6f9ff;--muted:#e0ebff;--line:#a5c4ff66;--rust:#ffe04b;
 --dark:#101e45;--surface:#f6f9ff;--edge:#101e45;
 background:linear-gradient(118deg,transparent 68%,#92c4ff12 68%,#92c4ff12 75%,transparent 75%),linear-gradient(160deg,#1d50d4,#1749c7);
 color:var(--ink);box-shadow:0 0 100px #030b2266;
}
.electric-theme #header{background:var(--electric-navy);color:#f6f9ff;border-bottom:1px solid #4568a1}
.electric-theme #header .header-note,.electric-theme #header .brand-by{color:#e0ebff}
.electric-theme #header .brand-name b:nth-child(2){color:var(--electric-gold)}
.electric-theme #header .brand-bars i,.electric-theme #header .mm-mark i{background:var(--electric-gold)}
.electric-theme #header :is(.exit,.sound-button,.reset-button,.hub-week){background:#233763;color:#f6f9ff;border-color:#496ba5}
.electric-theme #header :is(.exit,.sound-button,.reset-button,.hub-week):hover{background:#304b80}
.electric-theme #bottom-nav{background:var(--electric-navy);color:#e0ebff;border-color:#4568a1}
.electric-theme .brand-name,.electric-theme .hub-brand{color:#f6f9ff}
.electric-theme .skip:focus{background:var(--electric-gold);color:var(--electric-navy)}

/* Home: the existing stage colours sit inside the same navy frames. */
.electric-theme .daily-home{background:transparent}
.electric-theme .today-date{color:#e0ebff}
.electric-theme .workout-programme-heading>span{color:var(--electric-gold)}
.electric-theme .workout-programme-heading h2{color:#fff}
.electric-theme .workout-stage{--stage-edge:#09152f;border-color:var(--electric-navy)}
.electric-theme .workout-stage[data-stage="workout"]:not(.is-complete){--stage-colour:#ffe45c;--stage-end:#ffc52f;--stage-ink:#101e45}
.electric-theme .day-round-banner{background:var(--electric-gold);color:#101e45;box-shadow:0 5px 0 #a58317}
.electric-theme .day-round-banner>i{background:#101e45;box-shadow:-12px 0 #101e4566}
.electric-theme :is(.path-link,.personal-actions>.link,.ready-actions>.link,.footer-line>.link,.whole-player-footer>.link,.wins-utility>.link,.dialog-actions>.link){background:var(--electric-navy);color:#f6f9ff;border-color:#5177b6;box-shadow:0 3px 0 var(--electric-edge)}
.electric-theme :is(.path-link,.personal-actions>.link,.ready-actions>.link):hover{background:#1c3266}
.electric-theme .primary:not(.rep-win-button){background:var(--electric-gold);color:#101e45;border-color:#b38c16;box-shadow:0 4px 0 #8b6b13}
.electric-theme .primary:not(.rep-win-button):hover{filter:brightness(1.035)}
.electric-theme :is(.link,.practice-picker,.section-label){color:#e0ebff}
.electric-theme .track{background:#101e4566;box-shadow:none}
.electric-theme .track span{background:var(--electric-gold);box-shadow:none}

/* Light activity surfaces reset inherited text tokens so supporting text stays readable. */
.electric-theme :is(.practice-content,.lesson-ready-card,.lesson-space-preview,.reading-card,.path-item,.sp-card,.sp-worked-example,.sp-pepeha-model,.sp-practice-example,.sp-focus-demo,.blast-word-option,dialog){
 --ink:#101e45;--muted:#466184;--rust:#1d4fc6;--line:#c9d8f1;
 color:var(--ink);background:var(--electric-panel);
}
.electric-theme .practice-content{padding:22px 18px;border:6px solid var(--electric-navy);border-radius:4px 20px 4px 20px;box-shadow:0 7px 0 var(--electric-edge);margin:8px 0 15px}
.electric-theme .practice-content:has(.lesson-person){background:var(--electric-panel);border:6px solid var(--electric-navy);border-radius:4px 20px 4px 20px}
.electric-theme .practice-top,.electric-theme .practice-top strong{color:#e0ebff}
.electric-theme :is(.practice-footer,.whole-player-footer){background:var(--electric-navy);border-color:#4568a1;border-radius:4px 14px 4px 14px;padding-inline:12px}
.electric-theme .quiz-wait{color:#e0ebff}
.electric-theme .practice-content :is(.quiz-sentence,.lesson-emblem,.lesson-emblem span,.result-score,.warmup-recall-label){color:#1d4fc6}
.electric-theme .practice-content :is(.match-prompt,.quiz-translation,.lesson-outcome,.daily-result-note,.feedback,.body-copy){color:#466184}
.electric-theme .practice-content :is(.large-title,.question,.feedback strong){color:#101e45}
.electric-theme .practice-content em{color:#1d4fc6}
.electric-theme :is(.match-option,.option){background:#fff;color:#101e45;border:2px solid #b4c9ed;box-shadow:0 3px 0 #d0def4}
.electric-theme .match-option:hover{background:#e7f0ff}
.electric-theme .option-circle{border-color:#7290bc}
.electric-theme .option.correct{background:#d5f1e3;border-color:#21765a;color:#103e30;box-shadow:0 3px 0 #6fab91}
.electric-theme .option.correct .option-circle{background:#146c50;border-color:#146c50;color:#fff}
.electric-theme :is(.option.wrong,.match-option.wrong-choice){background:#ffe3dc;border-color:#b84c3d;color:#702719;box-shadow:0 3px 0 #dba294}
.electric-theme .option.wrong .option-circle{background:#a6372a;border-color:#a6372a;color:#fff}
.electric-theme .lesson-ready-card{border:6px solid var(--electric-navy);border-radius:4px 20px 4px 20px}
.electric-theme .lesson-ready-card>p{color:#466184}
.electric-theme .whole-player-title{background:var(--electric-navy);color:#fff}
.electric-theme .whole-player-title :is(span,h1){color:#f6f9ff}
.electric-theme .ako-frame{background:var(--electric-panel);border-color:var(--electric-navy)}
.electric-theme .lesson-space-preview{color:#101e45;border:6px solid var(--electric-navy)}
.electric-theme .lesson-space-preview :is(p,.lesson-outline,.preview-disclosure){color:#466184}

/* Title and result screens use the same blue ground rather than changing palettes. */
.electric-theme :is(.app-opening,.rep-intro,.cooldown-intro,.day-transition,.goal-celebration-page){background:radial-gradient(ellipse at 50% 45%,#4a88fa55,transparent 68%);color:#fff}
.electric-theme :is(.rep-intro>h1,.cooldown-intro>h1,.day-transition>h1,.reading-page>h1){color:#fff}
.electric-theme :is(.rep-intro>h1 em,.day-transition>h1 em,.reading-page>h1 em){color:var(--electric-gold)}
.electric-theme :is(.rep-intro-step,.rep-intro>p,.cooldown-intro-actions>p,.day-transition-kicker,.day-transition>p,.reading-eyebrow){color:#e0ebff}
.electric-theme .day-victory{background:radial-gradient(ellipse at 50% 40%,#245ce9,#101e45 75%)}
.electric-theme .day-victory-stages span{background:#20396b;color:#e0ebff;border-color:#5074ac}

/* Reps: navy score frames, bright timers, and off-white cards of the original stable size. */
.electric-theme .sp-shell{color:#f6f9ff}
.electric-theme :is(.sp-top,.sp-instruction,.sp-note,.sp-pb,.sp-ready-stats small,.sp-live-label span,.sp-active-task,.sp-plate-feedback,.sp-cue-see small,.sp-cue-answer small,.sp-cue-lines p,.sp-cue-timing,.sp-demo-do,.sp-demo-direct,.sp-reveal-wait,.sp-self-check,.sp-pace legend,.sp-ready-options summary){color:#e0ebff}
.electric-theme :is(.sp-kicker,.sp-ready-stats strong,.sp-pb span,.sp-count,.sp-rest-clock,.sp-total,.sp-coach,.sp-next>span,.sp-speak-banner,.sp-out-loud>strong,.sp-cue-answer strong,.sp-cue-content h2){color:var(--electric-gold)}
.electric-theme .sp-shell h1{color:#fff}
.electric-theme .sp-shell h1 em{color:var(--electric-gold)}
.electric-theme .sp-scoreboard{background:var(--electric-navy);color:#fff;border-radius:4px 16px 4px 16px;box-shadow:0 4px 0 var(--electric-edge)}
.electric-theme .sp-scoreboard small{color:#dbe8ff}
.electric-theme .sp-scoreboard>div:first-child strong{color:var(--electric-gold)}
.electric-theme .sp-pause{background:#253b69;color:#fff;border-color:#5478ad}
.electric-theme .sp-time,.electric-theme .sp-boss{background:#101e4577}
.electric-theme .sp-time i,.electric-theme .sp-boss i,.electric-theme .sp-voice-waves b{background:var(--electric-gold)}
.electric-theme .sp-boss i{background:#1d4fc6}
.electric-theme .sp-boss span{color:#fff}
.electric-theme .sp-card{background:var(--electric-panel);color:#101e45;border-color:var(--electric-navy);border-radius:4px 20px 4px 20px;box-shadow:inset 0 0 0 5px var(--electric-navy),0 7px 0 var(--electric-edge)}
.electric-theme .sp-card:before{border-color:#c5d6f0;border-radius:2px 12px 2px 12px}
.electric-theme .sp-card-fixed.sp-answer-revealed{background:#e7f0ff;border-color:var(--electric-navy)}
.electric-theme .sp-card :is(h2,.sp-task,.sp-meaning,.sp-answer-check){color:#101e45}
.electric-theme .sp-card :is(.sp-answer,.sp-token-label,.sp-wheel strong,.sp-art){color:#1d4fc6;border-color:#b6caec}
.electric-theme .sp-tap-hint,.electric-theme .sp-story-strip b{color:#466184}
.electric-theme .sp-call{background:var(--electric-navy);color:#fff}
.electric-theme .sp-beat{background:#1d4fc6;color:#fff}
.electric-theme .sp-button,.electric-theme .sp-hit{background:var(--electric-gold);color:#101e45;box-shadow:0 5px 0 #8b6b13}
.electric-theme :is(.sp-secondary,.sp-miss,.sp-direction,.sp-model-button){background:var(--electric-navy);color:#f6f9ff;border-color:#628ac4;box-shadow:0 4px 0 var(--electric-edge)}
.electric-theme .sp-text{color:#e0ebff}
.electric-theme .sp-test-button{background:#15295a;color:#e0ebff;border-color:#9dbcf0}
.electric-theme .sp-next,.electric-theme .sp-results>div,.electric-theme .sp-results>.sp-result-button{background:var(--electric-navy);color:#f6f9ff;border-color:#4c72aa}
.electric-theme .sp-results strong{color:var(--electric-gold)}
.electric-theme .sp-results small,.electric-theme .sp-rest-score span,.electric-theme .sp-hub-stats span{color:#dbe8ff}
.electric-theme .sp-ready-art{background:var(--electric-panel);box-shadow:0 0 0 10px #101e4533,0 0 0 22px #101e4515}
.electric-theme .sp-ready-art .sp-art{color:#1d4fc6}
.electric-theme .sp-cue-art .sp-art,.electric-theme .sp-cue-see strong{color:#f6f9ff}
.electric-theme .sp-effect{color:var(--electric-gold)}
.electric-theme .sp-lap,.electric-theme .sp-kahore-bar span{border-color:#91b1e5}
.electric-theme .sp-mountain-progress progress{accent-color:var(--electric-gold)}
.electric-theme .sp-point-scene>div{border-color:#8ba9d4}
.electric-theme .sp-point-scene .is-marked{background:#dfebff;border-color:#1d4fc6}
.electric-theme .sp-pace button,.electric-theme .sp-kahore button{background:var(--electric-navy);color:#e0ebff;border-color:#7197d3}
.electric-theme .sp-pace button[aria-pressed="true"],.electric-theme .sp-kahore button[aria-pressed="true"]{background:var(--electric-gold);color:#101e45;border-color:var(--electric-gold)}
.electric-theme .sp-profile input{background:var(--electric-panel);color:#101e45;border-color:#7197d3}
.electric-theme .sp-profile input::placeholder{color:#466184}
.electric-theme .sp-pepeha-details{border-color:#7197d3}
.electric-theme .sp-numberplate,.electric-theme .sp-catching-plate{background:var(--electric-panel);color:#101e45;border-color:var(--electric-navy);box-shadow:0 7px 0 var(--electric-edge)}
.electric-theme .sp-catching-plate small{color:#1d4fc6}
.electric-theme .sp-catching-plate.is-bonus{background:#fff0a1;border-color:#b58b17}
.electric-theme .sp-plate-life{background:var(--electric-gold)}
.electric-theme .sp-kahore-bar .earned{background:#1d4fc6;color:#fff}

/* The focused example remains a small, high-contrast window over a blurred navy backdrop. */
.electric-theme .sp-demo-backdrop{background:#08132cc7}
.electric-theme .sp-demo-window.sp-focus-demo{background:var(--electric-panel);color:#101e45;border-color:var(--electric-navy);border-radius:4px 20px 4px 20px;box-shadow:inset 0 0 0 5px var(--electric-navy),0 24px 80px #020814aa}
.electric-theme .sp-focus-demo .sp-demo-window-top{color:#1d4fc6}
.electric-theme .sp-focus-demo .sp-demo-close{background:var(--electric-navy);color:#fff;border-radius:5px}
.electric-theme .sp-focus-demo .sp-demo-dismiss-hint{color:#466184;border-color:#b9cdec}
.electric-theme .sp-demo-player,.electric-theme .sp-practice-example{background:var(--electric-panel);color:#101e45;border-color:#aac2e5}
.electric-theme .sp-focus-demo :is(.sp-example-frame p,.sp-example-frame .sp-demo-task,.sp-example-words){color:#101e45}
.electric-theme .sp-focus-demo :is(.sp-example-frame .sp-example-label,.sp-example-say,.sp-example-frame .sp-example-call,.sp-out-loud>strong,.sp-gesture,.sp-effect){color:#1d4fc6}
.electric-theme .sp-example-frame .sp-example-call{background:#dce9fc}
.electric-theme .sp-example-words mark,.electric-theme .sp-gold-tokens span{background:#ffe782;color:#101e45}
.electric-theme .sp-mini-plate,.electric-theme .sp-demo-plate{background:#fff;color:#101e45;border-color:#4168a4;box-shadow:0 5px 0 #193764}
.electric-theme .sp-watch-speech>div{background:#fff;border-color:#93b3e2;color:#101e45}
.electric-theme .sp-watch-speech small,.electric-theme .sp-demo-speaker svg{color:#1d4fc6}
.electric-theme .sp-watch-result{background:#1d4fc6;color:#fff}
.electric-theme .sp-demo-ready-title{color:#f6f9ff!important}

/* Final Blast and the mobile vocabulary picker share the same ground and card colours. */
.electric-theme .blast-ready :is(p,.link),.electric-theme .blast-controls .link,.electric-theme .blast-prompt>span{color:#e0ebff}
.electric-theme .blast-ready h1 em,.electric-theme .blast-ready .section-label,.electric-theme .blast-feedback,.electric-theme .blast-result-score strong{color:var(--electric-gold)}
.electric-theme .blast-scoreboard{background:var(--electric-navy);border-color:#5075ae;border-radius:4px 16px 4px 16px;box-shadow:0 4px 0 var(--electric-edge)}
.electric-theme .blast-scoreboard small{color:#dbe8ff}
.electric-theme .blast-scoreboard strong{color:var(--electric-gold)}
.electric-theme .blast-pad,.electric-theme .blast-pad:nth-child(2),.electric-theme .blast-pad:nth-child(3){background:var(--electric-panel);color:#101e45;border-color:var(--electric-navy);border-bottom-color:#09152f;box-shadow:0 5px 12px #06122c44}
.electric-theme .blast-pad.is-hit{background:var(--electric-gold);border-color:#a68114}
.electric-theme .blast-impact{background:var(--electric-gold);color:#101e45}
.electric-theme .blast-result-score{border-color:var(--electric-gold);background:#101e4544}
.electric-theme .blast-selected-five span{background:var(--electric-navy);color:#f6f9ff;border-color:#7da2dd}
.electric-theme .blast-word-option{background:var(--electric-panel);color:#101e45;border-color:var(--electric-navy);border-radius:4px 16px 4px 16px;box-shadow:0 3px 0 var(--electric-edge)}
.electric-theme .blast-word-option.is-selected{background:#fff1a6;border-color:#b68e18;box-shadow:0 3px 0 #80610e}
.electric-theme .blast-word-top b{background:#dbe7fa;color:#101e45}
.electric-theme .is-selected .blast-word-top b{background:#101e45;color:#fff}
.electric-theme .blast-word-example{color:#334f77;border-color:#b9cdec}
.electric-theme .blast-word-example mark,.electric-theme .blast-context-model mark{background:#ffe782;color:#101e45}
.electric-theme .blast-level-label select{background:var(--electric-panel);color:#101e45;border-color:var(--electric-navy)}
.electric-theme .blast-vocab-picker .blast-pick-footer{background:var(--electric-navy);color:#f6f9ff;border-color:#5075ae;padding-inline:10px}
.electric-theme .blast-pick-footer .link{color:#e0ebff}

/* Supporting pages and dialogs. Embedded lessons and books retain their own content styles. */
.electric-theme .path-item{background:var(--electric-panel);color:#101e45;border-color:var(--electric-navy);box-shadow:0 3px 0 var(--electric-edge)}
.electric-theme .path-item.is-current{background:#fff1a6;border-color:#b68e18}
.electric-theme .path-number{color:#1d4fc6}
.electric-theme .path-item small{color:#466184}
.electric-theme .wananga-heading{color:var(--electric-gold)}
.electric-theme .reading-card{border:6px solid var(--electric-navy);border-radius:4px 20px 4px 20px;box-shadow:0 7px 0 var(--electric-edge)}
.electric-theme .reading-book-heading>h2,.electric-theme .reading-card blockquote{color:#101e45;border-color:#b9cdec}
.electric-theme .reading-focus{color:#1d4fc6}
.electric-theme .reading-why,.electric-theme .reading-evidence>span{color:#466184}
.electric-theme .reading-book-symbol{background:#1d4fc6;color:#fff;border-color:#101e45;box-shadow:4px 4px 0 #b6caec}
.electric-theme .reading-evidence mark{background:#ffe782;color:#101e45}
.electric-theme dialog{background:var(--electric-panel);color:#101e45;border:5px solid var(--electric-navy);border-radius:5px 22px 5px 22px;box-shadow:0 25px 90px #02081499}
.electric-theme dialog::backdrop{background:#08132cc7}
.electric-theme .dialog-copy,.electric-theme .dialog-copy p{color:#466184}
.electric-theme .dialog-copy strong,.electric-theme .close-dialog{color:#101e45}
.electric-theme .dialog-copy :is(input,select){background:#fff;color:#101e45;border-color:#7596c5}
.electric-theme dialog :is(.link,.section-label){color:#1d4fc6}
.electric-theme .practice-choices button{background:#e4edfc;color:#101e45}
.electric-theme .practice-choices button :is(span,.icon){color:#1d4fc6}
.electric-theme #toast{background:var(--electric-navy);color:#fff;border-color:#779bd1}
@media(max-width:360px){.electric-theme .practice-content,.electric-theme .practice-content:has(.lesson-person){padding:18px 13px;border-width:5px}.electric-theme .reading-card{border-width:5px}}
