.arcade-lobby,.arcade-player{max-width:1220px;margin:0 auto}.arcade-lobby .page-title{margin-bottom:28px}.arcade-hero{background:radial-gradient(at 88% 20%,#f7f1d4 0,#0000 45%),#e5efe7;border:1px solid #d5e5da;border-radius:23px;justify-content:space-between;margin-bottom:24px;padding:36px 40px;display:flex;position:relative;overflow:hidden}.arcade-hero-copy{z-index:1;max-width:610px;position:relative}.arcade-hero .eyebrow{color:#35694e;letter-spacing:.11em;align-items:center;gap:8px;font-size:10px;display:flex}.arcade-hero h2{letter-spacing:-.04em;margin:16px 0 10px;font-size:clamp(25px,2.5vw,36px)}.arcade-hero p{color:#536c5e;max-width:470px;margin-bottom:24px;font-size:14px;line-height:1.7}.arcade-hero-date{color:#536c5e;margin-top:14px;font-size:11px;display:block}.arcade-hero-art{width:260px;min-width:230px;margin-left:25px;position:relative}.arcade-orbit{border:1px dashed #9eb9a3;border-radius:50%;width:230px;height:230px;position:absolute;top:0;right:0;transform:rotate(-20deg)}.arcade-floating{border:1px solid #ffffffc9;border-radius:24px;justify-content:center;align-items:center;width:95px;height:95px;display:flex;position:absolute;box-shadow:0 12px #29453408,0 22px 30px #29453408}.arcade-floating.tile-a{color:#796594;background:#f2edf9;top:8px;left:0;transform:rotate(-13deg)}.arcade-floating.tile-b{color:#94603b;background:#fbefe0;top:70px;right:0;transform:rotate(13deg)}.arcade-floating.tile-c{color:#7c8850;background:#fffdf4;bottom:0;left:45px;transform:rotate(-6deg)}.arcade-star{color:#7b9d75;font-size:34px;position:absolute;top:-15px;right:32px}.arcade-settings{padding:23px 26px}.arcade-settings h2{font-size:17px}.arcade-settings .section-heading{margin-bottom:16px}.arcade-config-grid{grid-template-columns:1.35fr 1fr .8fr .8fr;gap:15px;display:grid}.arcade-config-grid label{color:var(--muted);font-size:11px}.arcade-config-grid select{min-width:0;margin-top:7px;font-size:12px}.arcade-settings .arcade-timer-toggle{cursor:pointer;flex-direction:row;align-items:center;gap:10px;width:fit-content;margin-top:12px;font-size:12px;display:flex}.arcade-timer-toggle input{width:17px;height:17px;margin:0}.arcade-heading{margin:31px 0 18px}.arcade-heading h2{font-size:21px}.arcade-heading>span{color:var(--muted);font-size:11px}.arcade-game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.arcade-game-card{background:var(--paper);flex-direction:column;padding:23px;transition:transform .2s,box-shadow .2s;display:flex}.arcade-game-card:hover{transform:translateY(-4px);box-shadow:0 9px 26px #293d3910}.arcade-card-top{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.arcade-game-icon{background:var(--lavender);color:#77618d;border-radius:17px;place-items:center;width:59px;height:59px;display:grid}.arcade-game-card.peach .arcade-game-icon{background:var(--warm-soft);color:#946140}.arcade-game-card.mint .arcade-game-icon{background:var(--primary-soft);color:var(--primary-dark)}.arcade-game-card.blue .arcade-game-icon{background:var(--blue-soft);color:#4b6c87}.arcade-card-number{color:#a4aea7;letter-spacing:-.05em;font-size:31px;font-weight:400}.arcade-game-card h3{letter-spacing:-.025em;margin:0 0 10px;font-size:20px}.arcade-game-card p{color:var(--muted);flex:1;margin:0 0 19px;font-size:12px;line-height:1.7}.arcade-card-meta{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:6px;margin-bottom:15px;padding-top:14px;font-size:10px;display:flex}.arcade-game-card>.button{justify-content:space-between;width:100%;margin-top:auto;font-size:12px}.arcade-game-card .game-best{color:var(--muted);margin:0 0 14px}.arcade-game-card .game-best strong{color:var(--primary-dark)}.arcade-game-card>small{color:var(--muted);margin-top:12px;line-height:1.5}.arcade-more{background:#f0f2eb;align-items:center;gap:20px;margin-top:25px;display:flex}.arcade-more>svg{color:#8a905c;flex-shrink:0}.arcade-more h3{font-size:16px}.arcade-more p{margin:5px 0 0;font-size:12px}.arcade-more>.button-row{flex-shrink:0;margin-left:auto}.arcade-more .button{font-size:11px}.arcade-dashboard-link{background:#f1eef5;border:1px solid #deddeb;border-radius:17px;align-items:center;gap:17px;margin:18px 0;padding:19px 22px;display:flex}.arcade-dashboard-link>span{color:#78628f}.arcade-dashboard-link>svg{flex-shrink:0;margin-left:auto}.arcade-dashboard-link strong{font-size:15px}.arcade-dashboard-link p{margin:4px 0 0;font-size:11px}.arcade-player{max-width:950px}.arcade-intro{text-align:center;max-width:680px;margin:auto;padding:45px 35px}.arcade-intro-icon,.arcade-result-trophy{color:#977130;background:#f5edda;border-radius:27px;place-items:center;width:90px;height:90px;margin:0 auto 24px;display:grid}.arcade-intro h2{margin-bottom:15px}.arcade-intro p{max-width:480px;margin:15px auto;line-height:1.8}.arcade-intro>.button{margin-top:17px}.arcade-hud{align-items:center;gap:20px;margin:24px 0 14px;font-size:12px;display:flex}.arcade-hud>span{align-items:center;gap:6px;display:flex}.arcade-hud>.button{margin-left:auto}.arcade-on-fire{color:#a3582b}.arcade-time-low{color:#a33e3e}.arcade-challenge{text-align:center;margin-top:22px;padding:30px}.arcade-challenge>.pill{margin:0 auto}.arcade-prompt{overflow-wrap:anywhere;max-width:700px;margin:30px auto;font-size:clamp(24px,3vw,35px);line-height:1.5}.arcade-challenge>p{font-size:13px}.arcade-options{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:25px 0;display:grid}.arcade-option{background:var(--paper);border:1px solid var(--line);border-bottom-width:3px;border-radius:13px;align-items:center;gap:13px;min-height:71px;padding:16px;font-size:15px;transition:border-color .15s,background .15s;display:flex}.arcade-option span{overflow-wrap:anywhere;flex:1}.arcade-option kbd{font:inherit;background:var(--surface-soft);width:24px;height:24px;color:var(--muted);border-radius:7px;flex-shrink:0;place-items:center;font-size:11px;display:grid}.arcade-option:hover:not(:disabled),.arcade-option.selected{border-color:var(--primary);background:var(--primary-soft)}.arcade-option.correct{color:#285c40;opacity:1;background:#edf6ef;border-color:#69a484}.arcade-option.wrong{color:#843e37;opacity:1;background:#fcf0ed;border-color:#c78072}.arcade-answer-tiles{background:#f8faf6;border:2px dashed #bfcfc3;border-radius:15px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:105px;margin:25px 0 17px;padding:20px 15px;display:flex}.arcade-answer-tiles>span{color:var(--muted);font-size:13px}.arcade-token-bank{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;min-height:68px;display:flex}.arcade-token{min-width:44px;min-height:46px;color:var(--ink);overflow-wrap:anywhere;background:#fff;border:1px solid #d9dfe4;border-bottom:3px solid #c8d4d1;border-radius:10px;max-width:100%;padding:11px 15px;font-size:17px;transition:transform .15s,background .15s}.arcade-token:hover:not(:disabled){border-color:var(--primary);transform:translateY(-2px)}.arcade-token.selected{background:#e8f0e6;border-color:#91b4a0}.arcade-token-bank .arcade-token:disabled{opacity:.23}.arcade-answer-tiles .arcade-token:disabled{opacity:1}.arcade-edit-tools{justify-content:center;margin:15px 0}.arcade-edit-tools .button{font-size:11px}.arcade-controls{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:25px;padding-top:21px;display:flex}.arcade-controls>.button:last-child{margin-left:auto}.arcade-controls .button{font-size:12px}.arcade-feedback{text-align:left;border-radius:13px;align-items:center;gap:16px;margin-top:25px;padding:20px;display:flex}.arcade-feedback.correct{color:#2f6141;background:#ebf4eb}.arcade-feedback.wrong{color:#7c4934;background:#fcf0e9}.arcade-feedback>div{flex:1;min-width:0}.arcade-feedback strong,.arcade-feedback span{overflow-wrap:anywhere;display:block}.arcade-feedback strong{font-size:14px}.arcade-feedback span{margin-top:7px;font-size:16px}.arcade-feedback .button{flex-shrink:0;font-size:12px}.arcade-hint{color:#79612f;background:#f9f2df;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}.arcade-hint>svg{flex-shrink:0}.arcade-listen{color:var(--primary);flex-direction:column;align-items:center;gap:18px;margin:29px 0;display:flex}.arcade-listen h2{color:var(--ink);font-size:22px}.arcade-listen .audio-button{width:62px;height:62px}.arcade-listen .button-row{align-items:center}.arcade-paused{min-height:390px;color:var(--primary);flex-direction:column;justify-content:center;align-items:center;gap:25px;display:flex}.arcade-keyboard{text-align:center;margin:18px auto;font-size:11px}.arcade-results{text-align:center;padding:35px}.arcade-results h2{margin:20px 0;font-size:32px}.arcade-result-grid{border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);margin:28px 0;display:grid;overflow:hidden}.arcade-result-grid>div{background:#f8faf6;flex-direction:column;align-items:center;gap:9px;padding:23px 10px;display:flex}.arcade-result-grid>div+div{border-left:1px solid var(--line)}.arcade-result-grid strong{font-size:30px}.arcade-result-grid span{color:var(--muted);font-size:11px}.arcade-result-grid svg{color:var(--primary)}.arcade-results .button-row,.game-start .button-row{justify-content:center;margin-top:20px}.arcade-results .helper{margin-top:24px;font-size:11px}.arcade-review{margin-top:22px}.arcade-review h2{margin-bottom:15px;font-size:20px}.arcade-review-row{border-top:1px solid var(--line);align-items:center;gap:15px;padding:17px 0;display:flex}.arcade-review-row>div{flex:1;min-width:0}.arcade-review-row strong,.arcade-review-row span,.arcade-review-row small{overflow-wrap:anywhere;display:block}.arcade-review-row strong{font-size:14px}.arcade-review-row span{font-size:13px}.arcade-review-row small{color:#8a5842;margin-top:5px}.arcade-correct-icon{color:#3e7c57}.arcade-wrong-icon{color:#b36b43}.arcade-pair-feedback{min-height:24px;margin:18px 0;font-size:13px}.match-tile.source{color:#785b37}.match-tile.target{color:#715588}.match-tile.matched{color:#376b46;opacity:.7}.match-tile.arcade-mismatch{background:#fcf0ed;border-color:#c87a6e}@media (max-width:1150px){.arcade-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-hero{padding:28px}.arcade-hero-art{transform-origin:100%;min-width:200px;transform:scale(.85)}.arcade-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arcade-more{flex-wrap:wrap}.arcade-more>.button-row{margin-left:50px}}@media (max-width:680px){.arcade-hero{min-height:280px;padding:25px}.arcade-hero-copy{max-width:100%}.arcade-hero-art{display:none}.arcade-hero h2{font-size:27px}.arcade-hero p{font-size:13px}.arcade-hero .eyebrow{font-size:9px}.arcade-settings{padding:19px}.arcade-settings .section-heading{flex-wrap:wrap;gap:8px}.arcade-settings .pill{font-size:9px}.arcade-config-grid{gap:12px}.arcade-config-grid select{min-height:44px;font-size:12px}.arcade-settings .arcade-timer-toggle{align-items:flex-start;font-size:11px;line-height:1.6}.arcade-timer-toggle input{flex-shrink:0}.arcade-game-grid{grid-template-columns:1fr;gap:14px}.arcade-game-card{padding:22px}.arcade-game-card h3{font-size:21px}.arcade-game-card p{font-size:13px}.arcade-game-card>.button{min-height:45px;font-size:13px}.arcade-heading>span{display:none}.arcade-card-top{margin-bottom:15px}.arcade-more{gap:13px;padding:22px}.arcade-more>.button-row{flex-wrap:wrap;margin:0}.arcade-more>svg{display:none}.arcade-hud{flex-wrap:wrap;gap:10px 13px;font-size:11px}.arcade-hud>.button{padding:8px;font-size:11px}.arcade-challenge{padding:22px 16px}.arcade-prompt{margin:25px 0;font-size:25px}.arcade-options{grid-template-columns:1fr}.arcade-option{min-height:63px;font-size:15px}.arcade-token{padding:10px 12px;font-size:16px}.arcade-controls{flex-wrap:wrap}.arcade-controls>.button:last-child{width:100%;margin:8px 0 0}.arcade-feedback{flex-wrap:wrap;padding:16px}.arcade-feedback .button{width:100%}.arcade-hint{flex-wrap:wrap}.arcade-results,.arcade-intro{padding:26px 18px}.arcade-result-grid strong{font-size:25px}.arcade-result-grid span{font-size:10px}.arcade-results h2{font-size:27px}.arcade-results .button-row{flex-wrap:wrap}.arcade-dashboard-link{gap:12px;padding:17px}.arcade-dashboard-link p{line-height:1.6}}@media (prefers-reduced-motion:reduce){.arcade-game-card,.arcade-token,.arcade-option{transition:none}.arcade-game-card:hover,.arcade-token:hover:not(:disabled){transform:none}}
.mobile-menu{color:var(--ink);background:0 0;border:0;padding:0}.mobile-menu::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#203c3659}.mobile-menu-content{background:var(--paper);flex-direction:column;min-height:100%;padding:24px 18px;display:flex}.mobile-app-teaser{border:1px solid var(--primary-line);background:var(--primary-soft);border-radius:16px;align-items:center;gap:14px;margin:18px 0;padding:18px;display:flex}.mobile-app-symbol{width:44px;height:44px;color:var(--primary);background:#fff;border-radius:13px;flex-shrink:0;place-items:center;display:grid}.mobile-app-teaser>span:nth-child(2){flex:1;min-width:0}.mobile-app-teaser strong,.mobile-app-teaser small{display:block}.mobile-app-teaser small{margin-top:3px;line-height:1.5}.mobile-app-teaser>svg{flex-shrink:0}.mobile-app-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;max-width:1000px;display:grid}.mobile-install-card{padding:32px}.mobile-app-icon{border-radius:20px;margin-bottom:24px;display:block}.mobile-install-card .eyebrow{color:var(--primary);margin-bottom:10px;display:block}.mobile-install-card>.button{margin-top:20px}.mobile-app-details{align-content:start;gap:24px;display:grid}.mobile-app-details .card>svg{color:var(--primary);margin-bottom:12px}.mobile-app-details .button{margin-top:20px}.mobile-install-help{background:var(--surface-soft);border-radius:16px;margin-top:24px;padding:20px}.mobile-install-help h3{align-items:center;gap:10px;display:flex}.mobile-install-help svg{flex-shrink:0}.mobile-install-help ol{margin:16px 0 0;padding-left:22px;list-style:decimal}.mobile-install-help li{margin-top:12px;padding-left:4px}.mobile-install-help li::marker{color:var(--primary);font-weight:700}.mobile-install-message:empty{display:none}.mobile-installed-status{color:var(--primary);align-items:center;gap:10px;margin-top:22px;display:flex}@media (max-width:850px){:root{--mobile-nav-height:calc(68px + env(safe-area-inset-bottom,0px))}html{scroll-padding-bottom:calc(var(--mobile-nav-height) + 20px)}body{font-size:15px}.sidebar{display:none}.mobile-menu{overscroll-behavior:contain;width:min(340px,90vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;position:fixed;inset:0 auto 0 0}.mobile-menu-content{padding-top:max(22px, env(safe-area-inset-top));padding-bottom:max(22px, env(safe-area-inset-bottom));padding-left:max(18px, env(safe-area-inset-left))}.mobile-menu .nav-item{height:auto;min-height:48px;padding-block:10px;font-size:14px}.mobile-menu .nav-item svg{flex-shrink:0}.mobile-menu .sidebar-logo{padding-bottom:24px}.mobile-menu .sidebar-bottom{padding-top:16px}.main-wrap{min-height:100dvh;padding-bottom:var(--mobile-nav-height)}.main-content{min-width:0;padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right))}.topbar{height:auto;min-height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(14px, env(safe-area-inset-right)) 0 max(14px, env(safe-area-inset-left));gap:10px}.topbar-actions{flex-shrink:0;gap:12px}.breadcrumb{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.topbar .avatar{width:44px;height:44px}.language-pill{justify-content:center;min-width:44px;min-height:44px}.topbar .top-stat.purple{display:none}.bottom-nav{height:var(--mobile-nav-height);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.bottom-nav>a,.bottom-nav>button{text-align:center;min-width:0;min-height:64px;color:var(--muted);background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 2px;font-size:11px;line-height:1.2;display:flex}.bottom-nav>.active{color:var(--primary-dark);font-weight:650}.bottom-nav>.active svg{stroke-width:2px;background:var(--primary-soft);box-shadow:0 0 0 5px var(--primary-soft);border-radius:5px}.app-footer{margin:0 18px;padding-bottom:20px}.toast{bottom:calc(var(--mobile-nav-height) + 14px);animation:none}body input,body select,body textarea{min-width:0;font-size:16px}.icon-button,.audio-button,.tone-chips .audio-button,.word-prompt>.audio-button{flex-shrink:0;min-width:44px;min-height:44px}.button,.button.small,.page-title>.button{min-height:44px}.word-row{grid-template-columns:minmax(0,1fr) 94px}.word-main,.word-meaning{overflow-wrap:anywhere;min-width:0}.word-actions{flex-wrap:wrap;gap:4px}.modal-backdrop{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.modal{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);overscroll-behavior:contain;padding:22px}.modal-actions{flex-wrap:wrap}.modal-actions .button{flex:1}.mobile-app-layout{grid-template-columns:1fr;gap:18px}.mobile-install-card{padding:24px}.mobile-app-details{gap:18px}.mobile-install-card>.button,.mobile-app-details .button{width:100%}.exercise-player>footer{bottom:var(--mobile-nav-height);z-index:5;background:var(--paper);position:sticky;box-shadow:0 -5px 20px #293d3908}.exercise-player>.correct-feedback{background:#edf5ec}.exercise-player>.incorrect-feedback{background:#faf0e7}.focus-player{padding-top:max(24px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));overflow-y:auto}.focus-player>footer{bottom:0}body:has(input:focus,textarea:focus,[contenteditable=true]:focus) .bottom-nav{display:none}body:has(input:focus,textarea:focus,[contenteditable=true]:focus) .exercise-player>footer{bottom:0}.auth-page,.onboarding,.loading-page{min-height:100dvh}.onboarding{padding-top:max(22px, env(safe-area-inset-top));padding-bottom:max(24px, env(safe-area-inset-bottom))}}@media (min-width:681px) and (max-width:850px){.word-row{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 80px 94px}}@media (max-width:680px){.arcade-more .button-row{flex-wrap:wrap;max-width:100%}.arcade-more .button-row .button{width:100%}.page-title p,.learn-hero p,.plan-text small,.stats-grid p,.word-main small,.word-meaning,.game-body p{font-size:12px}.learn-hero .button,.exercise-player>footer>.button,.game-body>.button{font-size:14px}.learn-hero-content{max-width:100%}.learn-hero .world-art{opacity:.35;pointer-events:none}.learn-hero p{max-width:250px}.answer-option>strong{overflow-wrap:anywhere;font-size:16px}.answer-option{min-width:0}.exercise-player>footer>div{width:100%;min-width:0}.exercise-player>footer>.button{flex-basis:100%}.word-meaning{color:var(--muted)}.dictionary-tools>.button{font-size:0}.two-fields>*,.feature-columns>*,.button-row>*,.card{min-width:0}.mobile-app-teaser{padding:14px}.onboarding main>footer{background:var(--bg);padding:16px 0 max(12px, env(safe-area-inset-bottom));z-index:2;position:sticky;bottom:0}}@media (max-width:360px){.main-content{padding-left:12px;padding-right:12px}.topbar-actions{gap:6px}.bottom-nav>a,.bottom-nav>button{font-size:10px}.answer-options,.dashboard-side{grid-template-columns:1fr}.mobile-install-card{padding:20px}.mobile-install-help{padding:16px}}
.app-shell{--bg:#faf9f4;--primary:#27786b;--primary-dark:#1e6258;--primary-soft:#e8f3e9;--line:#e6e9de;--shadow:0 3px 0 #324c3703, 0 8px 30px #324c3704;background:radial-gradient(ellipse at 90% 0, #e9f1df70, transparent 42%), var(--bg)}.app-shell .sidebar{background:#fffef9;border-right-color:#e6e9de}.app-shell .sidebar-logo{padding-top:3px}.app-shell .nav-item{border-radius:14px;transition:background .18s,transform .18s}.app-shell .nav-item>svg{color:#4c7f67;background:#edf2e7;border-radius:10px;flex-shrink:0;width:32px;height:32px;padding:6px}.app-shell .nav-item[href=\/speak]>svg,.app-shell .nav-item[href=\/plan]>svg,.app-shell .nav-item[href=\/progress]>svg{color:#af6740;background:#fbebda}.app-shell .nav-item[href=\/games]>svg,.app-shell .nav-item[href=\/conversation]>svg,.app-shell .nav-item[href=\/practice]>svg{color:#80669e;background:#efebf8}.app-shell .nav-item.active{box-shadow:none;color:#246a58;background:#e6f1e7}.app-shell .nav-item.active>svg{color:#fff;background:#27786b}.app-shell .topbar{background:#fffef9e8}.app-shell .top-stat{background:#fbefdf;border-radius:12px;padding:6px 10px}.app-shell .top-stat.purple{background:#eeebf6}.app-shell .button{border-radius:14px;min-height:46px}.app-shell .button.primary{box-shadow:0 4px #1b584f}.app-shell .button.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #1b584f}.app-shell .button.secondary{background:#fffefa;box-shadow:0 3px #e9e9dd}.app-shell .card{border-radius:23px}.app-shell .chip,.app-shell .filter-chips button{transition:background .18s,transform .18s}.app-shell .chip.selected{box-shadow:0 3px #afcdbb}.app-shell input,.app-shell textarea{background:#fffefa}.app-shell .empty{background:#f6f5eb;border:1px dashed #d5ddc8;border-radius:24px}.app-shell .page-title{align-items:flex-start;gap:20px;margin-bottom:26px}.page-title-content{min-width:0}.page-title-heading{align-items:center;gap:14px;display:flex}.area-icon{border-radius:18px 20px 16px 22px;flex-shrink:0;place-items:center;width:54px;height:54px;display:inline-grid;transform:rotate(-5deg)}.area-icon svg{transform:rotate(5deg)}.area-guide{max-width:670px;margin-top:11px;font-size:12px}.area-guide summary{cursor:pointer;width:fit-content;color:var(--primary);align-items:center;gap:6px;min-height:28px;padding:4px 0;font-weight:650;list-style:none;display:flex}.area-guide summary::-webkit-details-marker{display:none}.area-guide summary:after{content:"+";margin-left:4px;font-size:16px}.area-guide[open] summary:after{content:"−"}.area-guide-content{background:#edf3e6;border:1px solid #d9e5cc;border-radius:16px;margin-top:6px;padding:14px 18px}.area-guide-content p{color:#435d4d;margin:0;font-size:13px}.area-guide-content>div{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.area-guide-content a{color:var(--primary-dark);background:#fffef9;border-radius:10px;align-items:center;gap:9px;padding:8px 12px;font-weight:650;display:inline-flex}.learning-journey>.page-title h1{letter-spacing:-.055em;font-size:clamp(26px,2.6vw,37px)}.learning-journey>.page-title p{font-size:14px}.journey-overview{border:1px solid var(--line);background:#fffefb;border-radius:20px;align-items:center;gap:15px;padding:17px 20px;display:flex}.journey-compass{width:45px;height:45px;color:var(--primary);background:#edf3de;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.journey-overview-progress{flex:1;min-width:130px}.journey-overview-progress>strong{font-size:13px}.journey-overview-progress>div{align-items:center;gap:12px;margin-top:7px;display:flex}.journey-overview-progress .progress-track{background:#e9eee2;flex:1;min-width:45px;max-width:140px;height:7px}.journey-overview-progress small{font-size:11px}.journey-locate{color:var(--primary-dark);background:0 0;align-items:center;gap:7px;padding:10px 6px;font-size:12px;font-weight:650;display:inline-flex}.journey-view-switch{background:#f1f3e9;border-radius:12px;gap:3px;padding:4px;display:flex}.journey-view-switch button{color:#687768;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:650;display:inline-flex}.journey-view-switch button[aria-pressed=true]{color:#27654f;background:#fff;box-shadow:0 2px 5px #28492c0d}.journey-chapters{scrollbar-width:thin;scrollbar-color:#c9d9bc transparent;align-items:stretch;gap:10px;padding:20px 2px 17px;scroll-padding-inline:4px;display:flex;overflow-x:auto}.journey-chapters>button{text-align:left;color:#50614d;background:#fffefa;border:1px solid #e3e7d9;border-radius:17px;flex-shrink:0;align-items:center;gap:11px;min-width:190px;max-width:260px;padding:13px 18px 13px 12px;transition:background .2s,border-color .2s;display:flex}.journey-chapters>button[aria-pressed=true]{color:#294b39;background:#e6f0dc;border-color:#9cbd85}.journey-chapters>button>span:last-child{min-width:0}.journey-chapters small,.journey-chapters strong{display:block}.journey-chapters small{margin-bottom:3px;font-size:10px}.journey-chapters strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.journey-chapter-number{color:#58754e;background:#f0f2e8;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:11px;font-weight:750;display:grid}.journey-chapters>button[aria-pressed=true] .journey-chapter-number{color:#fff;background:#34765e}.journey-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:stretch;gap:19px;scroll-margin-top:90px;display:grid}.journey-world{background:#e6f3eb;border:1px solid #cedfd0;border-radius:27px;flex-direction:column;display:flex;position:relative;overflow:hidden}.journey-world-heading{z-index:1;justify-content:space-between;align-items:center;gap:15px;padding:25px 27px 0;display:flex}.journey-world-heading .eyebrow{color:#54805e;letter-spacing:.13em;font-size:9px}.journey-world-heading h2{margin-top:4px;font-size:22px}.journey-world-heading .pill{background:#ffffffb0;font-size:11px}.journey-map-hint{color:#627e6b;margin:7px 0 0;padding:0 27px;font-size:11px}.journey-stage{flex:1;width:100%;height:clamp(290px,29vw,400px);min-height:290px;position:relative}.journey-landscape,.journey-trail,.journey-stations{width:100%;height:100%;position:absolute;inset:0}.journey-landscape{object-fit:cover}.journey-trail{pointer-events:none;overflow:visible}.journey-trail path{fill:none;stroke:#fffdf0;stroke-width:10px;stroke-linecap:round;stroke-dasharray:3 16;filter:drop-shadow(0 2px #a1ba7970)}.journey-station{z-index:1;color:#334c3c;background:0 0;flex-direction:column;align-items:center;width:64px;height:64px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.journey-station-disc{background:#fffdf0;border:4px solid #fff;border-radius:50%;flex-shrink:0;place-items:center;width:64px;height:64px;transition:transform .2s,box-shadow .2s;display:grid;position:relative;box-shadow:0 5px #c4cda6,0 8px 14px #345e4820}.journey-station-disc>span:first-child{font-size:28px}.journey-station.is-done .journey-station-disc{background:#e0efe0;box-shadow:0 5px #8ab990,0 8px 14px #345e4820}.journey-station[aria-pressed=true] .journey-station-disc{background:#ffdda1;border-color:#fff7d3;transform:translateY(-4px);box-shadow:0 5px #d5a357,0 0 0 5px #f3ba5840,0 9px 18px #80673925}.journey-station-badge{color:#5b6849;background:#f7f4dd;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:750;display:grid;position:absolute;bottom:-5px;right:-6px}.journey-station.is-done .journey-station-badge{color:#fff;background:#347a5f}.journey-station-name{text-align:center;background:#fffef4e8;border-radius:8px;flex-shrink:0;width:max-content;max-width:142px;margin-top:10px;padding:6px 9px;font-size:11px;line-height:1.4;display:block;box-shadow:0 2px #b4c7a530}.journey-you{color:#fff;background:#34765e;border-radius:5px;flex-shrink:0;width:max-content;max-width:145px;margin-top:5px;padding:3px 7px;font-size:9px;font-weight:700;display:block}.journey-station:focus-visible{outline:none}.journey-station:focus-visible .journey-station-disc{outline-offset:7px;outline:3px solid #214f48}.journey-world-footer{justify-content:space-between;align-items:center;gap:5px;padding:4px 12px 12px;display:flex}.journey-world-footer>span{color:#536c59;align-items:center;gap:7px;font-size:10px;display:flex}.journey-world-footer .button{background:#ffffff80;min-width:40px;min-height:40px;padding:8px}.journey-legend-dot{background:#528b69;border-radius:50%;flex-shrink:0;width:7px;height:7px}.journey-legend-dot.open{background:#d6aa61;margin-left:8px}.journey-peek{background:#fffef9;border:1px solid #e5e5d5;border-radius:25px;flex-direction:column;min-width:0;padding:27px 23px 20px;display:flex;box-shadow:0 5px #ececdf50}.journey-peek-emoji{background:#f5edda;border-radius:22px;place-items:center;width:65px;height:65px;margin-bottom:18px;font-size:34px;display:grid;transform:rotate(-6deg)}.journey-peek .pill{color:#558160;background:#edf4e7;font-size:9px}.journey-peek h2{margin-top:12px;font-size:24px}.journey-peek p{font-size:12px}.journey-peek-meta{color:#6c7b6a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px;margin:17px 0;font-size:11px;display:flex}.journey-peek-meta .lesson-stars{gap:2px;margin:0}.journey-peek-meta .lesson-stars svg{width:16px;height:16px}.journey-taster{background:#f5f5eb;border:1px dashed #d9dfc8;border-radius:17px;margin:auto 0 22px;padding:16px 14px}.journey-taster .eyebrow{color:#7b8668;font-size:8px}.journey-taster-word{justify-content:space-between;align-items:center;gap:8px;margin:12px 0;display:flex}.journey-taster-word>strong{overflow-wrap:anywhere;font-size:24px;line-height:1.3}.journey-reveal{color:#537347;background:#e9eedb;border:1px dashed #bfcdb0;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:40px;padding:8px;font-size:10px;font-weight:650;display:flex}.journey-reveal.revealed{background:#fffef8;border-style:solid;font-size:14px}.journey-peek>.button{width:100%}.journey-peek-note{text-align:center;margin-top:15px;font-size:10px;line-height:1.6;display:block}.journey-back-to-map{display:none}.journey-bottom{color:#708168;justify-content:space-between;align-items:center;gap:15px;padding:17px 3px;font-size:11px;display:flex}.journey-bottom>span{align-items:center;gap:8px;display:flex}.journey-bottom .text-link{flex-shrink:0;padding:10px 0;font-size:11px}.journey-next-step.path-next-step{background:#f3eddf;border:1px solid #e7dec8;border-radius:22px;margin:7px 0 20px;padding:19px 25px}.journey-next-icon{background:#fffdf4;border-radius:15px;flex-shrink:0;place-items:center;width:47px;height:47px;font-size:26px;display:grid}.journey-next-step>div{flex:1}.journey-next-step .eyebrow{color:#967541;font-size:9px}.journey-next-step h3{margin-top:3px}.journey-next-step .button{color:#655231;background:#fffdf7;border:1px solid #e7dac0;box-shadow:0 3px #e0d5bc}.journey-search{align-items:center;gap:12px;margin:24px 0;display:flex}.journey-search input{background:#fffef9;margin:0!important}.journey-library .lesson-card{background:#fffef9;border-radius:23px}.journey-library .lesson-card.is-next{background:#eef5e7}.journey-finished{color:#8a682b;background:#f9edce;border-radius:20px;align-items:center;gap:15px;padding:22px;display:flex}.learning-compass{background:#fffef9;border:1px solid #e4e4d5;border-radius:24px;margin-top:22px;padding:23px}.learning-compass h2{font-size:19px}.learning-compass .section-heading p{margin-top:5px;font-size:12px}.compass-spark{color:#b39755;flex-shrink:0}.compass-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:20px;display:grid}.compass-choices button{color:#5f7557;background:#fafbf3;border:1px solid #e3e5d8;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:83px;padding:17px 7px;font-size:11px;font-weight:650;line-height:1.4;transition:background .18s,transform .18s,box-shadow .18s;display:flex}.compass-choices button:nth-child(2){color:#50738c;background:#eef3f7}.compass-choices button:nth-child(3){color:#a77450;background:#fff0e4}.compass-choices button:nth-child(4){color:#806c9a;background:#f1edf8}.compass-choices button[aria-pressed=true]{border-color:currentColor;transform:translateY(-2px);box-shadow:0 3px}.compass-recommendation{border-top:1px solid #e8e9dd;align-items:center;gap:14px;margin-top:16px;padding:17px 0 0;display:flex}.compass-recommendation>div{flex:1;min-width:0}.compass-recommendation strong{font-size:13px}.compass-recommendation p{margin-top:3px;font-size:11px}.compass-recommendation .button{flex-shrink:0;padding:10px 14px;font-size:11px}.compass-emoji{font-size:30px}.discovery-filters{flex-wrap:wrap;gap:10px;margin:12px 0 25px;display:flex}.discovery-filters button{color:#65745a;background:#fffef9;border:1px solid #e0e5d4;border-radius:16px;align-items:center;gap:9px;padding:13px 18px;font-size:12px;font-weight:650;display:flex}.discovery-filters button>span{font-size:18px}.discovery-filters button[aria-pressed=true]{color:#385f3c;background:#e9f2dc;border-color:#a3bf8b;box-shadow:0 3px #b7cea1}.discovery-grid .discovery-card{background:#f0f4e7;border-color:#dce5cd;min-height:224px;padding:25px;position:relative;overflow:hidden}.discovery-grid .discovery-card:after{content:"";pointer-events:none;border:24px solid #ffffff45;border-radius:50%;width:140px;height:140px;position:absolute;top:-35px;right:-25px}.discovery-grid .discovery-tone-1{background:#fbefe0;border-color:#ede0ca}.discovery-grid .discovery-tone-2{background:#f0edf7;border-color:#e1dcee}.discovery-grid .discovery-tone-3{background:#eaf2f5;border-color:#d6e4e8}.discovery-card .stat-icon{color:#5a7854;background:#fffefa;border-radius:18px;width:53px;height:53px;transform:rotate(-5deg);box-shadow:0 3px #798e5010}.discovery-card .stat-icon svg{transform:rotate(5deg)}.discovery-card h2{margin-top:19px;font-size:18px;position:relative}.discovery-card p{font-size:12px;position:relative}.discovery-card>svg:last-child{background:#fffef9;border-radius:50%;width:32px;height:32px;padding:7px}.daily-quest-list{position:relative}.daily-quest{position:relative;overflow:hidden;background:#f0f5e8!important;border-color:#dce6cf!important;padding-right:100px!important}.daily-quest.quest-1{background:#fcf0de!important;border-color:#eadfc9!important}.daily-quest.quest-2{background:#f0edf8!important;border-color:#e0daec!important}.daily-quest-art{filter:drop-shadow(0 6px #527b3a10);font-size:44px;position:absolute;top:30px;right:24px;transform:rotate(-10deg)}.daily-quest h2{margin-top:12px}.daily-quest p{margin-bottom:16px}.discovery-collection{background:#fffef9;border:1px solid #e4e7d8;border-radius:24px;margin-bottom:25px;padding:24px}.discovery-collection h2{font-size:19px}.discovery-collection p{font-size:12px}.discovery-badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:20px;display:grid}.discovery-badge{background:#f4f3e9;border:1px dashed #dcdcca;border-radius:19px;align-items:center;gap:15px;padding:18px;display:flex}.discovery-badge>span{opacity:.6;font-size:35px}.discovery-badge.earned{background:#eef4de;border:1px solid #cfdeb4}.discovery-badge.earned>span{opacity:1}.discovery-badge strong{font-size:12px;display:block}.discovery-badge small,.discovery-badge p{margin-top:2px;font-size:10px}.discovery-badge>svg{color:#548251;flex-shrink:0}.app-shell .learn-hero{background:linear-gradient(120deg,#eaf1df,#f4edda);border-color:#dbe2cd;border-radius:26px}.app-shell .plan-row{background:#fffef9;border-radius:18px}.app-shell .word-day-card{background:#f7efd9;border-color:#eadebf}.app-shell .week-card{background:#fbfaf2}.word-treasure{background:#eef3e3;border:1px solid #dce5cd;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:22px;display:flex}.word-treasure-intro{align-items:center;gap:14px;display:flex}.word-treasure-intro>span{font-size:30px}.word-treasure h2{font-size:17px}.word-treasure p{margin-top:4px;font-size:12px}.word-treasure-play{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.word-flip{color:#345c4b;background:#fffef9;border:1px solid #d6dfc3;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;min-width:150px;max-width:290px;min-height:72px;padding:16px 20px;transition:background .2s,transform .2s;display:flex;box-shadow:0 4px #d5ddbf}.word-flip strong{overflow-wrap:anywhere;font-size:22px}.word-flip svg{flex-shrink:0}.word-flip.is-revealed{background:#f9eac5;transform:rotate(-2deg)}.word-treasure-play>.text-link{min-height:44px}.practice-quick-start{background:#f0f4e5;border:1px solid #dce4ce;border-radius:23px;align-items:center;gap:19px;margin-bottom:24px;padding:23px;display:flex}.practice-quick-start>span{font-size:33px}.practice-quick-start>div:first-of-type{flex:1}.practice-quick-start h2{font-size:20px}.practice-quick-start p{margin-top:4px;font-size:12px}.practice-quick-start>div:last-child{align-items:center;gap:12px;display:flex}.app-shell .tone-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .tone-chips>div{min-width:0}.app-shell .tone-chips .learning-audio-controls{justify-content:center;max-width:100%}.app-shell .tone-chips .learning-audio-controls>.button{max-width:100%;padding-inline:4px;font-size:10px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.app-shell .nav-item:hover{transform:translate(3px)}.app-shell a.feature-card:hover,.app-shell a.lesson-card:hover,.discovery-badge:hover{transform:translateY(-4px);box-shadow:0 9px 20px #334b3710}.journey-station:hover .journey-station-disc{transform:translateY(-7px)rotate(-5deg)}.journey-chapters>button:hover{background:#edf3e1}.compass-choices button:hover{transform:translateY(-4px)}}@media (prefers-reduced-motion:no-preference){.journey-cloud{animation:8s ease-in-out 2 alternate journey-drift}.journey-peek-heading{animation:.25s ease-out journey-enter}}@keyframes journey-drift{to{transform:translate(9px)}}@keyframes journey-enter{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){.journey-layout{grid-template-columns:minmax(0,1fr) 330px}.journey-peek{padding:32px}}@media (max-width:1200px){.word-treasure,.practice-quick-start,.journey-overview{flex-wrap:wrap}.journey-view-switch{margin-left:auto}.journey-layout{grid-template-columns:minmax(0,1fr) 255px;gap:13px}.journey-world-heading{padding:22px 19px 0}.journey-map-hint{padding-inline:19px}.journey-station,.journey-station-disc{width:54px;height:54px}.journey-station-name{max-width:103px;font-size:10px}.journey-you{font-size:8px}.journey-peek{padding:22px 18px}.journey-peek h2{font-size:21px}.discovery-badges{gap:8px}.discovery-badge{gap:10px;padding:12px}}@media (max-width:1000px) and (min-width:851px){.journey-layout{grid-template-columns:minmax(0,1fr)}.journey-peek{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.journey-peek-heading{grid-row:span 2}.journey-peek-emoji{float:left;margin-right:15px}.journey-peek-meta,.journey-taster{margin:0}.journey-peek-note{align-self:center;margin:0}}@media (max-width:850px){.app-shell .main-content{padding-top:24px}.app-shell .page-title h1{font-size:27px}.app-shell .sidebar-logo{padding-top:0}.area-guide summary{min-height:36px}.journey-layout{grid-template-columns:minmax(0,1fr) 250px}.journey-view-switch button{min-height:40px}.journey-bottom{flex-wrap:wrap}.journey-next-step.path-next-step{flex-direction:row;align-items:center}.journey-chapters>button{min-width:180px}.discovery-badges{grid-template-columns:1fr}.discovery-badge{padding:15px}.discovery-badge>div{flex:1}}@media (max-width:650px){.word-treasure{gap:18px;padding:19px}.word-treasure-play{gap:12px;width:100%}.word-flip{flex:1;min-width:0;max-width:100%}.word-treasure-play>.text-link{margin-left:auto}.practice-quick-start{gap:13px;padding:19px}.practice-quick-start>div:last-child{flex-wrap:wrap;width:100%}.practice-quick-start .button{width:100%}.app-shell .number-options{flex-wrap:wrap}.app-shell .page-title h1,.learning-journey>.page-title h1{font-size:26px}.app-shell .page-title{gap:12px}.page-title-heading{gap:10px}.area-icon{border-radius:15px;width:44px;height:44px}.area-icon svg{width:22px}.learning-journey .page-title{flex-direction:column}.learning-journey .page-title>.pill{align-self:flex-start}.journey-overview{gap:11px;padding:14px}.journey-compass{width:36px;height:36px}.journey-overview-progress{flex-basis:calc(100% - 50px)}.journey-locate{min-height:44px;font-size:11px}.journey-view-switch{width:100%;margin-left:0}.journey-view-switch button{flex:1;font-size:12px}.journey-chapters{margin-right:-2px}.journey-layout{grid-template-columns:minmax(0,1fr)}.journey-world-heading h2{font-size:22px}.journey-stage{min-height:290px}.journey-station,.journey-station-disc{border-width:3px;width:50px;height:50px}.journey-station-disc>span:first-child{font-size:24px}.journey-station-name{max-width:90px;padding:5px;font-size:10px}.journey-peek{padding:22px;scroll-margin-top:80px}.journey-back-to-map{justify-content:center;min-height:44px;margin-top:13px;padding:10px;display:flex}.journey-peek-emoji{float:left;width:55px;height:55px;margin:0 16px 10px 0;font-size:29px}.journey-peek h2{font-size:23px}.journey-peek-heading>p{clear:both;padding-top:7px}.journey-taster{margin-top:0}.journey-next-step.path-next-step{flex-wrap:wrap;gap:13px;padding:18px}.journey-next-step>.button{width:100%}.journey-next-step h3{font-size:16px}.journey-world-footer>span{gap:5px;font-size:9px}.journey-bottom{gap:4px;font-size:11px}.learning-compass{padding:20px 16px}.learning-compass h2{font-size:20px}.compass-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.compass-choices button{text-align:left;flex-direction:row;gap:9px;min-height:62px;padding:13px 9px;font-size:12px}.compass-choices button svg{flex-shrink:0}.compass-recommendation{flex-wrap:wrap;gap:11px}.compass-recommendation .button{width:100%;margin-top:3px}.discovery-filters{gap:8px}.discovery-filters button{min-height:46px;padding:10px 12px;font-size:11px}.daily-quest{padding-right:70px!important}.daily-quest-art{font-size:30px;right:18px}.discovery-collection{padding:20px}.discovery-collection .section-heading{flex-wrap:wrap;gap:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-shell *,.app-shell :before,.app-shell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}