@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@800&display=swap";@font-face{font-family:Feather Bold;src:url(https://db.onlinewebfonts.com/t/14936bb7a4b6575fd2eee80a3ab52cc2.woff2) format("woff2"),url(https://db.onlinewebfonts.com/t/14936bb7a4b6575fd2eee80a3ab52cc2.woff) format("woff");font-display:swap}@font-face{font-family:DIN Next Rounded LT W04 Medium;src:url(https://db.onlinewebfonts.com/t/092c449c2b2bc64e9c6bbe8a7b9b291f.woff2) format("woff2"),url(https://db.onlinewebfonts.com/t/092c449c2b2bc64e9c6bbe8a7b9b291f.woff) format("woff");font-display:swap}:root{--font-header: "Feather Bold", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--font-subtext: "DIN Next Rounded LT W04 Medium", "DIN Next Rounded", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--font-body: "duoling-sans", "DIN Next Rounded", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:#061f63;background:#f8fbff;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,205,62,.16),transparent 28rem),linear-gradient(180deg,#fbfbfd,#eef4ff)}button{font:inherit}button:focus-visible,a:focus-visible{outline:4px solid #7b35c8;outline-offset:4px}.app-shell{width:calc(min(100%,1400px) - 80px);min-height:100vh;margin:0 auto;padding:24px}.home-screen{min-height:calc(100vh - 48px);display:grid;place-items:center}.home-screen__poster{width:min(100%,1000px);border:0;border-radius:0;padding:24px 0;display:grid;grid-template-columns:minmax(0,52fr) minmax(320px,48fr);align-items:center;gap:56px;text-align:center;background:transparent;box-shadow:none}.home-screen__image{width:100%;max-height:520px;object-fit:contain}.home-screen__content{display:grid;justify-items:stretch;gap:20px}.poster-kicker{margin:0 0 8px;color:#7430bc;font-size:clamp(1.4rem,4vw,2.6rem);font-weight:900}h1,h2,.section-card h2,.lesson-node__symbols,.reading-tile__text,.letter-card__symbol,.reading-modal__text{font-family:var(--font-header)}p,.section-card__eyebrow,.section-card p,.section-card__button,.lesson-node__label,.lesson-card__title,.lesson-card__symbols,.lesson-comment,.direction-copy{font-family:var(--font-subtext)}.home-screen h1,.screen-header h1,.lesson-poster__header h1{margin:0;color:#061f63;font-size:clamp(3rem,9vw,6.4rem);line-height:.95;font-weight:950;letter-spacing:0}.home-screen__poster h1{margin-bottom:42px;color:#55575d;font-family:var(--font-header);font-size:clamp(1.61rem,3.08vw,2.59rem);font-weight:700;line-height:1.18}.home-screen__subtitle,.screen-header p,.lesson-poster__header p{margin:24px 0 0;color:#7430bc;font-size:clamp(1.6rem,4vw,3rem);font-weight:900}.primary-button,.completion-button,.next-lesson-button,.speech-button{min-height:54px;border:0;border-radius:16px;padding:14px 24px;color:#fff;background:#0878d8;font-size:1.2rem;font-weight:900;cursor:pointer;box-shadow:0 8px #065494}.home-action{min-height:53px;border-radius:16px;padding:13px 19px;font-family:var(--font-subtext);font-size:.94rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.home-action--primary{border:0;color:#fff;background:#7430bc;box-shadow:0 7px #4d1f80}.home-action--secondary{border:3px solid #e1e1e1;color:#7b7d86;background:#fff;box-shadow:0 5px #d8d8d8}.home-action:hover{transform:translateY(3.5px);filter:brightness(1.02)}.home-action--primary:hover{box-shadow:0 3.5px #4d1f80}.home-action--secondary:hover{box-shadow:0 2.5px #d8d8d8}.home-action:active{transform:translateY(5px);box-shadow:none}.home-modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#061f6373}.home-modal-backdrop--confirm{z-index:24}.home-modal{position:relative;width:min(94vw,560px);border-radius:24px;padding:44px;color:#55575d;background:#fff;box-shadow:0 24px 60px #0003}.home-modal h2{margin:0 44px 18px 0;color:#7430bc;font-family:var(--font-header);font-size:2rem}.home-modal--confirm{width:min(92vw,460px);padding:34px}.home-modal--confirm h2{margin-right:0}.home-modal p{margin:0;font-family:var(--font-subtext);font-size:1.1rem;line-height:1.5}.home-modal__list{margin:0;padding-left:1.25rem;display:grid;gap:12px;color:#5f6775;font-family:var(--font-subtext);font-size:1.02rem;line-height:1.5}.home-settings{display:grid;gap:18px}.home-settings__checkbox{border-radius:18px;padding:16px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;color:#55575d;background:#f5f7fb;cursor:pointer}.home-settings__checkbox input{width:26px;height:26px;accent-color:#7430bc}.home-settings__checkbox span{display:grid;gap:4px}.home-settings__checkbox strong{color:#3c3c3c;font-family:var(--font-subtext);font-size:1.05rem;font-weight:950}.home-settings__checkbox small{color:#7a8391;font-family:var(--font-subtext);font-size:.92rem;line-height:1.35}.home-settings__confirm{border-radius:18px;padding:18px;display:grid;gap:14px;background:#f5f7fb}.home-settings__confirm-actions{display:flex;gap:12px}.home-action--danger{border:0;color:#fff;background:#e14c4c;box-shadow:0 7px #b73a3a}.home-action--danger:hover{box-shadow:0 3.5px #b73a3a}@keyframes arrow-step{0%,to{opacity:.32;transform:translate(-8px)}45%{opacity:1;transform:translate(6px)}70%{opacity:.58;transform:translate(12px)}}.primary-button:active,.completion-button:active,.next-lesson-button:active,.speech-button:active{transform:translateY(4px);box-shadow:0 4px #061f6359}.screen-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.text-button{border:2px solid #a7c9f5;border-radius:999px;padding:10px 16px;color:#061f63;background:#fff;font-weight:900;cursor:pointer}.screen-header{margin:14px 0 28px;text-align:center}.screen-header h1{font-size:clamp(2.7rem,7vw,5.2rem)}.screen-header p{font-size:clamp(1.1rem,3vw,1.6rem)}.lesson-list__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.section-list{width:min(100%,700px);margin:72px auto 96px;display:grid;gap:42px}.section-list-header{width:min(100%,700px);margin:42px auto 0;border-radius:20px;padding:16px 22px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;color:#55575d;background:#e8ecf2}.section-list-header__back{width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;color:#6f7785;background:#f7f8fa;font-size:1.7rem;font-weight:950;line-height:1;cursor:pointer}.section-list-header h1{margin:0;color:#55575d;font-size:2.18rem;font-weight:950;line-height:1}.section-card{--section-color: #20a85a;min-height:246px;border:0;border-radius:20px;padding:35px 34px;display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);align-items:center;gap:22px;color:#fff;background:radial-gradient(circle at 78% 30%,rgba(255,255,255,.3),transparent 12rem),linear-gradient(135deg,color-mix(in srgb,var(--section-color) 88%,white),var(--section-color)),var(--section-color);box-shadow:none}.section-card--locked{color:#7a8190;background:#e8ecf2;box-shadow:none}.section-card__body{min-width:0;min-height:176px;display:grid;align-content:space-between;gap:22px}.section-card__image{width:100%;max-height:210px;justify-self:end;object-fit:contain;filter:drop-shadow(0 6px 0 rgba(0,0,0,.08))}.section-card--locked .section-card__image{filter:grayscale(1) opacity(.62)}.section-card__header,.section-card__footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-card h2{margin:8px 0 0;font-size:2.18rem;line-height:1.05;font-weight:950;letter-spacing:0;text-shadow:0 3px 0 rgba(0,0,0,.12)}.section-card__title-row{display:flex;align-items:center;gap:9px}.section-card__eyebrow{width:fit-content;border-radius:8px;padding:5px 8px;display:inline-block;color:#ffffffeb;background:color-mix(in srgb,var(--section-color) 68%,white 32%);font-size:.87rem;font-weight:950;letter-spacing:.14em;line-height:1;text-transform:uppercase}.section-card--locked .section-card__eyebrow{color:#6f7785;background:#f7f8fa}.section-card p{margin:0;max-width:700px;font-family:var(--font-subtext);font-size:1.38rem;font-weight:900}.section-card__completed{width:34px;height:34px;flex:0 0 auto;margin-top:8px;border-radius:50%;display:grid;place-items:center;color:#fff;background:color-mix(in srgb,var(--section-color) 58%,white 42%);font-size:1.26rem;font-weight:950}.section-card__progress{margin-block:26px;height:20px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--section-color) 70%,black 30%);box-shadow:inset 0 4px #0000001a}.section-card--locked .section-card__progress{background:#c8ced7}.section-card__progress span{height:100%;display:block;border-radius:inherit;background:color-mix(in srgb,var(--section-color) 45%,white 55%);box-shadow:none}.section-card--locked .section-card__progress span{background:#8e98a8}.section-card__footer{justify-content:flex-start;font-weight:900}.section-card__button{min-width:132px;min-height:45px;border:0;border-radius:11px;padding:10px 18px;color:var(--section-color);background:#fff;display:inline-grid;place-items:center;font-size:1.095rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 4.5px #ffffff8f;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.section-card__button:disabled{color:#6f7785;background:#f7f8fa;cursor:not-allowed}.section-card__button:not(:disabled):hover{filter:brightness(1.03);transform:translateY(2.25px);box-shadow:0 2.25px #ffffff8f}.section-card__button:not(:disabled):active{transform:translateY(2.25px);box-shadow:0 1px #ffffff8f}.section-card__lock-icon{width:1.52rem;height:1.52rem;display:block;fill:none;stroke:#7c8490;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.section-path-screen{padding-bottom:40px}.section-path-header{--section-color: #20a85a;width:min(100%,700px);margin:42px auto 34px;border-radius:20px;padding:16px 22px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;color:#fff;background:radial-gradient(circle at 82% 28%,rgba(255,255,255,.3),transparent 12rem),var(--section-color);box-shadow:none}.section-path-header--locked{color:#5d6676;background:#e4e8ee;box-shadow:none}.section-path-header__back{width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:color-mix(in srgb,var(--section-color) 68%,white 32%);font-size:1.7rem;font-weight:950;line-height:1;cursor:pointer}.section-path-header__content{display:grid;align-content:center;justify-items:start}.section-path-header h1{margin:8px 0 0;font-size:2.18rem;line-height:1;font-weight:950;text-shadow:0 3px 0 rgba(0,0,0,.12)}.lesson-map-scroller{overflow-x:auto;padding:18px 8px 30px}.lesson-map{position:relative;width:var(--map-width);min-width:var(--map-width);height:var(--map-height);margin:0 auto}.lesson-map__connectors{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none}.lesson-map__connector{fill:none;stroke:#c6ccd6;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter}.lesson-map__connectors marker path{fill:none;stroke:#c6ccd6;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.lesson-node{--section-color: #20a85a;position:absolute;z-index:2;width:var(--tile-width);height:var(--tile-height);border:0;border-radius:15px;padding:12px 12px 10px;display:grid;grid-template-columns:46px 1fr;align-items:center;gap:12px;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--section-color) 82%,white),var(--section-color)),var(--section-color);box-shadow:none;cursor:pointer}.lesson-node--available:hover,.lesson-node--current:hover,.lesson-node--completed:hover{transform:translateY(-1px)}.lesson-node--locked{color:#9aa2af;background:#dde2ea;box-shadow:none;filter:grayscale(.15);cursor:not-allowed}.lesson-node--current{filter:saturate(1.16) brightness(1.08);transform:translateY(-1.5px)}.lesson-node--completed{background:linear-gradient(135deg,color-mix(in srgb,var(--section-color) 80%,white),var(--section-color)),var(--section-color)}.lesson-node__image{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:var(--section-color);background:#fffffff5;font-family:var(--font-body);font-size:1.08rem;font-weight:950;line-height:1;box-shadow:none}.lesson-node--locked .lesson-node__image{color:#9aa2af;background:#f3f5f8}.lesson-node--completed .lesson-node__image{color:#fff;border-radius:50%;background:color-mix(in srgb,var(--section-color) 72%,black 28%);font-family:inherit;font-size:1.7rem}.lesson-node__content{min-width:0;display:grid;align-content:center;gap:3px;text-align:left}.lesson-node__label{color:#ffffffad;font-size:.74rem;font-weight:950;letter-spacing:.08em;line-height:1;text-transform:uppercase}.lesson-node__symbols{font-size:1.34rem;font-weight:950;line-height:.98;letter-spacing:0;text-shadow:0 1.5px 0 color-mix(in srgb,var(--section-color) 40%,#173151),0 0 1px rgba(255,255,255,.8);overflow-wrap:anywhere}.lesson-node--locked .lesson-node__symbols{color:#8f98a7;text-shadow:none}.lesson-node--locked .lesson-node__label{color:#67707f9e}.lesson-node__status{position:absolute;right:-10px;bottom:-10px;min-width:32px;height:32px;border:3px solid #ffffff;border-radius:50%;display:grid;place-items:center;color:#0f7d45;background:#fff;font-size:1rem;font-weight:950}.lesson-card{min-height:160px;border:3px solid #a6d782;border-radius:18px;padding:18px;display:grid;gap:8px;text-align:left;color:#061f63;background:#fff;cursor:pointer;box-shadow:0 8px 18px #061f6314}.lesson-card:hover{border-color:#5faf33;transform:translateY(-2px)}.lesson-card__number{font-size:1.45rem;font-weight:950}.lesson-card__title{font-size:1.05rem;font-weight:850}.lesson-card__symbols{color:#7430bc;font-size:1rem;font-weight:900}.lesson-card__badge{width:fit-content;border-radius:999px;padding:4px 10px;background:#fff1c6;color:#5c4200;font-size:.82rem;font-weight:900}.lesson-screen{width:100%;padding:0 0 132px;display:grid;justify-items:center;background:transparent}.lesson-topbar{width:min(100%,700px);margin:0 auto;padding-inline:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.lesson-topbar__progress-wrap{min-width:0;display:grid;gap:8px}.lesson-topbar__label{color:#8f98a7;font-family:var(--font-subtext);font-size:.86rem;font-weight:900;letter-spacing:.06em;line-height:1;text-transform:uppercase}.lesson-topbar__progress{height:16px;overflow:hidden;border-radius:999px;background:#e5e5e5}.lesson-topbar__progress span{height:100%;display:block;border-radius:inherit;background:#7430bc}.lesson-topbar__count{min-width:58px;border-radius:999px;padding:8px 12px;color:#5f6775;background:#f3f5f8;font-family:var(--font-subtext);font-size:.95rem;font-weight:950;line-height:1;text-align:center}.lesson-poster{width:min(100%,700px);margin:0 auto;border-radius:0;padding:0;background:transparent;box-shadow:none}.item-view{margin-bottom:28px;padding:24px 20px 10px;display:grid;justify-items:center;gap:14px;color:#3c3c3c}.item-view__content{display:flex;align-items:center;gap:16px}.item-view__text{font-family:var(--font-header);font-size:clamp(3rem,10.5vw,6rem);font-weight:950;line-height:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.02em;touch-action:none}.item-view__part{border-radius:.22em;padding:0 .06em;color:inherit;cursor:default;transition:color .18s ease-out}.item-view__part--near{color:#5d5f64}.item-view__part--active{color:#0f8bff}.item-view__speaker{width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;color:#7430bc;background:#eef0f7;cursor:pointer}.item-view__speaker svg{width:26px;height:26px;fill:currentColor}.lesson-tabs{overflow:visible;background:transparent;width:100%}.lesson-tabs__tablist{display:flex;gap:5px;width:fit-content;margin:0 0 -1.5px 14px;padding:0;background:transparent}.lesson-tabs__tab{flex:0 0 auto;min-width:96px;border:1.5px solid #d9d9d9;border-bottom:0;border-radius:14px 14px 0 0;padding:10px 14px 13px;color:#8f8f8f;background:#f1f1f1;font-family:var(--font-subtext);font-size:.86rem;font-weight:950;text-transform:uppercase;cursor:pointer}.lesson-tabs__tab--active{position:relative;z-index:1;border-bottom:1.5px solid #ffffff;color:#3c3c3c;background:#fff}.lesson-tabs__panel{border:1.5px solid #d9d9d9;border-radius:18px;padding:20px 16px 16px;background:#fff}.lesson-poster__header{text-align:center;padding:4px 8px 22px}.lesson-poster__header h1{font-size:clamp(3.1rem,8.8vw,6.3rem)}.lesson-poster__header p{margin-top:8px;font-size:clamp(1.8rem,5vw,3.5rem)}.section-panel{position:relative;margin:0 0 56px;border:0;border-radius:0;padding:0 0 42px;background:#fff;border-bottom:3px solid #e5e5e5}.section-panel h2{position:static;min-height:0;margin:0 0 28px;border:0;border-radius:0;padding:0;color:#3c3c3c;background:transparent;font-family:var(--font-header);font-size:clamp(2rem,5vw,3rem);font-weight:950;line-height:1.1}.section-panel--yellow{color:#f5b400}.section-panel--blue{color:#5ca6f2}.section-panel--green{color:#71bd4e}.symbol-row{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:14px}.letter-card{min-height:190px;min-width:110px;border:1.5px solid #e5e5e5;border-radius:18px 18px 16px 16px;padding:16px 14px;display:grid;justify-items:center;align-content:start;gap:12px;color:#55575d;background:#fff;box-shadow:0 3px #e5e5e5;cursor:pointer}.letter-card:last-child{border-right:1.5px solid #e5e5e5}.letter-card__symbol{color:#55575d;font-size:clamp(3.15rem,8.25vw,5.25rem);font-weight:950;line-height:.85}.letter-card__word{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:950}.letter-object{--letter-main: #58d7ff;--letter-edge: #12a9df;--letter-alt-main: #ff625a;--letter-alt-edge: #e9362f;position:relative;isolation:isolate;width:82px;height:82px;display:inline-grid;place-items:center;transform:rotate(3deg);filter:drop-shadow(0 8px 8px rgba(43,48,62,.12))}.letter-object--color-0{--letter-main: #58d7ff;--letter-edge: #12a9df;--letter-alt-main: #ff625a;--letter-alt-edge: #e9362f}.letter-object--color-1{--letter-main: #ff625a;--letter-edge: #e9362f;--letter-alt-main: #ffad2f;--letter-alt-edge: #f47e16}.letter-object--color-2{--letter-main: #ffad2f;--letter-edge: #f47e16;--letter-alt-main: #58cc02;--letter-alt-edge: #38a50e}.letter-object--color-3{--letter-main: #58cc02;--letter-edge: #38a50e;--letter-alt-main: #ff85c8;--letter-alt-edge: #ec55a5}.letter-object--color-4{--letter-main: #ff85c8;--letter-edge: #ec55a5;--letter-alt-main: #b68cff;--letter-alt-edge: #8c5af0}.letter-object--color-5{--letter-main: #b68cff;--letter-edge: #8c5af0;--letter-alt-main: #ffe04d;--letter-alt-edge: #efbd00}.letter-object--color-6{--letter-main: #ffe04d;--letter-edge: #efbd00;--letter-alt-main: #58d7ff;--letter-alt-edge: #12a9df}.letter-object__glyph{position:relative;display:block;color:var(--letter-main);font-family:var(--font-header);font-size:4.1rem;font-weight:800;line-height:1;-webkit-text-fill-color:var(--letter-main);text-shadow:none;filter:drop-shadow(-1px 1px 0 var(--letter-edge)) drop-shadow(-2px 2px 0 var(--letter-edge)) drop-shadow(-3px 3px 0 var(--letter-edge))}.letter-object__glyph--color-0{--letter-main: #58d7ff;--letter-edge: #12a9df}.letter-object__glyph--color-1{--letter-main: #ff625a;--letter-edge: #e9362f}.letter-object__glyph--color-2{--letter-main: #ffad2f;--letter-edge: #f47e16}.letter-object__glyph--color-3{--letter-main: #58cc02;--letter-edge: #38a50e}.letter-object__glyph--color-4{--letter-main: #ff85c8;--letter-edge: #ec55a5}.letter-object__glyph--color-5{--letter-main: #b68cff;--letter-edge: #8c5af0}.letter-object__glyph--color-6{--letter-main: #ffe04d;--letter-edge: #efbd00}.letter-object__glyph--alt{color:var(--letter-alt-main);-webkit-text-fill-color:var(--letter-alt-main);filter:drop-shadow(-1px 1px 0 var(--letter-alt-edge)) drop-shadow(-2px 2px 0 var(--letter-alt-edge)) drop-shadow(-3px 3px 0 var(--letter-alt-edge))}.letter-object--compound .letter-object__glyph{font-size:2.55rem}.letter-object--large{width:min(440px,58vw);height:min(360px,46vw);margin:0 auto;transform:rotate(2deg);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 16px 16px rgba(43,48,62,.12))}.letter-object--large .letter-object__glyph{font-size:clamp(11.25rem,28vw,18rem);line-height:1;text-shadow:none;filter:drop-shadow(-2px 2px 0 var(--letter-edge)) drop-shadow(-4px 4px 0 var(--letter-edge)) drop-shadow(-6px 6px 0 var(--letter-edge))}.letter-object--large .letter-object__glyph--alt{filter:drop-shadow(-2px 2px 0 var(--letter-alt-edge)) drop-shadow(-4px 4px 0 var(--letter-alt-edge)) drop-shadow(-6px 6px 0 var(--letter-alt-edge))}.letter-object--large.letter-object--compound .letter-object__glyph{font-size:clamp(6.75rem,18vw,11.25rem)}.letter-object--large.letter-object--syllable .letter-object__glyph{font-size:clamp(10.2rem,25vw,16rem)}.reading-grid{display:grid;gap:16px}.reading-grid--syllables{grid-template-columns:repeat(auto-fit,minmax(96px,max-content));justify-content:start}.reading-grid--words{display:flex;flex-wrap:wrap;justify-content:flex-start}.reading-tile{min-height:74px;border:1.5px solid #e5e5e5;border-radius:16px;padding:10px 18px;display:flex;align-items:center;justify-content:flex-start;gap:14px;color:#4b4b4b;background:#fff;box-shadow:0 3px #e5e5e5;cursor:pointer}.reading-tile:hover,.letter-card:hover{background:#fafafa;transform:translateY(2px);box-shadow:0 2px #e5e5e5}.reading-tile--syllable .reading-tile__text{font-size:clamp(1.7rem,5vw,2.5rem);font-weight:950}.reading-tile--syllable{width:96px;justify-content:center}.reading-tile--word{min-height:63px;justify-content:flex-start;border-color:#e5e5e5;padding:3px 14px}.reading-tile--word .reading-tile__text{font-size:clamp(1.36rem,3.4vw,2.08rem);font-weight:950;line-height:1}.reading-tile__text{color:#55575d;font-family:var(--font-subtext);font-weight:950}.reading-tile--word .reading-tile__text{margin-right:16px}.word-image{width:71px;height:71px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;margin:4px;color:#0b2769;background:transparent;font-size:3.6rem;font-weight:950;line-height:1}.word-image__asset{width:71px;height:71px;object-fit:contain;display:block}.reading-tile--word .word-image{width:57px;height:57px;font-size:2.9rem}.reading-tile--word .word-image__asset{width:57px;height:57px}.word-image--large{width:min(440px,58vw);height:min(360px,46vw);margin:0 auto;font-size:clamp(8rem,23vw,14rem)}.word-image--large .word-image__asset{width:100%;height:100%}.reading-direction{margin-top:16px;display:flex;justify-content:center;align-items:center;gap:18px;color:#0878d8;font-size:clamp(2rem,6vw,3rem);font-weight:950}.arrow-strip{word-spacing:14px}.direction-copy{margin:0;text-align:center;color:#061f63;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:950}.lesson-comment{display:none}.poster-footer{display:flex;justify-content:center;align-items:center;gap:18px;padding:18px 0 4px;color:#7430bc;font-size:clamp(2rem,6vw,3.7rem);font-weight:950;text-align:center}.poster-footer span{color:#f5b400}.completion-button{background:#149a58;box-shadow:0 8px #0b6538}.next-lesson-button{display:block;margin:24px auto 0}.lesson-bottom-panel{position:fixed;left:0;right:0;bottom:0;z-index:9;min-height:104px;border-top:1.5px solid #e5e5e5;padding:22px clamp(18px,5vw,72px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;background:#fff}.lesson-bottom-panel__left{display:flex;justify-content:flex-start;gap:14px}.lesson-bottom-panel__actions{display:flex;justify-content:flex-end;gap:14px}.lesson-bottom-panel__button{min-width:150px;min-height:54px;border-radius:16px;padding:12px 22px;font-family:var(--font-subtext);font-size:1rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.lesson-bottom-panel__button--ghost{border:3px solid #e5e5e5;color:#a8a8a8;background:#fff;box-shadow:0 4px #e5e5e5}.lesson-bottom-panel__button--primary{justify-self:center;border:0;color:#fff;background:#7430bc;box-shadow:0 4px #4d1f80}.lesson-bottom-panel__button--secondary{border:0;color:#fff;background:#1cb0f6;box-shadow:0 4px #0878d8}.lesson-bottom-panel__button--completed{border:0;color:#fff;background:#58cc02;box-shadow:0 4px #3f9801}.lesson-bottom-panel__button--secondary:disabled{color:#9ea7b4;background:#e3e7ed;box-shadow:0 4px #cfd5de;cursor:not-allowed}.empty-state{border-radius:18px;padding:28px;background:#fff;color:#061f63;font-size:1.3rem;font-weight:900}.reading-modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:18px;background:#061f6373}.reading-modal{position:relative;width:min(96vw,720px);border:4px solid #f5b400;border-radius:30px;padding:clamp(28px,5vw,52px);text-align:center;background:#fff;box-shadow:0 24px 60px #00000038}.modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;color:#6f7785;background:#eef1f5;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:1.5rem;font-weight:700;line-height:1;cursor:pointer;transition:background-color .14s ease,color .14s ease}.modal-close:hover{color:#555c69;background:#dfe5ec}.reading-modal__text{min-height:170px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;color:#000;font-size:clamp(5rem,18vw,9rem);font-weight:950;line-height:1}.reading-part{border-radius:16px;padding:0 8px 8px;border:4px solid transparent}.reading-part--active{border-color:#f5b400;background:#fff0a8;color:#061f63}.speech-controls{margin-top:26px;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.speech-button--secondary{background:#7430bc;box-shadow:0 8px #4b1f7c}.speech-button--quiet{color:#061f63;background:#fff;border:2px solid #b9cff2;box-shadow:none}@media(max-width:720px){.app-shell{padding:12px}.section-list{margin-block:32px 48px;gap:28px}.section-list-header{margin-top:32px;padding:14px 22px;gap:12px}.section-list-header__back{width:36px;height:36px;font-size:1.35rem}.section-list-header h1{font-size:1.65rem}.screen-topbar{align-items:stretch;flex-direction:column}.section-card{grid-template-columns:1fr}.home-screen__poster{grid-template-columns:1fr;gap:26px;padding:24px 0}.home-screen__image{max-height:280px}.home-screen__poster h1{margin-bottom:24px;font-size:clamp(1.4rem,6.3vw,1.96rem)}.home-action{min-height:46px;font-size:.8rem}.section-card{min-height:0;padding:24px 22px}.section-card__body{min-height:0}.section-card__progress{margin-block:22px}.section-card__header,.section-card__footer{align-items:flex-start;flex-direction:column}.section-card__button{width:100%}.section-card__image{width:min(100%,220px);max-height:160px;justify-self:center;order:-1}.section-path-header{min-height:0;margin-top:32px;padding:14px 22px;gap:12px}.section-path-header__content{min-height:0}.section-path-header__back{width:36px;height:36px;font-size:1.35rem}.lesson-map-scroller{margin-inline:-12px;padding-inline:28px}.lesson-poster{width:min(100%,700px);border-radius:0;padding:0}.section-panel{border-radius:0;padding:0 0 32px}.section-panel h2{max-width:calc(100% + 6px);padding:0;font-size:2rem}.symbol-row{gap:12px}.letter-card{min-height:160px;width:112px}.letter-object{width:62px;height:62px}.letter-object__glyph{font-size:3.05rem}.letter-object--compound .letter-object__glyph{font-size:1.95rem}.letter-object--large{width:min(440px,58vw);height:min(360px,46vw)}.reading-grid--syllables,.reading-grid--words{grid-template-columns:repeat(auto-fit,minmax(92px,max-content))}.reading-tile--word{min-height:58px;padding:2.5px 12px}.word-image{width:54px;height:54px;font-size:2rem}.reading-tile--word .word-image{width:43px;height:43px;font-size:1.6rem}.reading-tile--word .word-image__asset{width:43px;height:43px}.lesson-topbar{width:100%;margin-bottom:0;margin-left:auto;padding-inline:0;gap:14px}.lesson-topbar__count{min-width:0;padding-inline:10px}.lesson-bottom-panel{grid-template-columns:1fr;padding:16px}.lesson-bottom-panel__left,.lesson-bottom-panel__actions{display:grid;gap:12px}.lesson-bottom-panel__button{width:100%}.home-screen h1{white-space:normal}.arrow-strip{word-spacing:4px}.reading-modal{min-height:min(720px,calc(100vh - 36px));display:grid;align-content:center}.speech-button{width:100%}}