/* English Go! V8.9 — fewer competing controls, modern quiet surfaces, accessible taps */
:root{--eg89-ink:#292f53;--eg89-purple:#7969e3;--eg89-border:#ece9f6;--eg89-shadow:0 8px 28px rgba(57,48,113,.08)}
.eg89-header{display:flex!important;align-items:center!important;gap:8px!important;height:70px!important;padding:8px 0!important}
.eg89-brand{display:flex;gap:7px;align-items:center;color:#38375e;font-weight:900;white-space:nowrap;font-size:clamp(15px,calc(var(--eg8-base)*.95),22px)}
.eg89-brand b{color:#8870eb}.eg89-logo{width:31px;height:31px;border-radius:10px;background:linear-gradient(130deg,#8172e5,#afa2f3);color:white;display:grid;place-items:center;font-size:12px;box-shadow:0 3px 10px #7770d447}
.eg89-scores{margin-left:auto;display:flex;gap:4px;align-items:center;min-width:0}
.eg89-score{height:36px;min-width:46px;display:flex;align-items:center;justify-content:center;gap:4px;background:#f6f3ff;border:1px solid #e7e0fe;border-radius:11px;padding:6px 8px;font-size:13px;font-weight:850;color:#524492;white-space:nowrap}
.eg89-score strong{font-weight:900}.eg89-score small{font-size:11px;color:#8276a8}.eg89-xp{background:#faf7ee;border-color:#f3e8cb;color:#92721f}.eg89-header-settings{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid var(--eg89-border);border-radius:11px;background:white;color:#675f83}
.eg89-nav button{min-width:0!important}.eg89-nav button span{font-size:clamp(12px,calc(var(--eg8-base)*.84),19px)!important}
.eg89-hero{height:205px;position:relative;overflow:hidden;border-radius:23px;background:linear-gradient(115deg,#eeedff 0%,#e5f6fb 58%,#f0e5f5 100%);box-shadow:0 14px 26px #8076c221;border:1px solid #fff;isolation:isolate;margin-top:10px}
.eg89-hero:before{content:'✧';position:absolute;right:15%;top:11%;color:#8273c5;font-size:31px;opacity:.6}
.eg89-hero-copy{position:relative;z-index:2;width:65%;padding:23px 17px}
.eg89-eyebrow{font-weight:800;color:#7665b2;font-size:clamp(13px,calc(var(--eg8-base)*.82),19px)}
.eg89-hero h1{font-size:clamp(32px,calc(var(--eg8-base)*2.15),47px);line-height:1.12;letter-spacing:-.04em;font-weight:950;margin:17px 0 11px;color:#30375d}
.eg89-hero p{font-size:clamp(14px,calc(var(--eg8-base)*.88),20px);font-weight:650;line-height:1.4;color:#606d8b;margin:0}
.eg89-hero-photo{position:absolute;z-index:1;right:-6%;bottom:-4%;width:58%;height:113%;object-fit:cover;object-position:50% 38%;mask-image:linear-gradient(to right,transparent 0%,black 25%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 25%)}
.eg89-title-row,.eg89-section-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:23px 1px 12px}
.eg89-title-row h2,.eg89-section-heading h2{margin:0;font-size:calc(var(--eg8-base)*1.26);font-weight:900;letter-spacing:-.01em;color:#333257}
.eg89-title-row>span,.eg89-section-heading>span{font-size:calc(var(--eg8-base)*.82);color:#807990;font-weight:700}
.eg89-continue{background:#fff;box-shadow:var(--eg89-shadow);border:1px solid var(--eg89-border);border-radius:22px;padding:12px;display:flex;align-items:center;text-align:left;width:100%;gap:13px;min-height:105px;color:#393153}
.eg89-continue-picture{width:85px;height:82px;flex:0 0 85px;display:block;border-radius:15px;overflow:hidden;background:linear-gradient(135deg,#eefaf8,#f7effc)}
.eg89-continue-picture img{width:100%!important;height:100%!important;object-fit:contain}
.eg89-continue-picture .eg82-no-picture{height:100%;display:flex;align-items:center;justify-content:center}.eg89-continue-picture .eg82-no-picture>*:not(.eg82-no-picture-badge){display:none}
.eg89-continue-picture .eg82-picture-illustration{font-size:37px}.eg89-continue-info{display:flex;flex-direction:column;flex:1;min-width:0;gap:3px}.eg89-continue-info small{font-size:calc(var(--eg8-base)*.78);color:#80798f}.eg89-continue-info strong{font-size:calc(var(--eg8-base)*1.32);font-weight:900;color:#32325b;overflow-wrap:anywhere}.eg89-continue-info>span{font-size:calc(var(--eg8-base)*.88);color:#6c647e;line-height:1.3}
.eg89-round-arrow{width:37px;height:37px;flex:0 0 37px;border-radius:50%;display:grid;place-items:center;background:#8576ef;color:white;box-shadow:0 5px 12px #9189dd55}
.eg89-main-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.eg89-action{display:flex;flex-direction:column;position:relative;align-items:flex-start;justify-content:space-between;text-align:left;min-height:144px;padding:18px 15px;background:linear-gradient(135deg,#edf7fa,#f8fafd);border:1px solid #e1eef5;border-radius:21px;box-shadow:var(--eg89-shadow);color:#303456}
.eg89-action.games{background:linear-gradient(130deg,#f5eeff,#fcefff);border-color:#eee4fa}.eg89-action-icon{width:48px;height:48px;border-radius:16px;background:#fff9;display:grid;place-items:center;font-size:28px;box-shadow:0 3px 12px #4f4c9213}.eg89-action strong{font-size:calc(var(--eg8-base)*1.00);line-height:1.3;font-weight:900;max-width:90%}.eg89-action-arrow{position:absolute;right:12px;bottom:14px;opacity:.75}
.eg89-dictionary{display:flex;align-items:center;gap:13px;width:100%;text-align:left;min-height:57px;border-radius:17px;background:transparent;border:1px solid #e9e4f0;padding:12px 16px;color:#655a8a;font-size:calc(var(--eg8-base)*.93);font-weight:750;margin:15px 0}.eg89-dictionary span{flex:1}
.eg89-page-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 2px 13px}.eg89-page-top h1{font-size:calc(var(--eg8-base)*1.55);line-height:1.2;margin:6px 0 4px;color:var(--eg89-ink)}.eg89-page-top p{font-size:calc(var(--eg8-base)*.9);color:#767187;margin:0}.eg89-find{width:43px;height:43px;flex:0 0 43px;border-radius:14px;background:#fff;border:1px solid #eee9f6;display:grid;place-items:center;color:#8071c6}
.eg89-level-switch{display:flex;gap:6px;border-radius:14px;padding:5px;background:#eae8f3;margin:16px 0 15px}.eg89-level-switch button{flex:1;min-width:0;border:0;background:transparent;border-radius:11px;min-height:42px;font-size:calc(var(--eg8-base)*.84);font-weight:800;color:#74708c;padding:7px 5px;line-height:1.35}.eg89-level-switch button.active{background:#fff;color:#584bc5;box-shadow:0 2px 8px #7770c728}
.eg89-theme-list{display:grid;gap:11px;padding-bottom:14px}.eg89-theme-card{width:100%;min-height:100px;text-align:left;display:flex;align-items:center;gap:16px;padding:15px 16px;border-radius:20px;border:1px solid #fff;background:linear-gradient(112deg,#f1edff,#fcfaff);box-shadow:0 5px 18px #56548012;color:#363456}
.eg89-theme-card.mint{background:linear-gradient(110deg,#e5f7f4,#f8fffa)}.eg89-theme-card.peach{background:linear-gradient(110deg,#fff0e7,#fff9f8)}.eg89-theme-card.sky{background:linear-gradient(110deg,#e4f1ff,#f5faff)}.eg89-theme-card.pink{background:linear-gradient(110deg,#ffeef5,#fff9fb)}.eg89-theme-card.periwinkle{background:linear-gradient(110deg,#edeeff,#fbfaff)}.eg89-theme-card.lime{background:linear-gradient(110deg,#eaf9e9,#f9fffa)}
.eg89-theme-icon{height:59px;width:60px;flex:0 0 60px;display:grid;place-items:center;background:#fff9;border:1px solid #ffffffb8;box-shadow:0 3px 8px #2523570d;border-radius:18px;font-size:32px}
.eg89-theme-copy{flex:1;min-width:0;display:grid;gap:6px}.eg89-theme-copy strong{font-size:calc(var(--eg8-base)*1.03);font-weight:900;line-height:1.4;overflow-wrap:anywhere}.eg89-theme-copy small{font-size:calc(var(--eg8-base)*.77);color:#6f6c82}.eg89-theme-arrow{opacity:.68}
.eg89-group-toolbar{display:flex;gap:12px;align-items:center;margin:12px 0 16px;font-weight:850;color:#544b75}.eg89-group-toolbar>span:nth-child(2){flex:1}.eg89-back{height:42px;width:42px;border:1px solid #e7e2f0;background:#fff;border-radius:13px;display:grid;place-items:center}.eg89-group-level{font-size:calc(var(--eg8-base)*.8);font-weight:750;color:#8a80a6}
.eg89-group-hero{border-radius:23px;padding:24px 22px;box-shadow:var(--eg89-shadow);background:linear-gradient(120deg,#f1ecff,#e9f6fc);text-align:left;margin:0 0 22px}.eg89-group-hero.mint{background:linear-gradient(120deg,#e3f8ef,#eaf9fc)}.eg89-group-hero.peach{background:linear-gradient(120deg,#fff0e5,#fff8ee)}.eg89-group-hero.sky{background:linear-gradient(120deg,#e6efff,#e7faff)}.eg89-group-hero.pink{background:linear-gradient(120deg,#ffebf2,#f1f0ff)}.eg89-group-hero.periwinkle{background:linear-gradient(120deg,#ece9ff,#e9f8ff)}.eg89-group-hero.lime{background:linear-gradient(120deg,#eaf9e7,#f8ffed)}
.eg89-group-bigicon{display:block;font-size:42px;margin-bottom:8px}.eg89-group-hero h1{font-size:calc(var(--eg8-base)*1.42);line-height:1.3;margin:0;color:#3b375e}.eg89-group-hero p{margin:8px 0 0;font-size:calc(var(--eg8-base)*.85);color:#777086}
.eg89-subcat-list{display:grid;gap:10px;padding-bottom:18px}.eg89-subcat{width:100%;display:flex;align-items:center;gap:14px;min-height:89px;border-radius:17px;border:1px solid var(--eg89-border);background:#fff;box-shadow:0 4px 17px #7065920c;padding:12px 13px;text-align:left;color:var(--eg89-ink)}.eg89-subcat-index{width:36px;flex:0 0 36px;height:36px;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:900;color:#7c69ce;background:#f3edff}.eg89-subcat-copy{min-width:0;flex:1;display:grid;gap:5px}.eg89-subcat-copy strong{font-size:calc(var(--eg8-base)*.96);line-height:1.38;font-weight:850;overflow-wrap:anywhere}.eg89-subcat-copy small{font-size:calc(var(--eg8-base)*.72);color:#8a8497}.eg89-mini-track{height:5px;width:80%;display:block;background:#eeeafb;border-radius:10px;overflow:hidden}.eg89-mini-track i{display:block;height:100%;background:#9b80ee}.eg89-subcat-arrow{color:#9c91b9}
.eg89-reset-area{display:flex;gap:12px;align-items:center;background:#fff7f8;border:1px solid #f5dfe5;border-radius:17px;padding:14px 12px}.eg89-reset-icon{color:#b65d76;background:#ffe9ef;border-radius:13px;flex:0 0 41px;height:41px;display:grid;place-items:center;font-size:26px}.eg89-reset-area>div{flex:1;min-width:0;display:grid;gap:4px}.eg89-reset-area strong{font-size:calc(var(--eg8-base)*.88);color:#62394a}.eg89-reset-area small{font-size:calc(var(--eg8-base)*.73);line-height:1.4;color:#886a79}.eg89-reset-area button{flex:0 0 auto;min-height:41px;font-size:calc(var(--eg8-base)*.77);font-weight:850;color:#b04b68;background:#fff;border-radius:12px;border:1px solid #f1c7d3;padding:5px 11px}.eg89-reset-hint{font-size:calc(var(--eg8-base)*.75);color:#786f87;margin:8px 1px 18px}
body.eg89-modal-active{overflow:hidden}.eg89-reset-overlay{position:fixed;inset:0;z-index:100110;display:flex;align-items:center;justify-content:center;padding:15px;background:#2a1e47a8;backdrop-filter:blur(4px)}.eg89-confirm-card{background:#fff;border-radius:25px;padding:25px 23px;text-align:center;max-width:390px;width:100%;box-shadow:0 20px 70px #211c5d50}.eg89-confirm-symbol{font-size:45px;color:#aa526e}.eg89-confirm-card h2{font-size:24px;margin:6px 0 10px;color:#403551}.eg89-confirm-card p{font-size:15px;color:#6e657c;line-height:1.65}.eg89-confirm-card .eg89-confirm-safe{background:#f5f3fc;color:#5b5378;border-radius:10px;padding:10px}.eg89-confirm-card button{display:block;width:100%;min-height:49px;font-size:16px;border-radius:12px;margin-top:11px;font-weight:850}.eg89-confirm-delete{background:#c85476;color:white;border:0}.eg89-confirm-cancel{background:#f1eff8;color:#53496e;border:0}
html[data-theme=midnight] .eg89-hero{background:linear-gradient(120deg,#45416d,#394d66)}html[data-theme=midnight] .eg89-hero h1,html[data-theme=midnight] .eg89-hero p,html[data-theme=midnight] .eg89-brand,html[data-theme=midnight] .eg89-page-top h1{color:#fff}
html[data-theme=midnight] .eg89-continue,html[data-theme=midnight] .eg89-dictionary,html[data-theme=midnight] .eg89-subcat,html[data-theme=midnight] .eg89-header-settings{background:var(--surface);color:var(--text)}
@media(max-width:360px){.eg89-logo{display:none}.eg89-brand{font-size:14px}.eg89-score{min-width:40px;padding:5px 6px}.eg89-header-settings{flex-basis:33px;width:33px}.eg89-hero{height:183px}.eg89-hero-copy{padding:17px 13px}.eg89-hero h1{font-size:31px}.eg89-continue-picture{width:65px;height:70px;flex-basis:65px}.eg89-main-actions{gap:8px}.eg89-action{padding:13px 12px;min-height:126px}.eg89-theme-card{padding:12px;gap:10px;min-height:92px}.eg89-theme-icon{width:47px;flex-basis:47px;height:49px;font-size:27px}.eg89-level-switch{gap:3px}.eg89-level-switch button{padding:8px 2px}}
@media(prefers-reduced-motion:reduce){.eg89-hero,.eg89-theme-card,.eg89-continue{animation:none!important;transition:none!important}}
.eg89-setting-intro{margin-top:12px}.eg89-setting-intro h2{font-size:calc(var(--eg8-base)*1.17);margin:0 0 4px;color:#383457}.eg89-setting-intro p{font-size:calc(var(--eg8-base)*.86);color:#78728c;margin:0 0 12px}
.eg89-settings-profile{display:flex;align-items:center;gap:8px;padding:13px!important}.eg89-settings-profile select{flex:1;min-width:0}.eg89-settings-profile .btn{white-space:nowrap;font-size:calc(var(--eg8-base)*.83)}
.eg89-setting-label{font-size:calc(var(--eg8-base)*1.05);font-weight:900;color:#3d375e;margin:23px 0 11px}
.eg89-speech-settings{display:grid;gap:13px;padding:14px!important}.eg89-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;color:#5b536f;font-size:calc(var(--eg8-base)*.88);font-weight:750}.eg89-setting-row label,.eg89-setting-row span{flex:1}.eg89-setting-row select{min-width:0;max-width:67%;font-size:calc(var(--eg8-base)*.87)}.eg89-setting-row input[type=checkbox]{width:23px;height:23px;accent-color:#8070d9}
.eg89-speech-settings .eg89-test-voice{min-height:49px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.eg89-data-actions{display:flex;gap:10px;padding:12px!important;margin-bottom:12px}.eg89-data-actions button{flex:1;min-width:0;font-size:calc(var(--eg8-base)*.82);display:flex;align-items:center;justify-content:center;gap:6px}
.eg89-settings-optional{margin-top:24px}.eg89-details{background:var(--surface,#fff);border:1px solid var(--eg89-border);border-radius:18px;padding:0 15px 13px}.eg89-details>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:55px;font-size:calc(var(--eg8-base)*.94);font-weight:850;color:#5d5480;cursor:pointer}.eg89-details>summary::-webkit-details-marker{display:none}.eg89-details>summary svg{transition:transform .2s}.eg89-details[open]>summary svg{transform:rotate(90deg)}.eg89-details h3{font-size:calc(var(--eg8-base)*.93);margin:16px 0 10px;color:#585176}.eg89-details button:not(.color-choice){margin:6px 0}.eg89-details small{display:block;color:#847c91;font-size:calc(var(--eg8-base)*.74);line-height:1.5;margin:8px 0}.eg89-details .eg89-setting-row{min-height:56px;flex-wrap:wrap}.eg89-details .eg89-setting-row select{max-width:65%}
@media(max-width:360px){.eg89-settings-profile{flex-wrap:wrap}.eg89-settings-profile select{flex:1 1 160px}.eg89-settings-profile .btn{flex:1}.eg89-data-actions{gap:6px}.eg89-data-actions .btn{padding:8px 4px}}
/* Keep dark-theme text legible without changing the approved layout. */
html[data-theme=midnight] .eg89-title-row h2,html[data-theme=midnight] .eg89-section-heading h2,html[data-theme=midnight] .eg89-page-top p,html[data-theme=midnight] .eg89-setting-label,html[data-theme=midnight] .eg89-setting-intro h2,html[data-theme=midnight] .eg89-setting-intro p,html[data-theme=midnight] .eg89-brand,html[data-theme=midnight] .eg89-continue-info strong{color:#f0ebff}
html[data-theme=midnight] .eg89-theme-card,html[data-theme=midnight] .eg89-action,html[data-theme=midnight] .eg89-group-hero{background:linear-gradient(125deg,#39375e,#34465e);border-color:#57506d;color:#f5efff}
html[data-theme=midnight] .eg89-theme-copy small,html[data-theme=midnight] .eg89-group-hero p,html[data-theme=midnight] .eg89-subcat-copy small{color:#c2bcdf}
html[data-theme=midnight] .eg89-theme-copy strong,html[data-theme=midnight] .eg89-group-hero h1,html[data-theme=midnight] .eg89-action strong{color:#f6f2ff}
html[data-theme=midnight] .eg89-score,html[data-theme=midnight] .eg89-level-switch,html[data-theme=midnight] .eg89-details{background:#34334f;color:#f4f0ff;border-color:#4e4868}
html[data-theme=midnight] .eg89-level-switch button.active{background:#6556a1;color:#fff}
