@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.04o39dzmj.ey..woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e629b5bc06499d58-s.0b_~8bw~gzh90.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a099d89ee94ee96-s.0_qb~~5cn13jl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.0eehd8tgys7nv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.04o39dzmj.ey..woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e629b5bc06499d58-s.0b_~8bw~gzh90.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1a099d89ee94ee96-s.0_qb~~5cn13jl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.0eehd8tgys7nv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.04o39dzmj.ey..woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e629b5bc06499d58-s.0b_~8bw~gzh90.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.0_qb~~5cn13jl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.0eehd8tgys7nv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_c4bc85bc-module__O3mClW__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_c4bc85bc-module__O3mClW__variable{--font-headline:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/53e45098eac42afb-s.0l2qk94b1u89y.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/85ea1b3aadcead52-s.01rdcbu-77uoy.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3c285486269019b7-s.p.0sn2213rkw2e_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/625a092f804baad3-s.0mrp_qm_8jqq_.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6afabefbb32d7517-s.05-22z7vt.jl1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a4f4f75ad654963f-s.p.0h6jagi-ln9qy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a3bcb02a0e9e5d11-s.0p40-daftjh_g.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b35fd19aef91b293-s.07en.a1_ufzzv.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(../media/8f46d218c8f79e34-s.p.0xhl7b6zs4.~j.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro Fallback;src:local(Arial);ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.0%;size-adjust:110.36%}.be_vietnam_pro_b1e6aac3-module__4gulYW__className{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.be_vietnam_pro_b1e6aac3-module__4gulYW__variable{--font-body:"Be Vietnam Pro", "Be Vietnam Pro Fallback"}
:root{--background:#fff4f1;--surface:#fff4f1;--surface-low:#ffede8;--surface-card:#ffdcd0;--surface-strong:#fff;--surface-glass:#ffffffbd;--text:#422820;--text-soft:#74544a;--primary:#386631;--primary-dark:#2d5927;--primary-soft:#b9eeab;--secondary:#f7c06d;--secondary-dark:#7f5200;--tertiary:#5fb7ff;--danger:#b92902;--danger-soft:#b929021a;--shadow:0 24px 60px #42282014;--shadow-soft:0 14px 32px #4228200f;--radius-card:32px;--radius-pill:999px}*{box-sizing:border-box}html{background:var(--background)}body{min-height:100vh;font-family:var(--font-body), sans-serif;color:var(--text);background:radial-gradient(circle at top, #ffffff80, transparent 32%), linear-gradient(180deg, #fff9f7 0%, var(--background) 18%, #fff0ea 100%);margin:0}button,input,textarea{font:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.7;transform:none}a{color:inherit;text-decoration:none}.app-shell{justify-content:center;min-height:100vh;padding:0 0 112px;display:flex}.mobile-frame{width:min(100%,430px);min-height:100vh;position:relative}.top-bar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#fff4f1f5 0%,#fff4f1b3 72%,#fff4f100 100%);justify-content:space-between;align-items:center;padding:16px 18px 8px;display:flex;position:sticky;top:0}.top-actions{align-items:center;gap:10px;display:flex}.icon-button,.avatar-chip{background:var(--surface-strong);width:42px;height:42px;box-shadow:var(--shadow-soft);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.avatar-chip{border:2px solid #38663133;font-size:1.25rem}.auth-pill{min-height:42px;box-shadow:var(--shadow-soft);color:var(--text);font-family:var(--font-headline), sans-serif;background:#ffffffe0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.9rem;font-weight:800;display:inline-flex}.auth-pill.connected{color:#2d5927;background:#b9eeabeb}.account-banner{box-shadow:var(--shadow-soft);color:var(--text-soft);background:#ffffffd6;border-radius:22px;justify-content:space-between;align-items:center;gap:12px;margin:0 18px 6px;padding:12px 16px;display:flex}.account-banner strong{color:var(--text);display:block}.account-banner.error{color:var(--danger);background:#ffe1dceb}.account-banner.notice{color:#2d5927;background:#e1f7daf0}.verification-banner{box-shadow:var(--shadow-soft);color:#7f5200;background:#fff1ccf5;border-radius:22px;flex-direction:column;gap:12px;margin:0 18px 6px;padding:14px 16px;display:flex}.verification-banner strong{color:#6f4700;display:block}.verification-actions{flex-wrap:wrap;gap:10px;display:flex}.auth-mode-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.auth-mode-pill{min-height:48px;color:var(--text);font-family:var(--font-headline), sans-serif;background:#ffd8ce8c;border-radius:999px;padding:0 14px;font-size:.94rem;font-weight:800}.auth-mode-pill.active{color:#2d5927;background:#b9eeabeb}.auth-provider-button{width:100%;min-height:56px;box-shadow:var(--shadow-soft);color:var(--text);font-family:var(--font-headline), sans-serif;background:#fffffff0;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:14px;padding:0 18px;font-size:.98rem;font-weight:800;display:inline-flex}.auth-divider{color:var(--text-soft);align-items:center;gap:12px;margin:18px 0 14px;font-size:.9rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#74544a2e;flex:1;height:1px}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form .primary-cta{width:100%;margin-top:4px}.auth-input{width:100%;min-height:56px;color:var(--text);background:#ffffffdb;border:2px solid #0000;border-radius:22px;padding:0 18px;box-shadow:inset 0 0 0 1px #42282014}.auth-input:focus{border-color:#3866314d;outline:none;box-shadow:inset 0 0 0 1px #38663129,0 0 0 4px #38663114}.auth-note{color:var(--text-soft);margin:14px 0 0;font-size:.92rem;line-height:1.45}.auth-screen-brand{padding:12px 4px 14px}.auth-screen-brand-name{color:var(--primary-dark);font-family:var(--font-headline), sans-serif;letter-spacing:-.06em;margin:0;font-size:clamp(2.4rem,9vw,3.3rem);font-weight:800;line-height:.92}.text-action{color:var(--primary-dark);font-family:var(--font-headline), sans-serif;align-self:flex-start;padding:4px 2px;font-size:.88rem;font-weight:800}.page-content{padding:0 18px 24px}.app-page-content,.auth-page-content,.tab-page{width:100%}.eyebrow{font-family:var(--font-headline), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--secondary-dark);margin:0 0 8px;font-size:.72rem;font-weight:800}.page-title,.hero-title,.section-title,.word-title{font-family:var(--font-headline), sans-serif;letter-spacing:-.04em;margin:0;font-weight:800}.page-title{font-size:2.25rem;line-height:.95}.section-title{font-size:1.35rem}.hero-card,.panel,.topic-card,.badge-card,.lesson-card,.stat-card{border-radius:var(--radius-card);box-shadow:var(--shadow)}.hero-card{background:linear-gradient(160deg, #ffffff3d, transparent 56%), linear-gradient(180deg, #81a47929, #38663105), var(--surface-low);min-height:212px;padding:28px;position:relative;overflow:hidden}.hero-card:before{content:"";background:linear-gradient(160deg,#3866311f,#38663105);border-radius:38% 62% 58% 42%;width:180px;height:180px;position:absolute;inset:auto -40px -50px auto}.hero-landscape{opacity:.16;background:linear-gradient(#0000 22%,#3866312e),radial-gradient(circle at 20% 20%,#38663129,#0000 34%),radial-gradient(circle at 70% 30%,#5fb7ff2e,#0000 28%);position:absolute;inset:0}.hero-copy{z-index:1;width:64%;position:relative}.hero-title{margin-bottom:12px;font-size:2.25rem;line-height:.92}.hero-text,.section-subtitle,.muted-text{color:var(--text-soft);line-height:1.45}.scout-mascot,.mini-mascot{box-shadow:var(--shadow-soft);border-radius:26px;justify-content:center;align-items:center;display:inline-flex}.scout-mascot{background:linear-gradient(#123523,#0e191f);width:118px;height:118px;font-size:4rem;position:absolute;bottom:18px;right:22px}.mini-mascot{background:linear-gradient(#ffe4b3,#ffd28f);width:64px;height:64px;font-size:2rem}.progress-block{margin-top:18px}.progress-header,.section-header,.metric-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.progress-track{border-radius:var(--radius-pill);background:#ffd7cccc;height:48px;margin-top:10px;position:relative;overflow:hidden}.progress-fill{border-radius:var(--radius-pill);background:linear-gradient(180deg, var(--primary), var(--primary-dark));position:absolute;inset:4px auto 4px 4px}.progress-token{width:34px;height:34px;box-shadow:var(--shadow-soft);background:#ffe9bf;border:3px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.cta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.primary-cta,.secondary-cta,.ghost-cta{border-radius:var(--radius-pill);min-height:58px;font-family:var(--font-headline), sans-serif;justify-content:center;align-items:center;gap:10px;font-weight:800;transition:transform .2s,filter .2s,box-shadow .2s;display:inline-flex}.primary-cta:hover,.secondary-cta:hover,.ghost-cta:hover{transform:translateY(-1px)}.primary-cta{background:linear-gradient(180deg, var(--primary), var(--primary-dark));color:#f1ffe8;box-shadow:0 14px 28px #38663138}.secondary-cta{background:var(--surface-card);color:var(--text);box-shadow:var(--shadow-soft)}.ghost-cta{color:var(--text);box-shadow:var(--shadow-soft);background:#ffffffb3}.primary-cta.compact,.secondary-cta.compact,.ghost-cta.compact{min-height:44px;padding:0 16px;font-size:.9rem}.cta-stack{flex-direction:column;gap:4px;padding:14px 18px}.cta-title-line{justify-content:center;align-items:center;gap:10px;display:inline-flex}.cta-meta-line{letter-spacing:.02em;opacity:.92;font-size:.84rem}.cta-status-line{opacity:.86;font-size:.78rem}.action-tile{background:#ffd8ced6;padding:22px 18px}.action-tile.blue{background:#5fb7ff33}.action-tile.notebook{background:#b9eeab61;flex-direction:column;gap:5px;padding:18px}.lesson-topbar-main{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.lesson-topbar-copy{flex:1;min-width:0}.lesson-topbar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.lesson-topbar-audio{flex-shrink:0}.lesson-headline-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.lesson-eyebrow{line-height:1}.lesson-inline-status{min-height:24px;box-shadow:var(--shadow-soft);color:var(--text-soft);white-space:normal;background:#ffffffc7;border-radius:999px;align-items:center;max-width:100%;padding:0 10px;font-size:.74rem;font-weight:700;line-height:1.1;display:inline-flex}.section-stack{flex-direction:column;gap:16px;margin-top:28px;display:flex}.trail-practice{gap:18px}.trail-practice .progress-block,.trail-practice .cta-grid{margin-top:0}.world-card-grid{grid-template-columns:1fr;gap:14px;display:grid}.world-card{width:100%;box-shadow:var(--shadow-soft);text-align:left;background:#fffc;border:2px solid #0000;border-radius:28px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s}.world-card:hover{transform:translateY(-1px)}.world-card.selected{border-color:#386631d1;box-shadow:0 14px 28px #38663124}.world-card-header,.world-card-title-row,.world-card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.world-card-header{align-items:flex-start}.world-card-icon{width:62px;height:62px;box-shadow:var(--shadow-soft);border-radius:20px;flex:none;justify-content:center;align-items:center;font-size:1.8rem;display:inline-flex}.world-card-copy{flex:1;min-width:0}.world-card-title-row{align-items:flex-start}.world-card-footer{align-items:center;margin-top:14px}.world-card-actions{gap:10px;margin-top:14px;display:flex}.world-card-actions>button{flex:1}.map-preview{background:linear-gradient(135deg,#38663124,#7f520014),linear-gradient(#ffffff70,#fff0);min-height:190px;padding:18px;position:relative;overflow:hidden}.map-preview:before{content:"";opacity:.9;background:radial-gradient(circle at 20% 55%,#3866313d,#0000 18%),radial-gradient(circle at 60% 30%,#7f52002e,#0000 16%),radial-gradient(circle at 75% 72%,#3866312e,#0000 18%),linear-gradient(135deg,#0000 45%,#ffffff5c 50%,#0000 55%);position:absolute;inset:0}.map-badge,.glass-pill{z-index:1;background:var(--surface-glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-soft);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex;position:relative}.badges-row{gap:14px;padding-bottom:4px;display:flex;overflow-x:auto}.badges-row::-webkit-scrollbar{display:none}.badge-card{text-align:center;min-width:96px;box-shadow:none;background:0 0}.badge-emblem{width:82px;height:82px;box-shadow:var(--shadow-soft);border:4px dashed #fffc;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 10px;font-size:2rem;display:flex}.badge-emblem.bronze{background:linear-gradient(#ffd89e,#ffc36f)}.badge-emblem.silver{background:linear-gradient(#f7f7f7,#d7d7d7)}.badge-emblem.gold{background:linear-gradient(#dff5d6,#b9eeab)}.badge-emblem.locked{opacity:.55;background:linear-gradient(#f0f0f0,#ded9d8)}.bottom-nav{z-index:30;width:min(100%,430px);padding:10px 18px 0;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-inner{padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border-radius:28px 28px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid;box-shadow:0 -12px 28px #42282014}.nav-item{color:#4228206b;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:64px;transition:background .2s,color .2s,transform .2s;display:flex}.nav-item.active{color:var(--primary);background:#ffebaeb3;transform:translateY(-2px)}.nav-icon{font-size:1.18rem}.nav-label{font-family:var(--font-headline), sans-serif;letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:800}.topic-list{flex-direction:column;gap:18px;margin-top:24px;display:flex}.topic-card{background:linear-gradient(#ffffffc7,#ffffff8c);padding:20px;position:relative;overflow:hidden}.topic-card.selected{box-shadow:inset 0 0 0 2px #38663152, var(--shadow-soft);background:linear-gradient(#f0ffefe6,#ffffffb8)}.topic-card.locked{box-shadow:inset 0 0 0 2px #806c5a24, var(--shadow-soft);background:linear-gradient(#fff5f0e6,#ffffffbf)}.topic-node{width:78px;height:78px;box-shadow:var(--shadow-soft);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:2rem;display:inline-flex}.topic-meta{align-items:center;gap:16px;display:flex}.topic-copy{flex:1}.topic-action-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.topic-action-row>button{min-height:44px}.topic-focus-button{position:relative}.topic-focus-button--available{color:var(--primary-dark);box-shadow:inset 0 0 0 2px #38663138, var(--shadow-soft);background:#ffffffe6}.topic-focus-button--available:hover{filter:brightness(1.01)}.active-practice{color:var(--primary-dark);background:#3866311f;box-shadow:inset 0 0 0 2px #38663138}.topic-progress{background:#ffd8cec7;border-radius:999px;height:14px;margin-top:12px;overflow:hidden}.topic-progress>span{background:linear-gradient(180deg, var(--primary), var(--primary-dark));border-radius:999px;height:100%;display:block}.trail-line{background:linear-gradient(#f7c06da6,#f7c06d2e);border-radius:999px;width:4px;height:calc(100% - 110px);position:absolute;inset:90px auto auto 54px}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.badge-panel{background:#ffffffb8;padding:18px}.lesson-overlay,.modal-overlay{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#25130c70;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.lesson-sheet,.modal-sheet{background:radial-gradient(circle at top,#ffffff61,#0000 24%),linear-gradient(#fff9f7 0%,#fff2ed 100%);width:min(100%,430px)}.lesson-sheet{height:100dvh;max-height:100dvh;padding:calc(28px + env(safe-area-inset-top,0px)) 18px 112px;overscroll-behavior:contain;overflow-y:auto}.modal-sheet{min-height:100vh;padding:calc(28px + env(safe-area-inset-top,0px)) 18px 112px;overscroll-behavior:contain;overflow-y:auto}.lesson-progress{margin:10px 0 16px}.lesson-progress-track{height:26px;margin-top:0}.lesson-progress-fill{inset:3px auto 3px 3px}.lesson-progress-token{border-width:2px;width:24px;height:24px;font-size:.82rem}@media (max-width:380px){.lesson-topbar{flex-wrap:wrap}.lesson-topbar-audio{margin-left:54px}}.lesson-card{background:#ffffffe0;padding:24px;position:relative;overflow:hidden}.lesson-card.compact-input{padding:18px 18px 22px}.word-stage{flex-direction:column;justify-content:center;gap:20px;min-height:220px;display:flex}.word-stage.compact{justify-content:flex-start;gap:14px;min-height:0}.task-header{justify-content:space-between;align-items:center;display:flex}.task-header.compact{margin-bottom:-2px;padding-right:54px}.word-visual{background:linear-gradient(#5fb7ff38,#38663124),linear-gradient(135deg,#ffffffb3,#0000);border-radius:28px;place-items:center;min-height:180px;padding:18px;display:grid}.word-visual.compact{border-radius:24px;min-height:118px;padding:14px}.word-scene{font-size:4.5rem}.word-scene.has-image{place-items:center;width:min(100%,280px);display:grid}.word-scene-image{object-fit:contain;filter:drop-shadow(0 14px 24px #38663124);width:100%;height:auto;max-height:280px}.intro-card-layout{grid-template-columns:minmax(92px,116px) minmax(0,1fr);align-items:center;gap:16px;display:grid}.intro-card-visual{background:linear-gradient(#5fb7ff2e,#3866311f),linear-gradient(135deg,#ffffffb8,#0000);border-radius:24px;place-items:center;min-height:116px;padding:10px;display:grid}.intro-card-copy{text-align:left;gap:10px;min-width:0;display:grid}.intro-scene{aspect-ratio:1;place-items:center;width:100%;font-size:3rem;display:grid}.intro-scene.has-image{overflow:hidden}.intro-scene-image{object-fit:contain;filter:drop-shadow(0 10px 18px #3866311f);width:100%;height:100%}.intro-word-title{text-align:left;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:clamp(1.9rem,6vw,3rem);line-height:.94}.translation.intro-translation{font-size:1.2rem}.feedback-box.intro-support-box{margin-top:0;padding:12px 14px}.word-title{text-align:center;text-wrap:balance;overflow-wrap:anywhere;max-width:100%;font-size:clamp(2.4rem,8vw,3.75rem);line-height:.95}.translation{color:var(--text-soft);font-size:1.4rem;font-style:italic}.compact-word-banner{background:linear-gradient(#5fb7ff29,#3866311f),#ffffffbd;border-radius:24px;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:14px;padding:14px;display:grid}.compact-scene{width:76px;height:76px;box-shadow:var(--shadow-soft);background:#ffffffad;border-radius:22px;place-items:center;font-size:2.2rem;display:grid}.compact-scene.has-image{padding:6px;font-size:0;overflow:hidden}.compact-scene-image{object-fit:contain;width:100%;height:100%}.compact-copy{min-width:0}.compact-kicker{font-family:var(--font-headline), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--secondary-dark);font-size:.76rem;font-weight:800}.compact-title{font-family:var(--font-headline), sans-serif;letter-spacing:-.04em;text-wrap:balance;margin:6px 0 0;font-size:clamp(1.6rem,6vw,2.2rem);font-weight:800;line-height:.95}.compact-text{color:var(--text-soft);margin:8px 0 0;font-size:.94rem;line-height:1.35}.support-chip,.hint-chip{color:#0d547f;font-family:var(--font-headline), sans-serif;background:#5fb7ff29;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.masked-word{width:100%;max-width:100%;font-family:var(--font-headline), sans-serif;letter-spacing:-.06em;text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px 6px;font-size:clamp(2rem,8vw,3.6rem);font-weight:800;line-height:1.02;display:flex}.masked-part{white-space:nowrap;flex-wrap:nowrap;justify-content:center;align-items:baseline;gap:4px;min-width:0;max-width:100%;display:inline-flex}.masked-word.compact{letter-spacing:-.045em;font-size:clamp(1.6rem,6.3vw,2.8rem)}.masked-word.ultra-compact{letter-spacing:-.03em;gap:8px 4px;font-size:clamp(1.25rem,5.2vw,2.15rem)}.blank-slot{min-width:24px;color:var(--primary);border-bottom:4px solid #c8f0bf;justify-content:center;align-items:center;transition:color .12s,border-color .12s,transform .12s;display:inline-flex}.blank-slot.error{color:var(--danger);border-bottom-color:#b92902d9;transform:translateY(-1px)}.letter-choice-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.letter-choice{background:var(--surface-strong);min-height:74px;font-family:var(--font-headline), sans-serif;color:var(--text);border-radius:24px;place-items:center;font-size:1.8rem;font-weight:800;transition:transform .12s,background .12s,color .12s,box-shadow .12s;display:grid;box-shadow:0 10px #ffe1d8}.letter-choice.error{color:var(--danger);background:#ffe1dc;animation:.2s ease-in-out nudge;box-shadow:0 10px #b9290229}.lesson-input,.pin-input{width:100%;min-height:64px;color:var(--text);background:#ffddd494;border:0;border-radius:999px;padding:0 22px;box-shadow:inset 0 0 0 2px #3866311a}.lesson-input-row{align-items:center;gap:10px;display:flex}.lesson-input:focus,.pin-input:focus{outline:none;box-shadow:inset 0 0 0 2px #38663166}.lesson-input.error{color:var(--danger);background:#fff1ee;animation:.2s ease-in-out nudge;box-shadow:inset 0 0 0 2px #b9290257}.input-action-button{width:56px;min-width:56px;height:56px;box-shadow:var(--shadow-soft);color:var(--text);font-family:var(--font-headline), sans-serif;background:#ffd8cec7;border-radius:20px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;display:inline-flex}.special-char-row{gap:10px;margin-top:14px;display:flex}.writing-mode-toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.writing-mode-pill{min-height:52px;box-shadow:var(--shadow-soft);color:var(--text-soft);font-family:var(--font-headline), sans-serif;background:#ffffffb8;border-radius:18px;font-size:1rem;font-weight:800}.writing-mode-pill.active{color:#fff;background:#386631eb}.photo-mode-toggle{z-index:2;width:44px;height:44px;box-shadow:var(--shadow-soft);color:var(--text);background:#ffffffd1;border-radius:18px;place-items:center;font-size:1.25rem;transition:transform .16s,background .16s,box-shadow .16s;display:grid;position:absolute;top:16px;right:16px}.photo-mode-toggle:hover{transform:translateY(-1px)}.photo-mode-toggle.active{color:#fff;background:#386631f0;box-shadow:0 14px 28px #38663133}.special-char{width:52px;height:52px;font-family:var(--font-headline), sans-serif;background:#ffd8ceb3;border-radius:18px;place-items:center;font-size:1.4rem;font-weight:800;display:grid}.typing-review{box-shadow:var(--shadow-soft);background:#fffc;border-radius:24px;gap:12px;margin-top:16px;padding:16px;display:grid}.handwriting-panel{gap:14px;margin-top:14px;display:grid}.handwriting-preview-card{min-height:172px}.photo-assist-note{color:var(--text-soft);box-shadow:var(--shadow-soft);background:#ffffffb8;border-radius:18px;margin-top:-2px;padding:10px 12px;font-size:.92rem;line-height:1.35}.typing-diff-row{gap:8px;display:grid}.typing-diff-label{font-family:var(--font-headline), sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);font-size:.8rem;font-weight:800}.typing-diff-track{flex-wrap:wrap;gap:6px;display:flex}.typing-char{min-width:26px;min-height:34px;font-family:var(--font-headline), sans-serif;color:var(--text);background:#ffd8ce59;border-radius:12px;justify-content:center;align-items:center;padding:4px 6px;font-size:1.1rem;font-weight:800;display:inline-flex}.typing-char.good{color:#2d5927;background:#b9eeabeb}.typing-char.bad,.typing-char.extra,.typing-char.missing{color:var(--danger);background:#ffe1dceb}.feedback-box{color:var(--text-soft);background:#ffffffc7;border-radius:24px;margin-top:16px;padding:14px 16px}.feedback-box.good{color:#284325;background:#b9eeab57}.feedback-box.warn{background:#ffd8ceb8}.feedback-box.bad{color:#7a230c;background:#b9290214}.lesson-footer{gap:12px;margin-top:24px;display:flex}.lesson-footer>*{flex:1}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.handwritten-card{flex-direction:column;gap:18px;display:flex}.handwritten-title{margin-top:4px;font-size:2rem}.handwritten-task-list{gap:12px;display:grid}.handwritten-task-list.compact{margin-top:18px}.handwritten-task-row,.handwritten-question-row,.handwritten-result-row{box-shadow:var(--shadow-soft);background:#ffffffb8;border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.handwritten-question-row,.handwritten-result-row{grid-template-columns:auto minmax(0,1fr)}.handwritten-task-index,.handwritten-question-row span{width:32px;height:32px;color:var(--primary-dark);font-family:var(--font-headline), sans-serif;background:#3866311f;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.handwritten-task-copy,.handwritten-result-row div:last-child{gap:4px;min-width:0;display:grid}.handwritten-task-copy strong,.handwritten-question-row strong,.handwritten-result-row strong{overflow-wrap:anywhere}.handwritten-task-copy span,.handwritten-result-row span{color:var(--text-soft);font-size:.86rem;line-height:1.35}.handwritten-preview{box-shadow:var(--shadow-soft);background:#ffffffb8;border-radius:24px;overflow:hidden}.handwritten-preview img{object-fit:cover;width:100%;max-height:260px;display:block}.camera-cta{font-size:1.05rem}.handwritten-results{gap:10px;margin-top:16px;display:grid}.handwritten-result-row.good{background:#b9eeab57}.handwritten-result-row.warn{background:#ffd8ceb8}.handwritten-result-row.bad{background:#b9290214}.metric-card{box-shadow:var(--shadow-soft);background:#ffffffb8;border-radius:28px;padding:18px}.metric-value{font-family:var(--font-headline), sans-serif;letter-spacing:-.06em;font-size:2.6rem;font-weight:800}.risk-word-list{flex-wrap:wrap;gap:10px;display:flex}.risk-pill{background:var(--danger-soft);color:var(--danger);border-radius:999px;padding:10px 14px;font-weight:700}.bar-chart{align-items:flex-end;gap:10px;height:150px;margin-top:12px;display:flex}.bar-column{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.bar{background:linear-gradient(#95d88a,#4a8742);border-radius:18px 18px 10px 10px;width:100%}.sheet-note{color:#edf7ff;box-shadow:var(--shadow);background:linear-gradient(135deg,#0d75b5,#085486);border-radius:28px;padding:18px}.topic-wordlist{gap:16px;margin-top:18px;display:grid}.topic-word-card{box-shadow:var(--shadow-soft);background:#ffffffa8;border-radius:26px;padding:18px}.word-list-table{gap:12px;margin-top:16px;display:grid}.word-list-row{border-top:1px solid #42282014;gap:10px;padding:14px 0;display:grid}.word-list-row:first-child{border-top:0;padding-top:0}.word-list-main{gap:4px;display:grid}.word-list-title{font-family:var(--font-headline), sans-serif;font-size:1rem;font-weight:800}.word-list-subtitle,.word-list-support{color:var(--text-soft);line-height:1.4}.word-list-support{font-size:.9rem}.word-list-meta{flex-wrap:wrap;gap:8px;display:flex}.word-chip,.word-status{color:var(--text);background:#ffd8ce8c;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:700}.word-status.new{color:#8b4a37;background:#ffd8ceb8}.word-status.learning{color:#7f5200;background:#ffe9bfe6}.word-status.stable{color:#2d5927;background:#b9eeabeb}.modal-card{box-shadow:var(--shadow);background:#ffffffe6;border-radius:28px;margin-top:18px;padding:20px}.pin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.pin-button{min-height:58px;font-family:var(--font-headline), sans-serif;background:#ffd8ceb3;border-radius:22px;place-items:center;font-size:1.4rem;font-weight:800;display:grid}.loader{border:3px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.hidden-input{display:none}@media (min-width:768px){.app-shell{padding-bottom:136px}.mobile-frame{width:min(100vw - 48px,920px)}.top-bar{padding:18px 24px 10px}.account-banner,.verification-banner{margin-left:24px;margin-right:24px}.page-content{padding:0 24px 32px}.auth-page-content{max-width:680px;margin:0 auto}.hero-card{min-height:236px;padding:34px}.hero-copy{width:min(68%,560px)}.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.world-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trail-page .badges-row{flex-wrap:wrap;gap:16px;overflow:visible}.trail-page .badge-card{flex:calc(25% - 16px);min-width:110px}.map-page .topic-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.map-page .trail-line{display:none}.map-page .topic-card{height:100%}.backpack-page--parent .summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.backpack-page--parent .topic-wordlist{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.backpack-page--parent .word-list-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}.bottom-nav{width:min(100vw - 48px,920px);padding:12px 24px 0}.bottom-nav-inner{padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));border-radius:32px 32px 0 0;gap:12px}.nav-item{min-height:68px}.lesson-sheet,.modal-sheet{width:min(100vw - 48px,920px)}}@media (min-width:1024px){.mobile-frame{width:min(100vw - 72px,1240px)}.top-bar{padding-left:28px;padding-right:28px}.account-banner,.verification-banner{margin-left:28px;margin-right:28px}.page-content{padding-bottom:40px;padding-left:28px;padding-right:28px}.auth-page-content{max-width:760px}.bottom-nav{width:min(100vw - 72px,1240px);padding-left:28px;padding-right:28px}.trail-page{grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);align-items:start;gap:24px;display:grid}.trail-page .section-stack,.trail-page .progress-block,.trail-page .cta-grid{margin-top:0}.trail-hero,.trail-practice,.trail-worlds,.trail-badges{grid-column:1/-1}.trail-page .badges-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.trail-page .badge-card{min-width:0}.badges-page .badge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.backpack-page--locked .section-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.backpack-page--locked .hero-card{grid-column:1/-1}.backpack-page--parent{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.backpack-page--parent>.eyebrow,.backpack-page--parent>.page-title,.backpack-page--parent>.summary-grid,.backpack-page--parent>.sheet-note,.backpack-page--parent>.lesson-footer{grid-column:1/-1}.backpack-page--parent>.lesson-card,.backpack-page--parent>.sheet-note{margin-top:0!important}.lesson-overlay,.modal-overlay{align-items:center;padding:28px}.lesson-sheet,.modal-sheet{width:min(100vw - 72px,1120px);min-height:auto;max-height:min(92vh,980px);box-shadow:var(--shadow);border-radius:40px;padding:32px 32px 36px}.lesson-sheet .lesson-topbar,.lesson-sheet .lesson-progress,.lesson-sheet .lesson-card,.lesson-sheet .sheet-note,.modal-sheet .lesson-card,.modal-sheet .sheet-note,.lesson-sheet .lesson-footer,.modal-sheet .lesson-footer{max-width:960px;margin-left:auto;margin-right:auto}}@media (min-width:1280px){.map-page .topic-list{grid-template-columns:repeat(3,minmax(0,1fr))}.badges-page .badge-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media (max-width:380px){.page-title{font-size:2rem}.hero-copy{width:70%}.word-title{font-size:2.15rem}}