:root{--coral: #F2543D;--coral-text: #B5341F;--coral-tint: #FFE3DA;--ink: #2A1512;--ink-soft: #6B4038;--sun: #FFC857;--sun-lip: #C9861A;--blush: #FFF4EF;--white: #fff;--white-lip: #E3C9BE;--line: #E9CFC6;--success: #1F7A45;--success-tint: #E3F3E8;--locked: #F3E6E0;--locked-lip: #B9A39B;--radius: 20px;--col: 520px;color-scheme:only light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--blush)}body{margin:0;font-family:Onest,system-ui,sans-serif;color:var(--ink);background:var(--blush);line-height:1.45;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default}input,textarea{font:inherit;color:inherit}img{max-width:100%;display:block}a{color:var(--coral-text)}:focus-visible{outline:3px solid var(--coral);outline-offset:2px;border-radius:8px}.app{max-width:var(--col);margin:0 auto;min-height:100dvh;position:relative;background:var(--blush)}@media(min-width:640px){body{background:#f6e4dc}.app{box-shadow:0 0 0 1px var(--line),0 30px 80px #2a151214}}.screen{padding:16px 16px calc(110px + env(safe-area-inset-bottom))}.screen.full{padding-bottom:24px;min-height:100dvh;display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}.muted{color:var(--ink-soft)}.center{text-align:center}h1,h2,h3{margin:0;letter-spacing:-.02em}h1{font-size:30px;font-weight:800}h2{font-size:22px;font-weight:800}h3{font-size:18px;font-weight:700}.heading{font-size:20px;font-weight:700;color:var(--ink-soft);margin:0 0 4px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;padding:0 18px;border-radius:20px;font-weight:700;font-size:17px;background:var(--sun);color:var(--ink);box-shadow:0 6px 0 var(--sun-lip);margin-bottom:6px;transition:transform .08s,box-shadow .08s,opacity .15s}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px 0 var(--sun-lip)}.btn:disabled{opacity:.4}.btn.dark{background:var(--ink);color:#fff;box-shadow:0 5px #000}.btn.light{background:#fff;color:var(--ink);box-shadow:0 4px 0 var(--white-lip);border:1px solid var(--line)}.google-wrap{position:relative}.google-wrap .btn{pointer-events:none}.google-wrap:hover .btn{filter:brightness(.97)}.gsi-overlay{position:absolute;inset:0 0 6px;opacity:.01;overflow:hidden;display:flex;align-items:center;justify-content:center}.gsi-overlay>div{transform:scaleY(1.3)}.or-line{display:flex;align-items:center;gap:12px;margin:10px 0 4px;color:var(--ink-soft);font-size:14px;font-weight:600}.or-line:before,.or-line:after{content:"";flex:1;height:1px;background:var(--line)}.btn.small{min-height:44px;font-size:15px;border-radius:16px;width:auto}.link{color:var(--coral-text);font-weight:700;padding:10px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%}.plate{background:#fff;border-radius:26px;box-shadow:0 4px 0 var(--white-lip);border:1.5px solid #fff}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px}.choice{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:12px 16px;text-align:left;font-weight:700;font-size:17px;background:#fff;border:1.5px solid var(--line);border-radius:18px;box-shadow:0 3px 0 var(--white-lip)}.choice.selected{border-color:var(--ink);border-width:2.5px}.choice.match-picked{background:#ffc85773;border-color:var(--sun-lip);border-width:2.5px;transform:scale(1.02)}.choice.correct{border-color:var(--success);background:var(--success-tint);color:var(--success)}.choice.wrong{border-color:var(--coral-text);background:var(--coral-tint);color:var(--coral-text)}.tile{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;font-weight:700;font-size:19px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 0 var(--white-lip)}.tile.used{opacity:.25}.flow{display:flex;flex-wrap:wrap;gap:8px}.hint{display:flex;gap:8px;align-items:flex-start;padding:10px 14px;border-radius:14px;background:#ffc85747;color:var(--ink-soft);font-weight:500}.feedback{background:#fff;border-radius:16px;padding:14px 16px;animation:rise .25s ease-out}.feedback .title{font-weight:800;font-size:18px;display:flex;gap:6px;align-items:center}.feedback.ok .title{color:var(--success)}.feedback.bad .title{color:var(--coral-text)}.bubble{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 16px;animation:rise .25s ease-out}.example{display:flex;align-items:center;gap:6px;background:#ffc8574d;border-radius:18px;padding:8px 14px 8px 6px;animation:rise .25s ease-out}.speak{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--coral-tint);color:var(--coral-text);flex:none}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.player-head{display:flex;align-items:center;gap:12px;padding:4px 0 8px}.progress{flex:1;height:12px;border-radius:99px;background:var(--line);overflow:hidden}.progress>div{height:100%;background:var(--coral);border-radius:99px;transition:width .3s}.step{display:flex;flex-direction:column;gap:16px;flex:1;animation:rise .25s ease-out}.step .bottom{margin-top:auto;padding-top:8px}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(12px + env(safe-area-inset-bottom));width:min(calc(100% - 32px),calc(var(--col) - 32px));height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:var(--sun);border-radius:33px;box-shadow:0 5px 0 var(--sun-lip),0 0 0 3px #fff;z-index:20}.tabbar.plain{background:#fff;box-shadow:0 0 0 1px var(--line),0 8px 24px #2a151214}.tab{width:52px;height:48px;display:grid;place-items:center;border-radius:24px;color:var(--ink)}.tab.active{background:var(--ink);color:#fff}.tabbar.plain .tab.active{background:var(--coral-tint);color:var(--coral-text)}.tab-ai{width:72px;height:72px;margin-top:-40px;border-radius:50%;background:var(--coral);border:4px solid #fff;box-shadow:0 6px 0 var(--coral-text);display:grid;place-items:center;position:relative}.tab-ai .badge{position:absolute;right:-8px;bottom:-2px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;padding:2px 7px;border-radius:99px;border:2px solid #fff}.map{position:relative;margin:-16px -16px 0;overflow:hidden;background:#fff}.map-tile{position:relative;width:100%}.map-tile img.scene{width:121%;margin-left:-10.5%;max-width:none}.stop{position:absolute;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;font-weight:800;font-size:22px;display:grid;place-items:center;border:4px solid #fff}.stop.done{background:var(--sun);box-shadow:0 5px 0 var(--sun-lip)}.stop.current{background:var(--coral);color:#fff;width:76px;height:76px;font-size:26px;box-shadow:0 6px 0 var(--coral-text);animation:pulse 2s infinite}.stop.locked{background:var(--locked);color:var(--locked-lip);box-shadow:0 5px 0 var(--locked-lip)}.stop .stars{position:absolute;top:58px;left:50%;transform:translate(-50%);background:#fff;border-radius:99px;padding:0 6px;font-size:11px;color:var(--sun-lip);white-space:nowrap;letter-spacing:1px}@keyframes pulse{0%,to{box-shadow:0 6px 0 var(--coral-text),0 0 #f2543d80}50%{box-shadow:0 6px 0 var(--coral-text),0 0 0 14px #f2543d00}}.map-label{position:absolute;z-index:3;transform:translate(-50%);background:#fff;border-radius:18px;padding:6px 14px;font-weight:800;font-size:14px;white-space:nowrap;box-shadow:0 4px 0 var(--white-lip);pointer-events:none}.map-bear{position:absolute;width:120px;transform:translate(-50%,-80%);pointer-events:none}.gate{height:70px;display:grid;place-items:center;background:linear-gradient(#fff0,#fff 40% 60%,#fff0);position:relative;z-index:2;margin:-35px 0}.gate span{background:var(--ink);color:#fff;font-weight:800;font-size:14px;padding:7px 16px;border-radius:99px}.map-head{position:sticky;top:0;z-index:10;display:flex;gap:8px;align-items:center;padding:12px 16px;margin:0 -16px}.pill{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:44px;font-weight:800}.loading{min-height:60dvh;display:grid;place-items:center;color:var(--ink-soft);font-weight:600}.stack{display:flex;flex-direction:column;gap:12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bear{width:160px;margin:0 auto}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.tap-word{cursor:pointer;border-radius:5px;transition:background .15s}.tap-word:hover,.tap-word:focus-visible{background:#ffc85773;outline:none}.pro-tag{display:inline-block;margin-left:8px;padding:0 7px;height:20px;line-height:20px;border-radius:6px;background:var(--sun);color:var(--ink);font-size:11px;font-weight:900;vertical-align:2px}.desktop-only,.sidebar,.home-rail{display:none}.lesson-grid{display:flex;flex-direction:column;gap:8px}.skills{display:flex;flex-direction:column;gap:16px}.word-grid{display:grid;grid-template-columns:1fr;gap:8px}.letter-bar{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 4px}.letter-bar>button{flex:none}@media(min-width:1024px){:root{--col: 720px}.mobile-only{display:none!important}.desktop-only{display:block}h1.desktop-only{font-size:34px}body{background:var(--blush)}.app.with-side{max-width:none;box-shadow:none;padding-left:264px}.app.with-side .tabbar{display:none}.app.with-side .screen{max-width:1120px;margin:0 auto;padding:36px 40px 64px}.sidebar{display:flex;flex-direction:column;gap:18px;position:fixed;inset:0 auto 0 0;width:264px;padding:26px 18px 22px;background:#fff;border-right:1px solid var(--line);overflow-y:auto;z-index:30}.side-logo{font-size:30px;font-weight:900;letter-spacing:-.03em;color:var(--ink);text-decoration:none;padding:0 12px 6px}.side-logo span{background:var(--ink);color:#fff;border-radius:9px;padding:1px 8px;font-size:20px;vertical-align:4px;margin-left:2px}.side-link{display:flex;align-items:center;gap:14px;height:50px;padding:0 14px;border-radius:16px;color:var(--ink);font-weight:700;font-size:17px;text-decoration:none;border:2px solid transparent;transition:background .15s}.side-link:hover{background:var(--blush)}.side-link.active{background:var(--coral-tint);color:var(--coral-text);border-color:#f2543d59}.side-ai{display:flex;align-items:center;gap:12px;padding:12px;border-radius:20px;background:var(--coral);color:#fff;text-decoration:none;box-shadow:0 5px 0 var(--coral-text);transition:transform .08s,box-shadow .08s}.side-ai:active{transform:translateY(3px);box-shadow:0 2px 0 var(--coral-text)}.side-ai img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 12%;background:#fff;border:2px solid #fff;flex:none}.side-ai small,.side-pro small{display:block;font-size:12px;font-weight:600;opacity:.9;line-height:1.3;margin-top:2px}.side-pro{display:block;padding:14px 16px;border-radius:20px;background:var(--sun);color:var(--ink);text-decoration:none;box-shadow:0 5px 0 var(--sun-lip)}.side-pro b{font-size:18px}.side-pro b span{background:var(--ink);color:var(--sun);border-radius:6px;padding:1px 6px;font-size:12px;vertical-align:2px}.grid2.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px 18px!important}.game-card{transition:transform .15s}.game-card:hover{transform:translateY(-3px)}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.lesson-grid>h3{grid-column:1 / -1}.skills{display:grid;grid-template-columns:1fr 1fr;gap:12px}.word-grid{grid-template-columns:1fr 1fr;gap:10px 12px}.letter-bar{flex-wrap:wrap;overflow:visible;margin:0;padding:0}.app.with-side .screen.map-screen{max-width:680px;padding-top:24px}.map-screen .map{margin:0;border-radius:28px;box-shadow:0 0 0 1px var(--line)}.map-screen .map-head{margin:0;padding:0 0 12px;background:var(--blush)}.app:not(.with-side){box-shadow:0 0 0 1px var(--line),0 30px 80px #2a151214}}@media(min-width:1200px){.home-split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.home-rail{display:block;position:sticky;top:36px}.rail-fallback{display:none!important}.app.with-side .screen.map-screen{grid-template-columns:minmax(0,600px) 300px;justify-content:center;max-width:none}.map-screen .home-rail{top:24px}}.avatar{position:relative;display:inline-block;flex:none;border-radius:50%;padding:var(--ring);background:#fff;box-shadow:0 4px 12px #2a15121f;box-sizing:border-box}.avatar img{width:100%;height:100%;border-radius:50%;display:block;object-fit:cover}.avatar.pro{background:conic-gradient(from 210deg,#ffe7a3,#ffc857,#e89a2c,#ffc857,#ffe7a3);box-shadow:0 6px 16px #c9861a59}.avatar b{position:absolute;left:50%;bottom:-10%;transform:translate(-50%);background:var(--ink);color:var(--sun);font-weight:900;letter-spacing:.05em;border:2px solid #fff;border-radius:99px;padding:0 .6em;line-height:1.5}.avatar-edit{position:relative;display:grid;flex:none;padding-bottom:8px}.avatar-edit .pencil{position:absolute;top:0;right:-2px;width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 6px #2a15122e}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 6px;justify-items:center}.avatar-cell{position:relative;padding:4px 4px 10px;border-radius:20px}.avatar-cell .mark{position:absolute;top:0;right:0;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;box-shadow:0 2px 6px #2a151233}.avatar-cell .mark.selected{background:var(--coral);color:#fff}.sheet-backdrop{position:fixed;inset:0;z-index:60;background:#2a15124d;display:flex;align-items:flex-end;justify-content:center}.sheet-backdrop>.sheet{width:min(100%,var(--col));max-height:88dvh;overflow-y:auto;background:var(--blush);border-radius:28px 28px 0 0;padding:20px 16px calc(24px + env(safe-area-inset-bottom));animation:rise .25s ease-out}@media(min-width:1024px){.sheet-backdrop{align-items:center}.sheet-backdrop>.sheet{width:640px;border-radius:28px}.sheet-backdrop .avatar-grid{grid-template-columns:repeat(8,1fr)}}.name-pencil{flex:none;width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 6px #2a151226}.name-edit{width:100%;font-size:24px;font-weight:800;padding:4px 10px;border:2px solid var(--coral);border-radius:12px;background:#fff;outline:none}.plan-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--ink-soft)}.pill-btn{flex:none;background:var(--sun);color:var(--ink);font-weight:800;font-size:14px;padding:7px 14px;border-radius:99px;text-decoration:none;box-shadow:0 3px 0 var(--sun-lip)}.signed-out{width:100%;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.tag{display:inline-block;background:var(--blush);border-radius:99px;padding:4px 10px;font-weight:700;font-size:13px}.stop.locked{cursor:pointer}.lock-badge{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;background:var(--locked-lip);color:#fff;border:2px solid #fff;display:grid;place-items:center}.locked-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:99px;background:var(--locked);color:var(--ink-soft);font-weight:800;font-size:13px}.tab-switch{display:flex;gap:4px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:99px}.tab-switch a{flex:1;text-align:center;height:40px;line-height:40px;border-radius:99px;font-weight:800;color:var(--ink);text-decoration:none}.tab-switch a.on{background:var(--coral);color:#fff}.filter-chip{flex:none;height:38px;padding:0 14px;border-radius:99px;font-weight:800;font-size:15px;background:#fff;color:var(--ink);border:1px solid var(--line)}.filter-chip.on{background:var(--ink);color:#fff}.level-badge{display:inline-block;padding:0 6px;height:18px;line-height:18px;border-radius:99px;background:#2a1512bf;color:#fff;font-size:11px;font-weight:900}.grammar-row{text-align:left;padding:12px 16px;color:var(--ink);text-decoration:none;gap:10px}.grammar-grid{display:grid;grid-template-columns:1fr;gap:10px}.pattern{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;white-space:pre-line;line-height:1.5}.grammar-notes{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;line-height:1.5}.grammar-notes li::marker{color:var(--coral)}.keyword{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:99px;background:#fff;border:1px solid var(--line);font-weight:700}.native-card{background:#ffc85738;border:0}.mistake{display:flex;align-items:center;gap:6px;font-weight:700}.mistake.wrong{color:var(--coral-text)}.mistake.right{color:var(--success)}.quiz-option{min-height:40px;padding:0 16px;border-radius:99px;background:var(--blush);border:1px solid var(--line);font-weight:700;font-size:16px;color:var(--ink)}.quiz-option:disabled{opacity:1;cursor:default}.quiz-option.right{background:var(--success);border-color:var(--success);color:#fff}.quiz-option.wrong{background:var(--coral);border-color:var(--coral);color:#fff}@media(min-width:1024px){.tab-switch{display:none}.grammar-grid{grid-template-columns:1fr 1fr}.grammar-page{max-width:860px}}.league-fab{position:fixed;right:max(18px,calc(50% - var(--col) / 2 + 18px));bottom:calc(96px + env(safe-area-inset-bottom));z-index:21;width:56px;height:56px;border-radius:50%;background:#7a4bb8;color:#fff;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 4px #5e3796,0 8px 18px #2a151233;transition:transform .25s ease,opacity .25s ease}.league-fab.away{transform:translateY(40px);opacity:0;pointer-events:none}.league-fab-badge{position:absolute;top:-6px;right:-8px;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--coral);color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}.league-fab-badge.lock{background:#fff;color:var(--ink);padding:0}.league-fab-badge.up{background:var(--success)}@media(min-width:1024px){.league-fab{right:28px;bottom:28px}}.invite-code{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px;border:2px dashed var(--line);border-radius:18px;background:var(--blush);cursor:pointer;font:inherit;color:inherit}.invite-code b{font-size:32px;letter-spacing:.12em}.invite-input{flex:1;min-width:0;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:14px;background:#fff;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.test-score{display:inline-flex;gap:14px;justify-content:center;align-self:center;margin-top:8px;padding:8px 16px;background:#fff;border:1px solid var(--line);border-radius:999px;font-weight:800;font-size:15px}