:root{--bg:#fbfaff;--ink:#19152b;--muted:#776d85;--line:#e9e2f1;--purple:#8645ee;--orange:#ff963f;--green:#518558;--shadow:0 12px 40px #53236e09}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:radial-gradient(ellipse at 5% 0,#eee5ff,transparent 35%),var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:17px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer;color:inherit;transition:transform .18s,background .18s,box-shadow .18s}button:hover{transform:translateY(-2px)}button:active{transform:translateY(1px)}button:disabled{opacity:.65;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #a178ff;outline-offset:4px}input:focus-visible{outline:none;border-color:#9b6bf0;box-shadow:0 0 0 5px #a178ff22}.icon{width:28px;height:28px;display:inline-block;vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin-top:0}.header{max-width:1320px;margin:24px auto;padding:15px 24px;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #eee8f5;border-radius:26px;background:#fffffff0;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:10px;font-size:31px;font-weight:850;letter-spacing:-1.3px}.brand-icon{display:grid;place-items:center;width:49px;height:49px;padding-bottom:7px;color:#fff;background:linear-gradient(140deg,#7b3cf0,#bd59ec);border-radius:17px;transform:rotate(-8deg);font-size:43px;line-height:1;letter-spacing:3px}.brand-dot{color:var(--orange);margin-left:-9px}.header nav{display:flex;gap:10px}.nav-link{border:0;background:none;color:#71647d;font-size:15px;font-weight:600;padding:15px 19px;border-radius:30px;min-height:52px}.nav-link.active{color:#fff;background:linear-gradient(100deg,#713aee,#ac52ec);box-shadow:0 6px 16px #7d3ced25}.local-badge{display:flex;align-items:center;gap:8px;color:#93879e;border:1px solid var(--line);padding:10px 14px;border-radius:20px;font-size:12px}.local-badge i{width:7px;height:7px;background:#ae87e8;border-radius:50%}main{max-width:1320px;margin:auto;padding:0 20px}.hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 95% 100%,#b43bab,transparent 55%),radial-gradient(ellipse at 0 10%,#6432e9,transparent 65%),linear-gradient(125deg,#45139a,#29095d 75%);border-radius:44px;min-height:545px;display:flex;align-items:center;justify-content:center;padding:62px 65px;margin:28px 0 52px;color:white;text-align:center;box-shadow:0 20px 60px #622abb17}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-block;color:#9563c5;font-size:12px;font-weight:800;letter-spacing:2.2px}.hero .eyebrow{color:#dec7ff;background:#ffffff0c;border:1px solid #ffffff22;border-radius:30px;padding:12px 19px;letter-spacing:2.4px;font-size:12px}h1{font-size:64px;line-height:1.1;letter-spacing:-2.8px;font-weight:800}.hero h1{margin:25px 0 22px}.hero h1>span{background:linear-gradient(90deg,#ffce72,#ff965c 65%,#ffa3ca);background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:19px;line-height:1.65;color:#dfcff0;margin:0 0 29px}.hero-actions{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.primary{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:66px;border:0;border-radius:18px;padding:17px 27px;font-size:19px;font-weight:750;background:linear-gradient(105deg,#ffb15d,#ff883b);color:#38221c;box-shadow:0 5px 0 #d8712930,0 12px 26px #ff8f3720}.primary:hover{box-shadow:0 5px 0 #d8712940,0 14px 32px #ff8f3740}.hero-secondary{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid #b59dd15c;background:#ffffff0c;border-radius:18px;padding:17px 24px;min-height:66px;font-size:17px;font-weight:600;color:white}.hero-tags{display:flex;gap:27px;align-items:center;justify-content:center;margin-top:28px;color:#ccb8df;font-size:13px}.hero-tags>span{display:flex;align-items:center;gap:7px}.hero-tags .icon{width:17px;height:17px;color:#e2ceff}.hero-orbits{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-orbits i{position:absolute;width:1000px;height:1000px;border:1px solid #ffffff0c;border-radius:50%;left:calc(50% - 500px);top:52%}.hero-orbits i:nth-child(2){width:1200px;height:1200px;left:calc(50% - 600px);top:33%}.hero-orbits i:nth-child(3){width:1400px;height:1400px;left:calc(50% - 700px);top:14%}.hero-sticker{display:grid;place-items:center;position:absolute;border-radius:23px;width:72px;height:72px;box-shadow:0 10px 0 #13043118,0 15px 30px #19073520;z-index:1}.hero-sticker .icon{width:37px;height:37px;stroke-width:1.6}.sticker-wave{background:#ede0ff;color:#8851cf;left:5%;top:24%;transform:rotate(-17deg)}.sticker-chat{background:#ffb85e;color:#694122;right:5%;bottom:21%;transform:rotate(14deg)}.sticker-en{left:7%;bottom:16%;width:57px;height:57px;background:#ffffff18;color:#dcc7ff;font-size:22px;font-weight:800;transform:rotate(10deg);border:1px solid #ffffff22}.sticker-star{right:7%;top:16%;color:#ffce78;background:#ffffff0c;border:1px solid #ffffff18;transform:rotate(10deg);width:55px;height:55px}.workspace{display:block;max-width:1136px;margin:auto}.setup{background:white;border:1px solid var(--line);border-radius:32px;padding:42px;box-shadow:var(--shadow)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:32px;border-bottom:1px solid var(--line);margin-bottom:34px}h2{font-size:35px;letter-spacing:-1.2px;line-height:1.2;margin:13px 0 0}h2>span{color:var(--orange)}.pill{display:inline-flex;align-items:center;padding:10px 16px;background:#f5eefe;color:#986bbc;border:1px solid #ebddfa;border-radius:25px;font-size:13px;white-space:nowrap}.setting{margin-bottom:35px}.label-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}h3{display:flex;align-items:center;font-size:21px;font-weight:700;margin:0;letter-spacing:-.35px}.step-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:12px;background:#f2eafa;color:#a175c6;margin-right:13px;font-size:14px;letter-spacing:0;font-weight:750}.text-btn{border:0;background:none;color:#9168b9;font-size:15px;font-weight:600;padding:10px 0;min-height:44px;text-align:left}.levels{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.level{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border:2px solid #ece6f2;border-radius:19px;background:#fff;min-height:99px;padding:15px 8px}.level b{font-size:28px;font-weight:750;letter-spacing:-.5px}.level span{font-size:12px;color:#93849d}.level.selected{border-color:#a374ee;background:#f4eaff;box-shadow:0 4px 0 #9160e91a}.level.selected b{color:#8a49d6}.level.selected span{color:#9268b9}.level.kids{background:#fff6e9;border-color:#faead3}.level.kids b{color:#d69a40}.level.kids.selected{border-color:#efa957;background:#fff0d9}.modes{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mode{border:2px solid #eee7f5;border-radius:22px;min-height:118px;background:white;text-align:left;padding:22px;display:flex;align-items:center;gap:18px}.mode.selected{background:#f9f2ff;border-color:#b089e4;box-shadow:0 4px 0 #9662eb13}.mode-icon{display:grid;place-items:center;background:#f1e6fa;color:#a574d1;width:57px;height:57px;flex-shrink:0;border-radius:17px}.mode:nth-child(2) .mode-icon{background:#fff0e4;color:#d98a43}.mode:nth-child(3) .mode-icon{background:#e9f2ff;color:#658fd0}.mode:nth-child(4) .mode-icon{background:#fae9f3;color:#c171a7}.mode b{font-size:19px;display:block;letter-spacing:-.4px}.mode small{display:block;color:#94809f;font-size:12px;line-height:1.55;margin-top:8px}.radio{height:22px;width:22px;flex-shrink:0;border:2px solid #e0d4e8;border-radius:50%;margin-left:auto;background:white}.selected .radio{background:#a46adb;border:5px solid #f0e0ff;outline:1px solid #b18ad8}.voices{display:flex;gap:16px}.voice-card{position:relative;border:2px solid #ede3f4;border-radius:23px;background:white;flex:1;min-width:0;overflow:hidden}.voice-card.is-selected{background:#fcf7ff;border-color:#b082e6;box-shadow:0 5px 0 #a374f012}.voice{display:flex;align-items:center;gap:14px;position:relative;width:100%;border:0;background:none;text-align:left;min-height:134px;padding:25px 20px}.voice:hover{transform:none;background:#a374f008}.avatar{display:grid;place-items:center;border-radius:24px;width:65px;height:65px;flex-shrink:0;font-size:23px;font-weight:800;letter-spacing:-.5px;border:3px solid #ffffffc0;box-shadow:0 5px 10px #3f25560b}.lime{color:#c48347;background:linear-gradient(140deg,#ffe5bf,#ffd197)}.purple{color:#976ab9;background:linear-gradient(140deg,#ebdeff,#d3b5fb)}.peach{color:#c5708d;background:linear-gradient(140deg,#ffe1ed,#f6c0d8)}.voice b{font-size:19px;letter-spacing:-.5px;display:block}.voice small{display:block;font-size:12px;color:#9e87ad;margin-top:8px;line-height:1.5}.voice-check{position:absolute;right:12px;top:10px;width:20px;height:20px;color:#a879d2}.voice-check .icon{width:20px;height:20px}.voice-samples{display:flex;border-top:1px solid #eee3f6;padding:12px;gap:8px}.voice-samples button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;border:1px solid #ece0f6;border-radius:12px;background:#fff;min-height:43px;color:#936daa;font-size:13px;font-weight:650}.voice-samples .icon{width:17px;height:17px}.voice-preview-status{font-size:13px;color:#9b87a8;margin:14px 0 0;min-height:20px;line-height:1.6}.bottom-settings{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:29px;gap:20px}.topic-label{display:flex;align-items:center;gap:17px;font-size:16px;color:#8b7299}select{max-width:270px;min-height:52px;border:1px solid #e7daef;border-radius:13px;background:#fbf7ff;color:#795c8b;padding:12px 36px 12px 16px;font-size:15px}.explicit-toggle{position:relative;display:flex;align-items:center;gap:12px;font-size:15px;cursor:pointer}.explicit-toggle input{position:absolute;opacity:0;width:46px;height:28px;margin:0;cursor:pointer}.explicit-toggle input:focus-visible+.switch{outline:3px solid #a977ef;outline-offset:4px}.switch{position:relative;width:45px;height:27px;border-radius:30px;background:#e9dfef}.switch:after{content:'';position:absolute;top:4px;left:4px;width:19px;height:19px;border-radius:50%;background:white;box-shadow:0 2px 4px #1f163e12;transition:left .2s}.explicit-toggle input:checked+.switch{background:#b18be4}.explicit-toggle input:checked+.switch:after{left:22px}.explicit-toggle small{font-size:10px;border-radius:6px;padding:4px 5px;background:#fff0e5;color:#c88245;margin-left:5px}.explicit-note{font-size:14px;line-height:1.6;color:#b87848;background:#fff5eb;padding:13px 17px;border-radius:12px;margin-bottom:0}.safe-badge{color:#9a74b6;font-size:14px}.start{width:100%;min-height:72px;border-radius:17px;margin-top:29px;font-size:21px}.start-note{text-align:center;font-size:13px;color:#a58ab2;margin:16px 0 0;line-height:1.6}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1136px;margin:37px auto 50px}.benefits>div{padding:25px 24px;border-radius:23px;background:#f3ebfb}.benefits>div:nth-child(2){background:#fff1e5}.benefits>div:nth-child(3){background:#f5ecfa}.benefits span{font-size:11px;font-weight:750;letter-spacing:1.5px;color:#a187b7}.benefits>div:nth-child(2)>span{color:#c79061}.benefits h3{font-size:18px;margin:14px 0 11px;line-height:1.4}.benefits p{font-size:14px;color:#9b829f;line-height:1.65;margin:0}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:27px 22px;color:#ac97b4;font-size:12px}.brand.small{font-size:25px;color:#896294}.muted{color:var(--muted)}.small-text{font-size:13px}.practice{padding:24px 0 55px;min-height:77vh}.practice-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:17px}.practice-top .text-btn{font-size:16px}.session-counter{font-size:20px;font-weight:750}.progress-track{height:9px;border-radius:10px;background:#eee3f9;overflow:hidden;margin:23px 0 32px}.progress-track>div{height:100%;background:linear-gradient(90deg,#ae82e8,#ffad66);border-radius:10px;transition:width .3s}.practice-grid{display:grid;grid-template-columns:.82fr 1.18fr;background:white;border:1px solid var(--line);border-radius:32px;overflow:hidden;box-shadow:var(--shadow)}.exercise-art{position:relative;background:radial-gradient(circle at 50% 45%,#f2e5ff,transparent 65%),#faf3ff;padding:35px 22px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.exercise-art:before{content:'';position:absolute;inset:30px;border:1px solid #ecdaf7;border-radius:200px;pointer-events:none}.exercise-art>*{position:relative}.exercise-art .scene-svg{display:block;width:100%;max-width:430px;margin:20px 0}.exercise-art .eyebrow{font-size:12px}.exercise-art>p{font-size:14px;line-height:1.7;color:#a083b1;max-width:240px}.exercise-art .pill{background:#fff9;border-color:#e9d9fa;font-size:12px;margin-top:6px}.exercise-body{padding:36px}.exercise-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.voice-mini{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600}.voice-mini .avatar{width:46px;height:46px;font-size:16px;border-radius:16px}.streak{background:#fff2e6;color:#c28b54;padding:9px 13px;border-radius:13px;font-size:14px;font-weight:650}.exercise-body h2{font-size:31px;line-height:1.25;margin:0 0 10px}.exercise-body>p.muted{font-size:16px;line-height:1.6;margin-bottom:24px}.player{display:flex;gap:17px;align-items:center;background:#faf4ff;border:1px solid #eee0fc;padding:17px;border-radius:20px;margin-bottom:26px}.play{flex-shrink:0;background:linear-gradient(135deg,#b185ff,#8446e0);border:0;box-shadow:0 5px 14px #8f50f32b;color:white;font-size:24px;width:61px;height:61px;border-radius:20px;display:grid;place-items:center}.player b{display:block;font-size:17px;font-weight:650}.player small{display:block;font-size:13px;color:#a788ba;margin-top:7px}.speed{margin-left:auto;border:1px solid #e3d0f4;border-radius:12px;min-width:50px;min-height:43px;background:white;color:#a07ab6;font-size:15px;font-weight:650}.answer-label{display:block;font-size:27px;line-height:1.65;letter-spacing:-.6px;margin-bottom:17px}.blank-mark{display:inline-block;min-width:89px;background:#ffe7ce;border-radius:10px;color:#d79c63;text-align:center;letter-spacing:5px;margin:0 3px}#answer{min-height:67px;width:100%;border:2px solid #e6d8ed;border-radius:16px;padding:17px 19px;background:#fff;color:var(--ink);font-size:21px;transition:.15s}#answer::placeholder{color:#b29fbf;font-size:17px}#answer.correct{background:#f1faf0;border-color:#92c998}#answer.invalid{border-color:#e5a383}.feedback{font-size:14px;min-height:52px;color:#a78db5;padding-top:13px;line-height:1.55}.feedback.success,.success{color:#4d945b}.feedback.wrong{color:#bf7654}.answer-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:8px}.check-btn{border:0;border-radius:14px;background:#eee1ff;color:#9161bd;font-size:16px;font-weight:650;min-height:53px;padding:12px 18px}kbd{font-family:inherit;font-size:11px;padding:5px 6px;border:1px solid #dfc4ed;border-radius:6px;color:#ac8bb9;margin-left:9px}.reveal{margin-top:20px;color:#aa91b7;font-size:14px}.keyboard-note{font-size:12px;color:#bba5c5;margin:21px 0 0;line-height:1.6}.fallback{font-size:14px;color:#ac7550;background:#fff4e7;border-radius:13px;padding:13px 17px;line-height:1.65;margin-bottom:20px}.results{max-width:940px;margin:auto;padding:35px 0 65px;text-align:center}.result-symbol{display:block;color:#bf94ee;font-size:83px;margin-bottom:17px}.results h1{font-size:47px;margin:18px 0}.results>p{font-size:17px;color:#a183aa;line-height:1.7}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:white;border:1px solid var(--line);border-radius:24px;padding:32px 22px;margin:32px 0}.result-stats>div{display:flex;flex-direction:column;gap:12px;text-align:center;border-right:1px solid var(--line)}.result-stats>div:last-child{border:0}.result-stats strong{font-size:44px;letter-spacing:-1.5px;color:#9663c5}.result-stats strong small{font-size:24px}.result-stats span{font-size:13px;color:#a28aac;line-height:1.5}.result-actions{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.secondary{background:#fff;border:1px solid #dec8ee;border-radius:18px;min-height:66px;padding:17px 24px;font-size:17px;color:#a57abc}.review{text-align:left;margin:42px 0 30px}.review h2{font-size:28px;margin-bottom:22px}.review-row{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:22px 0}.review-row>span{font-size:24px}.review-row b{font-size:17px;font-weight:600;line-height:1.5}.review-row p{font-size:14px;color:#ac8fb6;line-height:1.7;margin:5px 0 0}.review-row small{font-size:12px;margin-left:auto;white-space:nowrap;color:#a989b8}dialog{position:fixed;border:1px solid #e6d4f1;border-radius:28px;padding:39px;background:#fff;color:var(--ink);width:min(620px,calc(100% - 30px));max-height:85vh;box-shadow:0 30px 120px #29174633}dialog::backdrop{background:#28123270;backdrop-filter:blur(7px)}dialog h2{font-size:32px;margin:18px 0 24px}dialog p{font-size:16px;line-height:1.8;color:#957a9f}dialog p b{color:#705078}.dialog-close{position:absolute;right:18px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:#f7effc;color:#af91c0;font-size:29px}.history-list p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#59336b;color:white;padding:17px 23px;border-radius:16px;opacity:0;pointer-events:none;transition:.2s;font-size:15px;max-width:90vw;z-index:10}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.header{margin:15px 20px;padding:14px 18px}.local-badge{display:none}.hero{padding:55px 65px;min-height:500px}.hero h1{font-size:53px}.hero p{font-size:17px}.hero-sticker{width:57px;height:57px}.sticker-wave{left:3%}.sticker-chat{right:3%}.setup{padding:32px}.voice{padding:26px 14px;gap:10px}.voice .avatar{width:52px;height:52px;font-size:20px;border-radius:18px}.voice b{font-size:17px}.mode{gap:12px;padding:20px 16px}.mode b{font-size:18px}.mode small{font-size:11px}.exercise-body{padding:28px}.exercise-body h2{font-size:27px}.player b{font-size:15px}.exercise-art .pill{font-size:10px}.benefits{gap:16px}.benefits>div{padding:22px}.benefits h3{font-size:17px}}
@media(max-width:800px){.header{border-radius:21px}.brand{font-size:26px}.brand-icon{width:41px;height:41px;font-size:36px;border-radius:14px}.header nav{gap:2px}.nav-link{font-size:13px;padding:13px 15px}.nav-link:last-child{display:none}.hero{margin:22px 0 32px;border-radius:31px;padding:52px 25px;min-height:480px}.hero h1{font-size:44px;letter-spacing:-1.8px}.hero p{font-size:16px}.hero-sticker{opacity:.6}.sticker-wave{top:9%;left:2%;width:41px;height:41px;border-radius:13px}.sticker-wave .icon{width:23px;height:23px}.sticker-chat{bottom:6%;right:3%;width:40px;height:40px;border-radius:12px}.sticker-chat .icon{width:25px;height:25px}.sticker-en,.sticker-star{display:none}.hero .eyebrow{font-size:10px;padding:11px 15px}.hero-tags{font-size:11px;gap:17px}.hero-actions .primary{font-size:17px;min-height:61px;padding:15px 22px}.hero-secondary{font-size:15px;padding:15px 19px;min-height:61px}.setup{padding:26px}.section-heading{padding-bottom:26px;margin-bottom:27px}.section-heading h2{font-size:28px}.section-heading .pill{display:none}.label-row h3{font-size:19px}.levels{gap:8px}.level{padding:13px 3px;min-height:86px;border-radius:15px}.level b{font-size:24px}.level span{font-size:9px}.modes{gap:11px}.mode{flex-wrap:wrap;position:relative;align-content:flex-start;min-height:155px;padding:17px;gap:13px}.mode-icon{width:47px;height:47px;border-radius:14px}.mode>span:nth-child(2){width:100%}.mode .radio{position:absolute;right:15px;top:20px;width:18px;height:18px}.mode b{font-size:17px}.mode small{font-size:11px;line-height:1.6;margin-top:5px}.voices{gap:12px}.voice{flex-direction:column;align-items:flex-start;min-height:153px;padding:18px 15px;gap:12px}.voice b{font-size:17px}.voice small{font-size:11px}.voice-samples{flex-direction:column;padding:10px;gap:7px}.voice-samples button{min-height:39px;font-size:12px}.voice-card{border-radius:18px}.voice-preview-status{font-size:12px}.bottom-settings{gap:17px}.topic-label{font-size:14px;gap:10px}select{font-size:13px;max-width:190px;padding-right:15px}.explicit-toggle{font-size:13px;gap:9px}.benefits{gap:12px}.benefits>div{padding:20px 16px;border-radius:18px}.benefits h3{font-size:15px}.benefits p{font-size:12px}.benefits span{font-size:9px}.practice-grid{grid-template-columns:1fr}.exercise-art{padding:20px;min-height:215px}.exercise-art:before{inset:15px;border-radius:25px}.exercise-art .scene-svg{width:230px;margin:0}.exercise-art .eyebrow{position:absolute;left:28px;top:26px;font-size:10px}.exercise-art>p{display:none}.exercise-art .pill{position:absolute;right:23px;bottom:22px;max-width:210px;white-space:normal;text-align:left;font-size:10px}.exercise-body{padding:30px}.practice-top{font-size:14px}.exercise-body h2{font-size:30px}.exercise-body .player b{font-size:18px}.exercise-meta{margin-bottom:23px}.results h1{font-size:39px}.result-stats strong{font-size:38px}footer{font-size:10px}.review-row b{font-size:16px}}
@media(max-width:520px){main{padding:0 12px}.header{margin:12px;padding:11px 13px;min-height:71px;border-radius:20px;gap:10px}.brand{font-size:24px;gap:7px}.brand-icon{width:37px;height:37px;font-size:31px}.nav-link{font-size:11px;padding:11px 12px;min-height:43px}.header nav{gap:0}.hero{margin:16px 0 25px;padding:42px 16px 34px;min-height:485px;border-radius:27px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;padding:10px 13px}.hero h1{font-size:37px;letter-spacing:-1.7px;line-height:1.13;margin:24px 0 19px}.hero p{font-size:14px;line-height:1.7;margin-bottom:24px}.hero-actions{gap:11px;flex-direction:column;align-items:stretch;padding:0 18px}.hero-actions .primary{font-size:16px;border-radius:15px;min-height:58px;gap:10px}.hero-secondary{font-size:14px;min-height:55px;border-radius:15px}.hero-secondary .icon{width:23px;height:23px}.hero-tags{gap:12px;font-size:9px;margin-top:24px;flex-wrap:wrap}.hero-tags .icon{width:14px;height:14px}.hero-tags>span{gap:4px}.sticker-wave{width:31px;height:31px;top:12%;left:1%;border-radius:10px;opacity:.4}.sticker-wave .icon{width:18px;height:18px}.sticker-chat{display:none}.setup{padding:25px 17px 22px;border-radius:23px}.section-heading{margin-bottom:25px;padding-bottom:22px}.section-heading h2{font-size:27px;letter-spacing:-1px;max-width:290px}.eyebrow{font-size:10px;letter-spacing:1.8px}.label-row{gap:10px;align-items:center;margin-bottom:16px}.label-row h3{font-size:17px;line-height:1.4}.step-number{width:30px;height:32px;border-radius:10px;font-size:12px;margin-right:9px;flex-shrink:0}.label-row .text-btn{font-size:11px;white-space:nowrap}.setting{margin-bottom:29px}.levels{grid-template-columns:repeat(4,1fr);gap:9px}.level{min-height:80px;padding:12px 4px}.level span{font-size:10px}.level.kids{grid-column:span 2;flex-direction:row;gap:10px}.level.kids span{font-size:14px}.modes{grid-template-columns:1fr;gap:11px}.mode{min-height:103px;flex-wrap:nowrap;padding:17px 14px;gap:13px;border-radius:17px}.mode>span:nth-child(2){width:auto;flex:1}.mode-icon{width:45px;height:45px;border-radius:13px}.mode .icon{width:25px;height:25px}.mode .radio{position:static;width:17px;height:17px;border-width:1px}.mode.selected .radio{border-width:4px}.mode b{font-size:17px}.mode small{font-size:11px;line-height:1.55;max-width:200px}.voices{flex-direction:column;gap:13px}.voice{flex-direction:row;align-items:center;min-height:94px;padding:18px;gap:15px}.voice .avatar{width:59px;height:59px;border-radius:20px;font-size:22px}.voice b{font-size:21px}.voice small{font-size:12px}.voice-check{top:19px;right:15px}.voice-samples{flex-direction:row;padding:11px 15px;gap:10px}.voice-samples button{font-size:14px;min-height:43px}.voice-samples .icon{width:18px;height:18px}.voice-preview-status{font-size:12px}.small-text{font-size:11px;white-space:nowrap}.bottom-settings{flex-direction:column;align-items:stretch;padding-top:22px;gap:21px}.topic-label{font-size:15px;justify-content:space-between}.topic-label select{max-width:240px;min-height:51px;font-size:14px}.explicit-toggle{font-size:14px}.start{margin-top:25px;min-height:66px;font-size:19px;border-radius:15px;gap:15px}.start .icon{width:25px;height:25px}.start-note{font-size:11px;line-height:1.7}.benefits{grid-template-columns:1fr;margin:23px 0 30px;gap:12px}.benefits>div{padding:24px}.benefits h3{font-size:20px;margin:11px 0 9px}.benefits p{font-size:14px}.benefits span{font-size:10px}footer{padding:23px 17px;font-size:10px;gap:13px}footer>span:last-child{display:none}.brand.small{font-size:23px}.practice{padding-top:13px}.practice-top{gap:9px;font-size:11px}.practice-top .text-btn{font-size:12px;white-space:nowrap}.session-counter{font-size:16px;white-space:nowrap}.practice-top>span:nth-child(2){max-width:170px;text-align:center;line-height:1.5}.progress-track{margin:16px 0 23px;height:7px}.practice-grid{border-radius:24px}.exercise-art{min-height:191px;padding:12px}.exercise-art .scene-svg{width:190px;margin-right:40px}.exercise-art .eyebrow{font-size:8px;top:20px;left:21px;letter-spacing:1.4px}.exercise-art .pill{font-size:9px;right:13px;bottom:15px;max-width:145px;padding:8px 12px}.exercise-body{padding:23px 18px}.exercise-meta{gap:9px;margin-bottom:21px}.voice-mini{font-size:15px;gap:9px}.voice-mini .avatar{width:39px;height:39px;font-size:15px;border-radius:14px}.streak{font-size:12px;padding:8px 10px;white-space:nowrap}.exercise-body h2{font-size:25px;letter-spacing:-.7px}.exercise-body>p.muted{font-size:14px;margin-bottom:20px}.player{padding:13px;gap:11px;margin-bottom:23px;border-radius:16px}.play{width:51px;height:51px;font-size:20px;border-radius:16px}.exercise-body .player b{font-size:14px;line-height:1.4}.player small{font-size:11px;line-height:1.4;margin-top:5px}.speed{min-width:42px;min-height:39px;font-size:13px;border-radius:10px}.answer-label{font-size:24px;line-height:1.55}.blank-mark{min-width:68px;margin:0 1px}#answer{font-size:19px;min-height:63px;padding:15px;border-radius:13px}#answer::placeholder{font-size:14px}.feedback{font-size:12px;line-height:1.7;min-height:53px}.answer-actions{gap:9px}.answer-actions>.text-btn{font-size:14px}.check-btn{font-size:14px;padding:11px 13px;min-height:49px;border-radius:12px}kbd{display:none}.reveal{font-size:13px;margin-top:15px}.keyboard-note{font-size:10px;margin-top:15px}.results{padding:27px 4px 40px}.result-symbol{font-size:65px}.results h1{font-size:33px;letter-spacing:-1.2px}.results>p{font-size:15px}.result-stats{padding:25px 12px;gap:9px;border-radius:20px}.result-stats strong{font-size:32px}.result-stats span{font-size:11px;line-height:1.6}.result-actions{flex-direction:column}.result-actions>.primary,.result-actions>.secondary{width:100%;font-size:16px;min-height:61px;border-radius:16px}.review h2{font-size:25px}.review-row{gap:12px;align-items:flex-start;padding:17px 0}.review-row b{font-size:15px}.review-row p{font-size:12px}.review-row small{display:none}dialog{padding:34px 22px;border-radius:23px}dialog h2{font-size:27px}dialog p{font-size:15px}.dialog-close{right:11px;top:9px;width:37px;height:37px}.toast{font-size:13px;padding:14px 18px}}
/* Keep secondary copy readable too, rather than only enlarging headings. */
.mode small,.voice small{font-size:14px;color:#80718c}.voice-samples button{font-size:15px;min-height:46px;color:#785990}.voice-preview-status{font-size:14px;color:#85708f}.level span{font-size:13px;color:#85738f}.feedback{color:#85728f}.benefits p{color:#87728d}.start-note{color:#94809e}.hero-tags{color:#d7c5e9}.text-btn{color:#8961ad}
@media(max-width:800px){.mode small,.voice small{font-size:12px}.level span{font-size:10px}.voice-samples button{font-size:13px}}
@media(max-width:520px){.mode small{font-size:12px}.voice small{font-size:13px}.voice-samples button{font-size:15px}.voice-preview-status{font-size:13px}.level span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Self-hosted square portraits, circular in every voice presentation. */
.avatar,.voice-mini .avatar{border-radius:50%;flex-shrink:0;aspect-ratio:1 / 1;overflow:hidden}.avatar-photo{object-fit:cover;display:block}.voice-name{min-width:0}.voice-name b{overflow-wrap:anywhere}

.voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.voice .avatar,.voice-mini .avatar{border-radius:50%}.voice .avatar{width:76px;height:76px}.voice{flex-direction:row;align-items:center;min-height:134px}.voice-name b{overflow-wrap:normal}.voice-samples{flex-direction:row}@media(max-width:1000px){.voices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.voices{grid-template-columns:1fr}.voice .avatar{width:68px;height:68px}.voice{min-height:108px}.voice b{font-size:20px}}

.exercise-art{background:linear-gradient(145deg,#efe6ff,#fff0d9)}.scene-art{position:relative;display:grid;place-items:center;width:min(100%,400px);aspect-ratio:1;margin:auto;border-radius:40%;background:radial-gradient(circle,#ffe076 0%,#ffb94d 59%,transparent 60%)}.scene-picture{width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 12px 5px #763a4120)}.scene-spark{position:absolute;color:#9750ef;font-size:43px}.spark-one{top:12%;left:6%}.spark-two{right:3%;bottom:15%;color:#ff7644;font-size:32px}@media(max-width:650px){.exercise-art .scene-art{width:190px;margin-right:40px}.scene-spark{font-size:25px}}

/* Readable small labels on pastel surfaces. */
.step-number,.level span,.level.selected span,.mode small,.voice-name small,.voice-preview-status,.topic-label,.start-note,.benefits>div>span,.benefits>div>p{color:#675175}.explicit-toggle small{color:#8a491d}

.benefits>div:nth-child(2)>span{color:#8a491d}

/* Listening practice: one focused column, without illustrations. */
.practice-grid.practice-no-art{display:block;max-width:860px;margin-inline:auto}.practice-no-art .exercise-body{width:100%;padding:40px 48px}.practice-no-art .answer-label{line-height:1.65;overflow-wrap:anywhere}@media(max-width:600px){.practice-no-art .exercise-body{padding:24px 20px}.practice-grid.practice-no-art{border-radius:24px}}

/* Launch audit: readable feedback and controls on pastel backgrounds. */
.streak{color:#86501e}.player small,.speed,.feedback,.keyboard-note,.reveal,kbd{color:#70557e}
.check-btn{color:#714191}.feedback.success,.success{color:#34733f}.feedback.wrong{color:#9a4b2e}
#answer::placeholder{color:#786782}.results>p,.review-row p,.review-row small,.result-stats span,dialog p{color:#70557e}

/* Supplied header artwork; footer branding and favicon stay separate. */
.header-brand{flex-shrink:0;line-height:0}.header-logo{display:block;width:84px;height:56px;object-fit:contain}@media(max-width:800px){.header-logo{width:81px;height:54px}}@media(max-width:520px){.header-logo{width:69px;height:46px}}