.screen{min-height:var(--app-height)}.screen-body{width:min(100%,1200px);padding:calc(24px + var(--safe-top)) max(16px, var(--safe-right)) calc(110px + var(--safe-bottom)) max(16px, var(--safe-left));margin-inline:auto}.bottom-nav{z-index:var(--layer-navigation);bottom:calc(12px + var(--safe-bottom));width:min(calc(100% - 24px - var(--safe-left) - var(--safe-right)), 680px);border:1px solid var(--color-border);background:var(--color-surface);touch-action:manipulation;border-radius:28px;grid-template-columns:repeat(4,1fr);height:70px;padding:6px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #1d436c1f}.nav-item{color:var(--color-text-secondary);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.7rem;line-height:1.2;display:flex}.nav-item--active{color:var(--color-accent);background:var(--color-selected)}.nav-item .icon{width:23px;height:23px}.page-hero{isolation:isolate;align-items:center;min-height:205px;margin:-24px -16px 20px;display:flex;position:relative;overflow:hidden}.page-hero-art{z-index:-2;position:absolute;inset:0}.page-hero-art .ui-art{object-fit:cover;object-position:center 52%;width:100%;height:100%}.page-hero:after{content:"";z-index:-1;background:linear-gradient(90deg, var(--color-hero-fade) 0%, transparent 90%), linear-gradient(0deg, var(--color-hero-fade), transparent 55%);position:absolute;inset:0}.page-hero-copy{width:70%;padding:30px 16px}.page-hero-copy p{color:var(--color-text-secondary);max-width:28ch;margin-top:12px;font-size:.9rem}.page-hero--large{min-height:245px}.page-hero--large h1{font-size:clamp(2rem,6vw,2.8rem)}.ui-art{object-fit:cover;width:100%}.ui-art--learning{object-fit:contain;background:#fdfcfb}.topic-art-fallback{background:var(--color-selected);color:var(--color-accent);border-radius:18px;place-items:center;min-height:72px;display:grid}.topic-art-fallback .icon{width:42px;height:42px}.home-page,.topics-page,.progress-page,.profile-page,.settings-page,.achievements-page{gap:24px;display:grid}.home-page>.page-hero,.progress-page>.page-hero,.profile-page>.page-hero,.settings-page>.page-hero,.achievements-page>.page-hero{margin-bottom:-12px}.continue-section,.recommendations{gap:16px;min-width:0;display:grid}.continue-rail{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:12px;padding:1px 1px 8px;display:flex;overflow-x:auto}.continue-rail::-webkit-scrollbar{display:none}.continue-card{scroll-snap-align:start;flex:0 0 calc(33.3333% - 8px);overflow:hidden}.continue-card>.ui-art,.continue-card>.topic-art-fallback{height:125px}.continue-copy{gap:8px;padding:10px;display:grid}.continue-copy .numeric{color:var(--color-accent);font-size:.7rem}.continue-copy .caption{font-size:.6rem}.home-continue{margin-top:6px}.home-continue .button{width:100%;min-height:42px;padding:10px;font-size:.85rem}.carousel-controls{justify-content:center;align-items:center;gap:20px;margin-top:-12px;display:flex}.carousel-controls .button{width:44px;min-height:44px;padding:0;font-size:1.5rem}.carousel-controls .button:disabled{color:var(--color-text-secondary);opacity:.4;background:0 0}.carousel-dot{background:var(--color-accent);border-radius:50%;width:5px;height:5px}.first-topic{grid-template-columns:95px 1fr;gap:16px;padding:16px;display:grid}.first-topic>.ui-art{border-radius:16px;height:100%}.first-topic p:not(.caption){color:var(--color-text-secondary);margin-top:8px;font-size:.85rem}.home-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.action-tile{border:1px solid var(--color-border);background:var(--color-surface);min-height:98px;box-shadow:var(--shadow-surface);text-align:center;border-radius:20px;align-content:center;justify-items:center;gap:10px;padding:12px 6px;font-size:.8rem;display:grid}.action-tile .icon{width:30px;height:30px;color:var(--color-accent)}.learning-due,.menu-row{align-items:center;gap:14px;padding:18px;display:flex}.learning-due>.icon,.menu-row>.icon{width:18px;color:var(--color-text-secondary);margin-left:auto}.learning-due .caption{font-size:.8rem}.recommendation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.featured-topic{border-radius:18px;overflow:hidden}.featured-topic>.ui-art,.featured-topic>.topic-art-fallback{height:100px}.featured-topic .card-copy{padding:12px 10px}.featured-topic strong{overflow-wrap:anywhere;font-size:.85rem}.featured-topic .caption{font-size:.65rem}.topic-list,.catalogue-sections{gap:14px;margin:0;padding:0;list-style:none;display:grid}.topic-row{align-items:center;gap:14px;min-height:108px;padding:12px;display:flex}.topic-row>.ui-art,.topic-row>.topic-art-fallback{border-radius:18px;flex:none;width:82px;height:82px}.topic-row .card-copy{flex:1;gap:13px}.topic-row h2{overflow-wrap:anywhere;font-size:1.1rem}.topic-row>.numeric{align-self:flex-end;padding-bottom:16px;font-size:.85rem}.row-chevron{color:var(--color-text-secondary)}.row-chevron .icon{width:16px;height:16px}.topic-page{gap:24px;display:grid}.topic-mastery{padding:22px}.learning-mastery{gap:16px;display:grid}.learning-mastery>div:first-child{justify-content:space-between;align-items:center;display:flex}.learning-mastery .numeric{color:var(--color-accent);font-size:1.6rem}.topic-training .button{width:100%;color:var(--color-text-primary);background:var(--color-selected);box-shadow:none}.topic-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.topic-secondary-actions .menu-row{gap:10px;padding:16px;display:grid}.topic-secondary-actions .menu-row>.icon{display:none}.topic-secondary-actions .menu-row strong{font-size:.95rem}.topic-secondary-actions .caption{font-size:.75rem}.topic-sections{gap:16px;display:grid}.catalogue-section{border:1px solid var(--color-border);background:var(--color-surface);border-radius:22px;align-items:center;gap:16px;min-height:90px;padding:12px;display:flex}.catalogue-section>.ui-art,.catalogue-section>.topic-art-fallback{border-radius:14px;width:70px;height:70px}.catalogue-section .card-copy{flex:1}.catalogue-section>.icon{width:18px;color:var(--color-text-secondary)}.overall-mastery{align-items:center;gap:20px;padding:24px 16px;display:flex}.overall-mastery p{color:var(--color-text-secondary);margin-top:12px;font-size:.85rem}.mastery-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat-card{text-align:center;border-radius:20px;justify-items:center;gap:12px;padding:16px 8px;display:grid}.stat-card>span:last-child{gap:6px;display:grid}.stat-card strong{font-size:1.5rem}.stat-card--success .icon-tile{color:var(--color-success);background:var(--color-success-surface)}.stat-card--error .icon-tile{color:var(--color-error);background:var(--color-error-surface)}.learning-state-note{text-align:center;margin-top:-12px}.progress-topics,.activity-section,.learning-topics{gap:16px;display:grid}.learning-items{gap:12px;padding:0;list-style:none;display:grid}.learning-items>li{gap:8px;padding:20px;display:grid}.learning-items small{color:var(--color-text-secondary)}.profile-grid{gap:20px;display:grid}.profile-summary{padding:24px}.profile-identity{align-items:center;gap:20px;display:flex}.profile-avatar{border:4px solid var(--color-surface);outline:1px solid var(--color-border);width:72px;height:72px;color:var(--color-on-dark);background:linear-gradient(130deg,#82aff2,#3263b9);border-radius:50%;flex:none;place-items:center;font-size:2rem;display:grid}.profile-identity p{color:var(--color-text-secondary);margin-top:6px}.profile-menu{gap:12px;display:grid}.button.logout-button{color:var(--color-error);background:var(--color-error-surface);justify-content:center}.motivation{gap:16px;padding:22px;display:grid}.motivation-level,.motivation-compact{justify-content:space-between;align-items:center;gap:14px;display:flex}.motivation-level>span{color:var(--color-accent)}.motivation-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:10px;display:grid}.motivation-rhythm{background:var(--color-selected);border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.motivation-rhythm .icon{color:var(--color-accent)}.motivation-compact{padding:16px;font-size:.8rem}.motivation-compact .caption{font-size:.7rem;display:block}.motivation-compact>.icon{color:var(--color-accent)}.achievement-rows{gap:14px;display:grid}.achievement-row{align-items:center;gap:14px;padding:18px 14px;display:flex}.achievement-row .card-copy{flex:1}.achievement-row h2{font-size:1rem}.achievement-row .caption{font-size:.75rem}.achievement-symbol{width:52px;height:52px}.achievement-symbol--award,.achievement-symbol--star{color:var(--color-gold);background:color-mix(in srgb, var(--color-gold) 12%, var(--color-surface))}.achievement-check{color:var(--color-success)}.achievement-lock{color:var(--color-text-secondary);opacity:.7}.achievement-progress{text-align:right;flex:none;gap:8px;width:64px;display:grid}.settings-grid{gap:20px;display:grid}.settings-grid fieldset{min-width:0;margin:0;padding:20px}.settings-heading,.about-settings{align-items:center;gap:14px;display:flex}.settings-heading{margin-bottom:20px}.settings-heading h2{font-size:1.05rem}.preference-row{border-top:1px solid var(--color-border);cursor:pointer;align-items:center;gap:12px;padding:16px 0;display:flex}.preference-row .card-copy{flex:1}.preference-row .icon{color:var(--color-accent)}.preference-row strong{font-size:.95rem}.setting-switch{appearance:none;background:var(--color-disabled);cursor:pointer;border-radius:20px;flex:none;width:44px;height:26px;margin:0;position:relative}.setting-switch:after{content:"";width:20px;height:20px;transition:transform var(--duration-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000001a}.setting-switch:checked{background:var(--color-button)}.setting-switch:checked:after{transform:translate(18px)}.setting-switch:disabled{opacity:.6}.settings-hint{padding-top:12px}.theme-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.theme-option{text-align:center;border:1px solid var(--color-border);cursor:pointer;border-radius:16px;justify-items:center;gap:10px;padding:16px 4px;display:grid;position:relative}.theme-option.is-selected{border-color:var(--color-accent);background:var(--color-selected)}.theme-option input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.theme-option:focus-within{outline:3px solid var(--color-focus);outline-offset:3px}.theme-option strong{font-size:.8rem}.theme-option .caption{font-size:.6rem}.theme-symbol{color:var(--color-accent)}.about-settings{padding:20px}.practice-screen .screen-body{max-width:820px;padding-bottom:calc(24px + var(--safe-bottom))}.exercise-session-header{margin-bottom:24px}.exercise-progress{align-items:center;gap:14px;display:flex}.exercise-progress>.caption{white-space:nowrap;order:2}.exercise-shell{overflow-wrap:anywhere;min-width:0;min-height:calc(var(--app-height) - var(--safe-top) - var(--safe-bottom) - 105px);grid-template-rows:auto 1fr auto;gap:24px;display:grid}.exercise-prompt{text-align:center;justify-items:center;gap:18px;min-width:0;display:grid}.exercise-prompt h1{overflow-wrap:anywhere;font-size:clamp(1.7rem,6vw,2.3rem)}.exercise-prompt .caption{font-size:1rem}.exercise-content{align-self:center;min-width:0}.practice-image{object-fit:contain;border:1px solid var(--color-border);background:#fdfcfb;border-radius:24px;width:min(100%,240px);height:205px}.answer-options{gap:12px;display:grid}.answer-option{border:1px solid var(--color-border);background:var(--color-surface);text-align:left;width:100%;min-height:58px;box-shadow:var(--shadow-surface);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:1.05rem;display:flex}.answer-option--selected{border-color:var(--color-accent);background:var(--color-selected)}.answer-option--correct{color:var(--color-success);border-color:var(--color-success);background:var(--color-success-surface)}.answer-option--incorrect{color:var(--color-error);border-color:var(--color-error);background:var(--color-error-surface)}.answer-mark{flex:none;place-items:center;width:22px;height:22px;display:grid}.answer-mark--empty{border:1px solid var(--color-border);border-radius:50%}.answer-mark--empty .icon{visibility:hidden}.answer-mark--selected{color:var(--color-accent)}.exercise-actions{gap:12px;display:grid}.exercise-feedback-slot{overscroll-behavior:contain;height:94px;overflow-y:auto}.exercise-feedback{text-align:center;color:var(--color-success);justify-items:center;gap:4px;padding:8px 12px;font-size:.9rem;display:grid}.exercise-feedback--incorrect{color:var(--color-error)}.exercise-feedback small{color:var(--color-text-secondary)}.exercise-feedback-slot .state-panel{gap:6px;padding:8px;font-size:.75rem}.exercise-feedback-slot .state-symbol{display:none}.exercise-feedback-slot .state-panel h2{font-size:.85rem}.exercise-feedback-slot .button{min-height:32px;padding:6px 12px}.exercise-action-row{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;gap:12px;display:grid}.exercise-main-action .button{width:100%}.exercise-main-action{display:flex}.vocabulary-screen .product-content{height:100%}html[data-surface=welcome],html[data-surface=welcome] body{background:#e7eff5}.exercise-unknown{min-height:46px;padding-inline:10px;font-size:.9rem}.word-gap{letter-spacing:.15em;font-size:1.8rem}.practice-matching{grid-template-columns:42% 42%;justify-content:space-between;display:grid;position:relative}.practice-matching>div{gap:14px;display:grid}.match-tile{border:1px solid var(--color-border);background:var(--color-surface);overflow-wrap:anywhere;border-radius:16px;justify-content:center;align-items:center;gap:5px;height:66px;padding:8px;font-size:.95rem;display:flex;position:relative}.match-tile small{color:var(--color-text-secondary);font-size:.65rem}.match-tile--selected{border-color:var(--color-accent);background:var(--color-selected)}.matching-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.matching-lines path{fill:none;stroke:var(--color-accent);stroke-width:1px;vector-effect:non-scaling-stroke}.matching-lines circle{fill:var(--color-accent)}.sentence-answer{border:1px dashed var(--color-border);background:var(--color-surface);border-radius:20px;flex-wrap:wrap;place-content:center;gap:8px;min-height:100px;padding:16px;display:flex}.token-bank{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.word-token{border:1px solid var(--color-border);background:var(--color-surface);min-width:42px;min-height:48px;box-shadow:var(--shadow-surface);border-radius:14px;padding:10px 16px}.word-token--selected{opacity:.3}.exam-caption{text-align:center;margin-bottom:16px}.practice-result,.exam-overview{text-align:center;justify-items:center;gap:24px;max-width:680px;margin:24px auto;display:grid}.practice-result>.button,.exam-overview>.button{width:100%}.practice-result .progress-ring{width:156px;height:156px}.practice-metrics,.exam-overview-metrics{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.practice-metrics .metric{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:18px 8px}.exam-review{gap:24px;display:grid}.exam-review-grid{gap:16px;display:grid}.exam-review-grid article{gap:12px;padding:24px;display:grid}.exam-review-image{border-radius:18px;width:140px}.achievement-list{gap:12px;display:grid}.achievement-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:left;border-radius:20px;align-items:center;gap:14px;width:100%;padding:16px;display:flex}.achievement-card button{color:inherit;background:0 0;border:0}.milestone-medal{width:64px;height:64px;color:var(--color-gold);background:color-mix(in srgb, var(--color-gold) 12%, var(--color-surface));border-radius:50%;place-items:center;display:inline-grid}.dialog{color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);width:min(100% - 32px,480px);max-height:calc(var(--app-height) - 32px);border-radius:28px;padding:28px;overflow-y:auto}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c182a73}.dialog-close{justify-content:flex-end;display:flex}.dialog--achievement{text-align:center}.dialog--achievement>*+*{margin-top:16px}html[data-fixed-screen],html[data-fixed-screen] body{overflow:clip}.vocabulary-screen .screen-body{height:var(--app-height);padding-bottom:calc(16px + var(--safe-bottom));max-width:1000px}.topic-page--vocabulary{flex-direction:column;gap:14px;height:100%;display:flex}.catalogue-heading{flex:none}.catalogue-heading h1{font-size:1.7rem}.catalogue-heading .page-intro{margin-top:6px;font-size:.85rem}.vocabulary-deck{flex:1;grid-template-rows:auto minmax(0,1fr) auto auto;gap:14px;min-height:0;display:grid}.vocabulary-deck>header{align-items:center;gap:16px;display:flex}.vocabulary-deck>header .progress-row{flex:1}.vocabulary-deck>header .numeric{white-space:nowrap;color:var(--color-text-secondary);font-size:.8rem}.vocabulary-stage{justify-items:center;min-height:0;padding:6px 8px 12px;display:grid}.vocabulary-card{touch-action:pan-y;width:min(100%,460px);height:100%;min-height:0;box-shadow:0 10px 30px #2a4e761a, 0 7px 0 -2px var(--color-surface), 0 9px 0 -2px var(--color-border);-webkit-user-select:none;user-select:none;flex-direction:column;transition:transform .22s ease-out;display:flex;overflow:hidden}.vocabulary-card.is-dragging{transition:none}.learning-image-frame{background:#fdfcfb;flex:1;justify-content:center;min-height:60px;display:flex}.catalogue-illustration{object-fit:contain;pointer-events:none;width:100%;height:100%;min-height:0}.vocabulary-copy{text-align:center;flex:none;padding:18px}.vocabulary-copy h2{font-size:clamp(1.6rem,6vw,2.2rem)}.catalogue-translation{color:var(--color-text-secondary);margin-top:8px}.vocabulary-copy details{overscroll-behavior:contain;touch-action:pan-y;max-height:115px;margin-top:12px;font-size:.8rem;overflow-y:auto}.vocabulary-copy summary{color:var(--color-accent)}.vocabulary-copy dl{text-align:left;margin:12px 0 0}.vocabulary-copy dl div{justify-content:space-between;gap:10px;padding:4px 0;display:flex}.vocabulary-copy dd{margin:0}.deck-actions{justify-content:center;gap:60px;display:flex}.deck-action{color:var(--color-text-secondary);justify-items:center;gap:8px;font-size:.8rem;display:grid}.deck-action .button{border-radius:50%;width:64px;height:64px;padding:0}.deck-action .button--secondary{color:var(--color-error);background:var(--color-error-surface)}.deck-action .icon{width:30px;height:30px}.deck-hint{text-align:center;color:var(--color-text-secondary);font-size:.75rem}.deck-complete{text-align:center;flex:1;align-content:center;justify-items:center;gap:20px;padding:30px;display:grid}.welcome-screen{background:#e7eff5}.welcome-screen .screen-body{width:100%;max-width:none;height:var(--app-height);padding:0}.welcome-screen .product-content{height:100%}.welcome{isolation:isolate;height:100%;padding:calc(28px + var(--safe-top)) max(28px, var(--safe-right)) calc(28px + var(--safe-bottom)) max(28px, var(--safe-left));color:#19364c;flex-direction:column;display:flex;position:relative;overflow:hidden}.coast-art{z-index:-2;position:absolute;inset:0}.coast-art picture,.coast-art img{object-fit:cover;width:100%;height:100%;display:block}.welcome:after{content:"";z-index:-1;background:linear-gradient(#eef6fbb3,#0000 65%,#e3eef599);position:absolute;inset:0}.wordmark{font-family:var(--font-brand);font-size:2rem}.welcome-brand p{letter-spacing:.15em;margin-top:6px;font-size:.7rem}.welcome-copy{margin-top:6vh}.welcome-copy h1{font-size:clamp(2.2rem,7vw,4rem)}.welcome-copy p{margin-top:20px}.welcome-action{align-self:center;width:100%;max-width:460px;margin-top:auto}.welcome-action .button{width:100%}@media (width>=700px){.screen-body{padding-inline:max(32px, var(--safe-left)) max(32px, var(--safe-right))}.page-hero{border-radius:0 0 32px 32px;min-height:260px;margin-inline:-32px}.page-hero-copy{padding-inline:32px}.page-hero--large{min-height:320px}.page-hero-copy h1{font-size:2.5rem}.topic-list,.learning-topics,.catalogue-sections,.achievement-rows,.exam-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.continue-card{flex-basis:calc(33.3333% - 8px)}.continue-card>.ui-art,.featured-topic>.ui-art{height:170px}.recommendation-grid{gap:20px}.first-topic{grid-template-columns:170px 1fr;padding:24px}.profile-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.profile-grid .motivation{grid-column:1}.profile-menu{grid-area:1/2/span 2}.settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.practice-settings{grid-row:1/span 2}.about-settings{grid-column:2}.topic-page:not(.topic-page--vocabulary){grid-template-columns:1fr 1fr;align-items:start}.topic-page>.page-hero,.topic-secondary-actions,.topic-sections{grid-column:1/-1}.topic-training{align-self:center}.topic-secondary-actions .menu-row{display:flex}.topic-secondary-actions .menu-row>.icon{display:block}.overall-mastery{justify-content:center;padding:32px}.overall-mastery p{max-width:38ch}.mastery-stats .stat-card{text-align:left;justify-content:center;display:flex}.home-actions .action-tile{min-height:110px}.exercise-prompt{gap:24px}.answer-options{grid-template-columns:repeat(2,minmax(0,1fr))}.exercise-action-row{width:100%;max-width:560px;margin-inline:auto}.theme-option .caption{font-size:.7rem}.welcome{padding-inline:max(7vw, var(--safe-left)) max(7vw, var(--safe-right))}.welcome-copy{margin-top:8vh}.continue-copy{gap:12px;padding:18px}.continue-copy h3{font-size:1.1rem}.continue-copy .numeric{font-size:.9rem}.continue-copy .caption{font-size:.8rem}.home-continue .continue-arrow{width:42px;height:42px}}@media (width>=1100px){.screen-body{padding-top:calc(36px + var(--safe-top))}.page-hero{min-height:300px;margin-top:-36px}.page-hero--large{min-height:350px}.page-hero-copy{width:60%}.home-page{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.home-page>.page-hero,.continue-section,.recommendations,.first-topic,.home-page>.motivation-compact{grid-column:1/-1}.continue-card{flex-basis:calc(25% - 9px)}.home-actions,.learning-due{align-self:stretch}.profile-grid{grid-template-columns:1.15fr 1fr;gap:24px}.profile-summary{padding:32px}.topic-list{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-row{gap:12px}.topic-row>.ui-art{width:76px;height:76px}}@media (height<=500px) and (width>=600px){.page-hero{min-height:190px}.screen-body{padding-top:calc(16px + var(--safe-top))}.bottom-nav{height:60px}.practice-screen .screen-body{max-width:1100px}.exercise-shell{grid-template-rows:1fr auto;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px 24px;min-height:0}.exercise-prompt{grid-row:1/span 2;align-content:center;gap:12px}.exercise-content{grid-column:2}.exercise-actions{grid-column:2;gap:8px}.exercise-feedback-slot{height:58px}.exercise-session-header{margin-bottom:12px}.answer-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.answer-option{min-height:50px;padding:10px;font-size:.9rem}.practice-image{width:180px;height:145px}.match-tile{height:40px;font-size:.8rem}.practice-matching>div{gap:8px}.topic-page--vocabulary{grid-template-columns:1fr;gap:8px;display:grid}.catalogue-heading h1{font-size:1.3rem}.catalogue-heading .page-intro{display:none}.vocabulary-deck{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 160px}.vocabulary-deck>header{grid-column:1/-1}.vocabulary-stage{grid-row:2/span 2;padding:0 8px 10px}.vocabulary-card{flex-direction:row;width:100%}.learning-image-frame{flex:1;min-width:0}.vocabulary-copy{align-content:center;width:52%;padding:12px}.vocabulary-copy h2{font-size:1.5rem}.deck-actions{align-self:center;gap:16px}.deck-action .button{width:52px;height:52px}.deck-hint{grid-column:2}.welcome-copy{margin-top:20px}.welcome-copy h1{font-size:2rem}.welcome-copy p{margin-top:10px;font-size:.8rem}.welcome-action{right:6%;bottom:calc(24px + var(--safe-bottom));width:38%;position:absolute}.welcome-brand .wordmark{font-size:1.4rem}.exercise-context{margin:-8px 0 8px}.result-art{height:120px}}@media (width<=350px){.section-heading h2{font-size:1.05rem}.section-link{font-size:.7rem}.page-hero--large{min-height:240px}.topic-row{gap:10px;padding:10px}.topic-row>.ui-art{width:65px;height:65px}.topic-row h2{font-size:1rem}.overall-mastery{gap:12px}.overall-mastery .progress-ring{width:110px;height:110px}.overall-mastery h2{font-size:1rem}.overall-mastery p{font-size:.75rem}.vocabulary-copy{padding:12px}.vocabulary-copy h2{font-size:1.55rem}.vocabulary-copy details{max-height:70px}.deck-action .button{width:54px;height:54px}.exercise-shell{gap:16px}.exercise-feedback-slot{height:82px}.answer-option{min-height:50px}.continue-card{flex-basis:calc(50% - 6px)}}.continue-card>.ui-art{height:95px}.continue-copy .section-heading{gap:4px}.continue-copy h3{font-size:.85rem}.continue-copy .home-continue{justify-content:flex-end;display:flex}.home-continue .continue-arrow{width:34px;height:34px;min-height:34px;color:var(--color-accent);background:var(--color-selected);box-shadow:none;border-radius:50%;padding:0;position:relative}.home-continue .continue-arrow:before{content:"";position:absolute;inset:-5px}.home-continue .continue-arrow .icon{width:18px;height:18px}.page-hero--large .page-hero-copy{width:85%}.page-hero--large .page-hero-copy p{max-width:30ch}.deck-action:last-child .button{color:var(--color-success);background:var(--color-success-surface);box-shadow:none;border-color:var(--color-border)}.vocabulary-screen{background:radial-gradient(ellipse at top right, var(--color-selected), transparent 50%)}.exercise-context{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;height:18px;margin:-10px 0 14px;font-size:.75rem;line-height:18px;overflow:hidden}.result-art{width:min(100%,320px);height:180px;margin-bottom:-12px}.practice-result{gap:20px}.practice-result .achievements{gap:14px;width:100%;display:grid}.achievement-card .card-copy{flex:1}.achievement-card .milestone-medal{width:44px;height:44px}.practice-metrics .metric:first-child{background:var(--color-success-surface)}.practice-metrics .metric:nth-child(2){background:var(--color-error-surface)}.practice-metrics .metric:nth-child(3){background:var(--color-selected)}.topic-learning-modes{color:var(--color-accent);flex-wrap:wrap;gap:6px 16px;margin-top:16px;font-size:.75rem;display:flex}.topic-learning-modes a{padding-block:8px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f8fafc;--color-surface:#fff;--color-surface-muted:#edf3fa;--color-text-primary:#172440;--color-text-secondary:#5e6c83;--color-accent:#116dd1;--color-button:#0874df;--color-blue:#127bea;--color-focus:#1266c8;--color-border:#e6edf5;--color-disabled:#b8c6d7;--color-success:#21784f;--color-success-surface:#e9f6ef;--color-error:#b7454b;--color-error-surface:#fff0f0;--color-gold:#af7923;--color-on-dark:#fff;--color-selected:#eaf4ff;--color-hero-fade:#f8fafc;--shadow-surface:0 5px 22px #3559870d;--shadow-button:0 4px 12px #1684f526;--radius-small:12px;--radius-medium:18px;--radius-card:24px;--radius-button:30px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--duration-fast:.14s;--duration-enter:.22s;--layer-navigation:10;--layer-overlay:20;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-brand:Georgia, "Times New Roman", serif;--text-caption:.75rem;--text-small:.875rem;--text-body:1rem;--text-heading:1.25rem;--text-title:2rem;--text-display:2.5rem;--safe-top:calc(max(env(safe-area-inset-top,0px), var(--tg-safe-area-inset-top,0px)) + var(--tg-content-safe-area-inset-top,0px));--safe-bottom:calc(max(env(safe-area-inset-bottom,0px), var(--tg-safe-area-inset-bottom,0px)) + var(--tg-content-safe-area-inset-bottom,0px));--safe-left:calc(max(env(safe-area-inset-left,0px), var(--tg-safe-area-inset-left,0px)) + var(--tg-content-safe-area-inset-left,0px));--safe-right:calc(max(env(safe-area-inset-right,0px), var(--tg-safe-area-inset-right,0px)) + var(--tg-content-safe-area-inset-right,0px));--app-height:min(var(--visual-viewport-height,100dvh), var(--tg-viewport-stable-height,100dvh));font-family:var(--font-body);color:var(--color-text-primary);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#141d2b;--color-surface:#1c293a;--color-surface-muted:#26364a;--color-text-primary:#edf3ff;--color-text-secondary:#a6b6cd;--color-accent:#73baff;--color-blue:#73baff;--color-button:#0874df;--color-focus:#96caff;--color-border:#304055;--color-disabled:#536680;--color-selected:#243f5f;--color-success:#8cd9af;--color-success-surface:#203e33;--color-error:#ffa7ab;--color-error-surface:#472c37;--color-gold:#e4bc70;--color-hero-fade:#141d2b;--shadow-surface:0 5px 22px #0000001a}*{box-sizing:border-box}html{overscroll-behavior-y:contain;min-height:100%}body{min-width:280px;min-height:var(--app-height);background:var(--color-background);margin:0}#root{min-height:var(--app-height)}button,input,select,textarea{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:default}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1{letter-spacing:-.035em;font-size:clamp(1.75rem,5vw,2.4rem);font-weight:700;line-height:1.16}h2{letter-spacing:-.025em;font-size:1.2rem;font-weight:650;line-height:1.3}h3{font-size:1rem;font-weight:650}p{line-height:1.5}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.caption,.page-intro{color:var(--color-text-secondary);font-size:var(--text-small);line-height:1.5}.numeric{font-variant-numeric:tabular-nums}.icon{flex:none;width:24px;height:24px}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-surface)}.button{border-radius:var(--radius-button);text-align:center;min-height:52px;transition:background var(--duration-fast), opacity var(--duration-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;line-height:1.25;display:inline-flex}.button--primary{background:var(--color-button);color:var(--color-on-dark);box-shadow:var(--shadow-button)}.button--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.button--quiet{color:var(--color-accent);background:0 0}.button:disabled{opacity:.45;box-shadow:none}.icon-button{background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:inline-grid}.icon-button--round{background:var(--color-surface);border-radius:50%}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-link{color:var(--color-accent);white-space:nowrap;align-items:center;gap:4px;font-size:.8rem;display:inline-flex}.section-link .icon{width:16px;height:16px}.card-copy{gap:6px;min-width:0;display:grid}.icon-tile{width:44px;height:44px;color:var(--color-accent);background:var(--color-selected);border-radius:14px;flex:none;place-items:center;display:grid}.progress-row{align-items:center;gap:12px;width:100%;display:flex}.progress-bar{appearance:none;background:var(--color-surface-muted);width:100%;height:7px;color:var(--color-button);border:0;border-radius:20px;display:block;overflow:hidden}.progress-bar::-webkit-progress-bar{background:var(--color-surface-muted);border-radius:20px}.progress-bar::-webkit-progress-value{background:var(--color-button);border-radius:20px}.progress-bar::-moz-progress-bar{background:var(--color-button);border-radius:20px}.progress-ring{flex:none;place-items:center;width:152px;height:152px;display:grid;position:relative}.progress-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:9px}.ring-track{stroke:var(--color-surface-muted)}.ring-value{stroke:var(--color-button);stroke-linecap:round}.progress-ring strong{letter-spacing:-.04em;font-size:2.2rem}.metric{text-align:center;gap:6px;min-width:0;display:grid}.metric strong{font-size:1.5rem}.metric>span{color:var(--color-text-secondary);font-size:.8rem}.search-field{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:18px;align-items:center;gap:10px;padding:12px 16px;display:flex}.search-field input{width:100%;min-width:0;color:var(--color-text-primary);outline-offset:3px;background:0 0;border:0}.state-panel{text-align:center;justify-items:center;gap:16px;padding:28px;display:grid}.state-panel p{color:var(--color-text-secondary);max-width:42ch}.state-symbol{color:var(--color-accent)}.state-symbol .icon{width:40px;height:40px}.loading-topics{gap:16px;display:grid}.skeleton-row{background:var(--color-surface);border-radius:20px;gap:16px;padding:16px;display:flex}.skeleton-square{background:var(--color-surface-muted);border-radius:16px;width:72px;height:72px}.skeleton-lines{flex:1;gap:12px;padding:12px 0;display:grid}.skeleton-lines span{background:var(--color-surface-muted);border-radius:8px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}