.learning-app[data-screen=languages]{background:var(--canvas);padding-bottom:0;overflow-x:clip}.learning-app[data-screen=languages] .learning-main{width:100%;max-width:none;padding-top:0}.welcome-scene{--globe-context:#8995a1;--globe-selected:#477c73;--globe-ocean:#fff;--globe-shade:#d6dde4;--globe-edge:#b3bdc7;--globe-land:#b3bdc7;--globe-border:#f3f5f7;min-height:100svh;position:relative;overflow:clip}:root[data-theme=amoled] .welcome-scene{--globe-context:#94a0ad;--globe-selected:#94bdb3;--globe-ocean:#13181e;--globe-shade:#050608;--globe-edge:#526170;--globe-land:#778491;--globe-border:#13181e}.welcome-scene ::selection{color:var(--selection-ink);background:var(--selection)}.welcome-form{grid-template-columns:minmax(320px,410px) minmax(0,1fr);min-height:100svh;padding-left:clamp(48px,7vw,160px);display:grid}.welcome-controls{z-index:1;align-self:center;padding-block:80px;position:relative}.welcome-controls:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg, var(--canvas) 55%, transparent);position:absolute;inset:-80px -100px -80px -160px}[data-question]{min-height:360px;position:relative}.learning-main .welcome-scene h1{letter-spacing:-.03em;text-wrap:balance;max-width:17ch;margin:0 0 32px;font-size:clamp(2.3rem,3.1vw,2.8rem);line-height:1.08}.welcome-scene h1:focus{outline:none}.welcome-search{width:100%;display:block;position:relative}.welcome-search>svg{color:var(--muted);pointer-events:none;position:absolute;top:14px;left:14px}.welcome-scene .welcome-search input{border-color:var(--control-line);background:var(--surface-subtle);width:100%;min-height:48px;padding:10px 14px 10px 42px;font-size:1rem}.welcome-options{border:0;flex-wrap:wrap;gap:8px;margin:16px -4px 0;padding:4px;display:flex}.welcome-options[data-scroll=true]{scrollbar-width:thin;overscroll-behavior:contain;max-height:164px;overflow-y:auto}.welcome-scene label.welcome-language-option{border:1px solid var(--control-line);cursor:pointer;border-radius:24px;align-items:center;gap:8px;min-height:42px;padding:9px 12px;font-size:.95rem;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.welcome-language-option:hover{background:var(--surface-hover)}.welcome-scene .welcome-language-option:has(:checked){background:var(--accent-soft);border-color:var(--accent)}.welcome-language-option input,.welcome-course input{width:16px;height:16px;min-height:16px;accent-color:var(--accent);flex-shrink:0;margin:0;padding:0}.welcome-no-results{color:var(--muted);margin-block:8px;font-size:1rem}.welcome-back.text-button{width:44px;height:44px;color:var(--muted);place-items:center;padding:0;display:grid;position:absolute;top:-54px;left:-10px}.welcome-back svg{rotate:180deg}.welcome-courses{border:0;gap:12px;margin:0;padding:0;display:grid}.welcome-scene .welcome-courses label.welcome-course{border:1px solid var(--control-line);cursor:pointer;border-radius:12px;grid-template-columns:32px minmax(0,1fr) 16px;align-items:center;gap:14px;min-height:64px;padding:16px 18px;font-size:1.125rem;font-weight:500;display:grid}.welcome-course .language-flag{width:32px;height:22px}.welcome-courses .welcome-course:has(:checked){border-color:var(--accent);background:var(--accent-soft)}.welcome-course:hover{background:var(--surface-hover)}.welcome-summary{font-variant-numeric:tabular-nums;min-height:102px;padding-top:24px}.welcome-people{font-size:1.125rem}.welcome-people strong{letter-spacing:-.025em;font-size:clamp(1.75rem,2.4vw,2rem);font-weight:650}.welcome-proportions{color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin:4px 0 0;font-size:.875rem;display:flex}.welcome-status{max-width:36ch;color:var(--muted);margin:4px 0;font-size:1rem}.welcome-status .text-button{padding-inline:0;display:block}.welcome-actions{width:100%;padding-top:20px}.welcome-actions .primary-button{justify-content:center;gap:12px;width:100%;min-height:54px}.welcome-save-error{color:var(--attention);font-size:.875rem}.reach-map{min-height:100svh;position:absolute;inset:0;overflow:hidden}.reach-globe{width:100%;height:100svh}.reach-globe[data-interactive]{cursor:grab;touch-action:pan-y pinch-zoom}.reach-globe[data-dragging]{cursor:grabbing}.reach-globe:focus-visible{outline-offset:-8px;border-radius:12px}.reach-globe canvas,.reach-globe>svg{width:100%;height:100%;display:block}.reach-globe>svg{object-fit:cover}.reach-globe .globe-sphere{fill:var(--globe-ocean)}.reach-globe path:not(.globe-sphere){fill:var(--globe-land);stroke:var(--globe-border);stroke-width:.6px}.welcome-scene[data-step=spoken] .reach-globe path[data-layer=known],.reach-globe path[data-layer=target],.reach-globe path[data-layer=both]{fill:var(--globe-selected)}@media (width<=1100px) and (width>=901px){.welcome-form{grid-template-columns:350px minmax(0,1fr);padding-left:40px}}@media (width<=900px){.welcome-form{flex-direction:column;padding-left:0;display:flex}.welcome-controls{width:min(100% - 40px,480px);padding-block:44px 0}.welcome-controls:before{content:none}[data-question]{min-height:300px}.learning-main .welcome-scene h1{max-width:17ch;margin-bottom:24px;font-size:2.15rem}.welcome-back.text-button{top:-38px}.welcome-options{gap:6px;margin-top:12px}.welcome-scene label.welcome-language-option{gap:6px;padding:8px 10px;font-size:.95rem}.welcome-courses{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.welcome-scene .welcome-courses label.welcome-course{grid-template-columns:28px minmax(0,1fr) 16px;gap:8px;min-height:60px;padding:12px;font-size:1rem}.welcome-course .language-flag{width:28px;height:20px}.welcome-summary{min-height:84px;padding-top:14px}.welcome-proportions{gap:4px 12px;font-size:.875rem}.welcome-actions{padding-top:12px}.reach-map{flex:1;width:100%;min-height:330px;margin-top:12px;position:relative;inset:auto}.reach-globe{height:max(330px,100svh - 514px)}}@media (width<=350px){.welcome-controls{width:calc(100% - 32px)}.learning-main .welcome-scene h1{font-size:2rem}[data-question]{min-height:310px}.welcome-scene label.welcome-language-option{font-size:.875rem}.welcome-scene .welcome-courses label.welcome-course{gap:6px;padding:10px 8px;font-size:.95rem}.welcome-proportions{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.welcome-language-option{transition-duration:80ms}}
