*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}#app-root{width:100vw;height:100vh;overflow:hidden;display:flex;align-items:stretch}#app-root .screens{flex:1 1;position:relative;overflow:hidden}.logo{font-family:"Fredoka",var(--font);font-weight:700;font-size:clamp(26px,4vw,44px);line-height:1;display:inline-flex;flex-wrap:wrap;gap:.05em}.logo span:nth-child(7n+1){color:var(--green)}.logo span:nth-child(7n+2){color:var(--purple)}.logo span:nth-child(7n+3){color:var(--orange)}.logo span:nth-child(7n+4){color:var(--yellow)}.logo span:nth-child(7n+5){color:var(--blue)}.logo span:nth-child(7n+6){color:var(--pink)}.logo span:nth-child(7n+7){color:var(--red)}.logo .gap{width:.4em}.screen{background:var(--paper);border-radius:34px;overflow:hidden;width:100%;height:100%;position:relative}#tablet-label{display:none}.screens{position:relative;width:100%;height:100%}.scr{position:absolute;inset:0;display:flex;flex-direction:column;transform:translateX(14px);transition:opacity .3s ease,transform .3s ease;overflow:hidden}.status{justify-content:space-between;padding:14px 26px 4px;font-size:13px;font-weight:700;color:var(--ink);flex-shrink:0;height:46px}.status,.status .right{display:flex;align-items:center}.status .right{gap:6px;opacity:.9}.mini-logo{font-family:"Fredoka",var(--font);font-weight:700;font-size:22px;padding:6px 26px 10px;display:flex;flex-wrap:wrap;line-height:1;flex-shrink:0}.mini-logo span:nth-child(7n+1){color:var(--green)}.mini-logo span:nth-child(7n+2){color:var(--purple)}.mini-logo span:nth-child(7n+3){color:var(--orange)}.mini-logo span:nth-child(7n+4){color:var(--yellow)}.mini-logo span:nth-child(7n+5){color:var(--blue)}.mini-logo span:nth-child(7n+6){color:var(--pink)}.mini-logo span:nth-child(7n+7){color:var(--red)}.mini-logo .gap{width:.32em}.body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:6px 22px 110px;scrollbar-width:none}.body::-webkit-scrollbar{display:none}.tabbar{position:absolute;left:14px;right:14px;bottom:14px;height:74px;background:#fff;border-radius:26px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;justify-items:center;box-shadow:0 14px 30px -14px rgba(43,38,64,.25),0 2px 6px rgba(0,0,0,.04);z-index:20;transition:transform .25s,opacity .25s}.tabbar.hidden-tab{transform:translateY(120%);opacity:0;pointer-events:none}.tabbar button{border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink-soft);font-family:inherit;font-weight:700;font-size:11px;padding:6px 4px;border-radius:18px;width:100%;transition:.12s}.tabbar button .ic{width:36px;height:36px;display:grid;place-items:center;border-radius:14px;background:#F4EFE6;transition:.18s;font-size:18px}.tabbar button .ic svg{width:20px;height:20px;flex-shrink:0}.tabbar button.active{color:var(--ink)}.tabbar button.active .ic{transform:translateY(-3px) scale(1.06)}.tabbar button:active .ic{animation:smooth-press .45s cubic-bezier(.22,1,.36,1) both;opacity:.8}.back-btn{position:absolute;top:50px;left:-2px;z-index:25;width:52px;height:52px;border:0;cursor:pointer;background:linear-gradient(145deg,#FFFAF3,#FFF5E6);border-radius:0 20px 20px 0;box-shadow:4px 0 0 0 #F0E8D8,6px 4px 18px -6px rgba(43,38,64,.22),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 0 rgba(0,0,0,.06);display:grid;place-items:center;animation:back-float 3s ease-in-out infinite;transition:transform .12s,box-shadow .12s;padding-left:6px}.back-btn:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;background:linear-gradient(180deg,var(--orange,#FF9A3C),var(--coral,#FF6B6B));border-radius:0 4px 4px 0}.back-btn svg{filter:drop-shadow(0 1px 0 rgba(255,255,255,.8))}@keyframes jelly-bounce{0%{transform:scale(1)}30%{transform:scale(.93)}60%{transform:scale(1.02)}to{transform:scale(1)}}.back-btn:active{animation:smooth-press .28s cubic-bezier(.22,1,.36,1) both;box-shadow:2px 2px 8px -4px rgba(26,22,48,.15),inset 0 1px 3px rgba(0,0,0,.06)}.h1{font-size:26px;line-height:1.15;margin:6px 0 10px}.h1,.h2{font-weight:800}.h2{font-size:20px;margin:0 0 8px}.muted{color:var(--ink-soft)}.card{background:#fff;border-radius:22px;padding:16px;box-shadow:0 6px 18px -8px rgba(43,38,64,.16)}.row{display:flex}.btn,.row{gap:10px;align-items:center}.btn{border:0;font-family:inherit;font-weight:800;cursor:pointer;padding:14px 18px;border-radius:18px;display:inline-flex;font-size:15px;color:#fff;box-shadow:0 8px 20px -8px rgba(26,22,48,.35);transition:transform .12s}.btn:active{animation:smooth-press .45s cubic-bezier(.22,1,.36,1) both}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 2px #EFE6FF}.chip{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px;background:#FFF3E0;color:#B86A1F}.chip.green{background:#E2F8E5;color:#22863A}.chip.blue{background:#E0F0FF;color:#1E5EBB}.chip.pink{background:#FFE3EE;color:#B83471}.chip.purple{background:#EFE6FF;color:#5C3FD6}.chip.purple,.chip.yellow{font-size:14px;padding:7px 14px}.chip.yellow{background:#FFF5D6;color:#A67900}.chip.green{font-size:14px;padding:7px 14px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:14px 0 10px}.section-title h3{margin:0;font-size:18px;font-weight:800}.section-title a{color:var(--blue);text-decoration:none}.welcome{padding:8px 4px;display:flex;flex-direction:column;gap:14px}.welcome-hero{background:linear-gradient(160deg,#FFE0B2,#FFC1E3 55%,#B3E5FC);border-radius:28px;padding:24px 24px 22px;text-align:center;overflow:hidden;transition:opacity .4s}.welcome-hero .mascot{width:130px;height:auto;display:block;margin:4px auto -2px}.welcome-hero h2{font-size:22px;margin:6px 0 4px}.welcome-hero p{margin:0;color:var(--ink-soft);font-weight:500;font-size:14px}.vid-card{position:relative;border-radius:24px;overflow:hidden;background:#0d0820;cursor:pointer;aspect-ratio:16/9;min-height:200px;transition:border-radius .35s ease,box-shadow .35s ease;box-shadow:0 18px 40px -14px rgba(13,8,32,.55)}.vid-card.immersive{position:absolute;inset:0;z-index:40;border-radius:0;aspect-ratio:auto;box-shadow:none;cursor:default}.vid-card video{will-change:transform}.vid-card video,.vid-poster-img{width:100%;height:100%;object-fit:cover;display:block}.vid-poster-img{position:absolute;inset:0;transition:opacity .4s}.vid-card.playing .vid-poster-img{opacity:0;pointer-events:none}.vid-card-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,8,32,.15),rgba(13,8,32,.7));transition:opacity .4s;pointer-events:none}.vid-card.playing .vid-card-gradient{opacity:0}.vid-preplay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;transition:opacity .35s}.vid-card.playing .vid-preplay{opacity:0;pointer-events:none}.vid-big-play{width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;box-shadow:0 0 0 12px rgba(255,255,255,.18),0 18px 40px -12px rgba(0,0,0,.55);transition:transform .15s,box-shadow .15s}.vid-big-play:active{transform:scale(.88)!important;box-shadow:0 0 0 6px rgba(255,255,255,.12)}@keyframes play-pulse{0%,to{box-shadow:0 0 0 12px rgba(255,255,255,.18),0 18px 40px -12px rgba(0,0,0,.55)}50%{box-shadow:0 0 0 22px rgba(255,255,255,.1),0 18px 40px -12px rgba(0,0,0,.55)}}.vid-big-play{animation:play-pulse 2.4s ease-in-out infinite}.vid-preplay-label{color:#fff;font-weight:800;font-size:15px;text-shadow:0 2px 8px rgba(0,0,0,.6);letter-spacing:.2px}.vid-hud{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 20px;opacity:0;pointer-events:none;transition:opacity .3s}.vid-card.playing .vid-hud{opacity:1;pointer-events:auto}.vid-hud.faded{opacity:0!important;pointer-events:none!important}.vid-hud-centre{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:16px}.vid-ctrl-btn{border:0;background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;font-size:28px;transition:transform .12s,background .12s;-webkit-tap-highlight-color:transparent}.vid-ctrl-btn:active{transform:scale(.85);background:rgba(255,255,255,.32)}.vid-ctrl-play-pause{width:76px;height:76px;font-size:34px}.vid-ctrl-replay,.vid-ctrl-skip{width:60px;height:60px;font-size:26px}.vid-skip-intro{position:absolute;top:14px;right:14px;z-index:10;border:2px solid rgba(255,255,255,.6);background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:99px;padding:8px 18px;color:#fff;font-family:inherit;font-weight:800;font-size:13px;cursor:pointer;letter-spacing:.2px;transition:opacity .4s,transform .12s;opacity:0;pointer-events:none}.vid-card.playing .vid-skip-intro{opacity:1;pointer-events:auto}.vid-skip-intro.ghost{opacity:.35}.vid-skip-intro:active{transform:scale(.92)}.vid-ended-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:rgba(13,8,32,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .5s;padding:24px;text-align:center}.vid-card.ended .vid-ended-panel{opacity:1;pointer-events:auto}.vid-ended-panel .ready-emoji{font-size:56px;line-height:1;margin-bottom:4px}.vid-ended-panel h3{margin:0;color:#fff;font-size:22px;font-weight:800}.vid-ended-panel p{margin:0;color:rgba(255,255,255,.8);font-size:14px;font-weight:600}.vid-ended-letsgo{border:0;font-family:inherit;font-weight:800;font-size:18px;padding:16px 36px;border-radius:22px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--purple),var(--blue));box-shadow:0 10px 28px -10px rgba(26,22,48,.45);transition:transform .12s}.vid-ended-letsgo:active{transform:scale(.92)}.vid-ended-replay{border:0;background:rgba(255,255,255,.15);color:#fff;font-family:inherit;font-weight:700;font-size:13px;padding:10px 24px;border-radius:99px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vid-ended-replay:active{background:rgba(255,255,255,.28)}.vid-fallback{display:none;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;text-align:center;background:linear-gradient(160deg,#FFE0B2,#FFC1E3)}.vid-fallback.show{display:flex}.vid-fallback .fi{font-size:44px}.vid-fallback p{margin:0;font-weight:700;font-size:13px;color:var(--ink-soft);line-height:1.4}.letsgo-pulse{animation:pulse .7s ease-in-out 4}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.letsgo-glow{box-shadow:0 0 0 0 rgba(177,151,252,.7);animation:glow-ring 1s ease-out 4}@keyframes glow-ring{0%{box-shadow:0 8px 20px -8px rgba(26,22,48,.35),0 0 0 0 rgba(124,92,191,.5)}70%{box-shadow:0 8px 20px -8px rgba(26,22,48,.35),0 0 0 16px rgba(124,92,191,0)}to{box-shadow:0 8px 20px -8px rgba(26,22,48,.35),0 0 0 0 rgba(124,92,191,0)}}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:10px}.avatar{border-radius:20px;display:flex;flex-direction:column;align-items:center;cursor:pointer;background:#fff;box-shadow:0 4px 10px -4px rgba(0,0,0,.1);position:relative;padding:6px 4px 4px;transition:.12s;gap:4px}.avatar img{width:100%;aspect-ratio:1;object-fit:contain;object-position:bottom;flex-shrink:0}.avatar:active{transform:scale(.9)}.avatar.selected{background:linear-gradient(135deg,#FFD43B,#FFA94D);transform:scale(1.06);box-shadow:0 10px 20px -8px rgba(26,22,48,.22)}.avatar.selected:after{content:"\2713";position:absolute;top:-6px;right:-6px;width:22px;height:22px;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;z-index:2}.avatar .name{font-size:10px;font-weight:800;color:var(--ink-soft);text-align:center;width:100%;background:transparent;border-radius:0;padding:2px 0}.avatar.selected .name{color:#9A4F00;background:transparent}.age-pills{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;justify-content:center}.age-pill{padding:10px 18px;border-radius:18px;background:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 4px 10px -4px rgba(0,0,0,.1);transition:.12s}.age-pill:active{transform:scale(.9)}.age-pill.selected{color:#fff;box-shadow:0 8px 16px -6px rgba(26,22,48,.22)}.profile-av{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#FFD43B,#FF8FB1);display:grid;place-items:center;overflow:hidden}.profile-av img{width:100%;height:100%;object-fit:contain;object-position:bottom;padding:2px}.wotd-card{border-radius:24px;padding:16px;background:linear-gradient(135deg,#FFB199,#FF6B6B);color:#fff;margin-top:6px;display:flex;align-items:center;gap:12px;cursor:pointer}.wotd-card:active{transform:scale(.97)}.wotd-card .text-side{flex:1 1;min-width:0}.wotd-thumb{width:100px;height:100px;border-radius:18px;overflow:hidden;aspect-ratio:1/1;background:rgba(255,255,255,.2);flex-shrink:0}.wotd-thumb img{width:100%;height:100%;object-fit:cover}.category-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.cat{border-radius:20px;padding:14px;color:#fff;font-weight:800;font-size:14px;min-height:80px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:.12s}.cat:active{transform:scale(.95)}.cat .emoji{line-height:1;display:flex;align-items:center}.cat .emoji svg{width:30px;height:30px}.cat-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;margin:8px 0 2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cat-strip::-webkit-scrollbar{display:none}.cat-chip{flex:0 0 auto;display:flex;align-items:center;gap:6px;white-space:nowrap;padding:8px 14px;border-radius:18px;background:#fff;font-weight:800;font-size:13px;color:var(--ink-soft);box-shadow:0 4px 12px -8px rgba(43,38,64,.25);cursor:pointer;transition:.14s}.cat-chip:active{transform:scale(.94)}.cat-chip.on{color:#fff;background:linear-gradient(135deg,var(--purple),#9B7BE0);box-shadow:0 6px 16px -8px rgba(123,94,167,.6)}.cat-chip .cc-emoji{font-size:15px;line-height:1}.word-list{display:grid;grid-gap:10px;gap:10px;margin-top:6px}.word-card{display:flex;gap:12px;align-items:center;background:#fff;border-radius:20px;padding:10px;box-shadow:0 6px 18px -8px rgba(43,38,64,.18);cursor:pointer;transition:.1s}.word-card:active{transform:scale(.96)}.word-thumb{width:72px;height:72px;border-radius:16px;overflow:hidden;flex-shrink:0;aspect-ratio:1/1;background:linear-gradient(135deg,#FFE0B2,#FFC1E3);display:grid;place-items:center}.word-thumb img{width:100%;height:100%;object-fit:cover}.word-thumb-fallback{font-weight:900;font-size:30px;color:#fff;opacity:.92;text-shadow:0 1px 2px rgba(0,0,0,.12)}.variation-swap-wrap{margin:12px 0 0;display:flex;flex-direction:column;gap:6px}.variation-swap-label{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:rgba(255,255,255,.85);padding:0 2px}.variation-swap{display:flex;gap:8px;align-items:center;align-self:start;overflow-x:auto;margin:0;padding:2px 2px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.variation-swap::-webkit-scrollbar{display:none}.variation-swap>button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-family:inherit;font-weight:800;font-size:13px;line-height:1.1;min-height:40px;padding:10px 16px;border-radius:18px;cursor:pointer;border:2px solid rgba(124,92,191,.18);background:#fff;color:#2B2640;transition:transform .12s ease,box-shadow .12s ease}.variation-swap>button.active{background:#7C5CBF;color:#fff;border-color:#7C5CBF;cursor:default;box-shadow:0 4px 14px -6px rgba(124,92,191,.5)}.variation-swap>button:not(.active):hover{transform:translateY(-1px);box-shadow:0 4px 10px -6px rgba(0,0,0,.15)}.variation-swap>button:not(.active):active{transform:translateY(0)}.word-card .meta{flex:1 1;min-width:0}.word-card .meta h4{margin:0;font-size:17px;font-weight:800}.word-card .meta p{margin:2px 0 0;color:var(--ink-soft);font-weight:500;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.wstar{font-size:24px;font-family:serif;line-height:1;flex-shrink:0;padding:6px;border-radius:12px;transition:.18s;color:#E1D6F0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wstar:active{transform:scale(.7) rotate(-15deg)}.wstar.empty{color:#E1D6F0}.wstar.seen{color:#C7C0D8}.wstar.yellow{color:#FFC400;text-shadow:0 2px 6px rgba(255,196,0,.45)}.wstar.green{color:#69DB7C;text-shadow:0 2px 6px rgba(105,219,124,.45)}.wstar.rainbow{background:linear-gradient(90deg,#FF5E5E,#FFB14E,#FFE14E,#6BE06B,#4ECDEF,#7C5CFF,#FF5EC4);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:rainbow-star 3s linear infinite;filter:drop-shadow(0 1px 3px rgba(124,92,255,.4))}@keyframes rainbow-star{0%{background-position:0 50%}to{background-position:300% 50%}}.wstar.popping{animation:star-pop .42s cubic-bezier(.22,1,.36,1)}.wstar.rainbow.popping{animation:star-pop .42s cubic-bezier(.22,1,.36,1),rainbow-star 3s linear infinite}.word-card.done{box-shadow:0 6px 18px -8px rgba(124,92,255,.28)}.search{display:flex;align-items:center;background:#fff;border-radius:22px;padding:12px 14px;gap:10px;box-shadow:0 6px 14px -8px rgba(43,38,64,.18);margin:8px 0 14px}.search input{border:0;outline:0;flex:1 1;font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);background:transparent}.search input::placeholder{color:#B9B1CC}.alphabet{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;margin-bottom:14px;scrollbar-width:none}.alphabet::-webkit-scrollbar{display:none}.alpha{flex:0 0 auto;min-width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-weight:800;font-size:18px;color:var(--ink-soft);cursor:pointer;box-shadow:0 4px 10px -6px rgba(43,38,64,.18);transition:.12s}.alpha:active{transform:scale(.88)}.alpha.on{color:#fff;transform:translateY(-2px)}.no-results{text-align:center;padding:30px 20px;color:var(--ink-soft);font-weight:600}.guest-paywall{background:linear-gradient(135deg,#F3EEFF,#EAF4FF);border:2px solid rgba(124,92,191,.18);border-radius:20px;padding:20px 18px;text-align:center;margin:6px 0 2px}.guest-paywall .gp-emoji{font-size:36px;margin-bottom:6px}.guest-paywall .gp-title{font-family:"Fredoka",var(--font);font-weight:700;font-size:18px;color:var(--purple-dark,#5C3FD6);margin:0 0 4px}.guest-paywall .gp-sub{font-size:13px;font-weight:600;color:var(--ink-soft);margin:0 0 14px;line-height:1.4}.guest-paywall .gp-btn{display:inline-block;background:var(--purple);color:#fff;font-family:"Fredoka",var(--font);font-weight:700;font-size:16px;padding:12px 28px;border-radius:14px;border:none;cursor:pointer;box-shadow:0 4px 14px -4px rgba(124,92,191,.5);transition:transform .15s,opacity .15s}.guest-paywall .gp-btn:active{transform:scale(.96);opacity:.9}.guest-letter-header{font-family:var(--font);font-weight:800;font-size:18px;color:var(--ink);padding:14px 0 6px;border-bottom:2px solid #ede8f5;margin-bottom:8px}.guest-paywall-mini{background:#F5F0FF;border-radius:14px;padding:10px 14px;font-size:13px;font-weight:600;color:var(--ink-soft);margin:6px 0 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gp-mini-btn{border:0;background:var(--purple);color:#fff;font-family:inherit;font-weight:700;font-size:12px;padding:5px 12px;border-radius:10px;cursor:pointer}.word-card.guest-locked{opacity:.4;pointer-events:none;filter:blur(3px);-webkit-user-select:none;-moz-user-select:none;user-select:none}.auth-guest-sep{display:flex;align-items:center;gap:10px;margin:16px 0 6px}.auth-guest-sep:after,.auth-guest-sep:before{content:"";flex:1 1;height:1px;background:#E8E0F5}.auth-guest-sep span{font-size:12px;font-weight:600;color:var(--ink-soft);white-space:nowrap}.auth-guest-btn{width:100%;border:2px dashed #c9bee8;background:transparent;border-radius:16px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:700;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .18s}.auth-guest-btn:hover{background:#F5F0FF;border-color:var(--purple);color:var(--purple)}.auth-guest-btn .guest-limit{font-size:11px;font-weight:600;color:var(--ink-soft);background:#EDE8F8;border-radius:8px;padding:2px 7px;margin-left:4px}.word-hero{position:relative;border-radius:26px;padding:18px;color:#fff;overflow:hidden;background:linear-gradient(135deg,#FF8FB1,#B197FC 60%,#4DABF7);box-shadow:0 18px 36px -16px rgba(26,22,48,.3)}.word-hero .pos{display:inline-block;background:rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 12px;border-radius:999px;font-weight:700;font-size:12px;max-width:calc(100% - 56px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}.word-hero h1{margin:8px 0 2px;font-size:38px;font-weight:800;letter-spacing:-.5px;line-height:1;padding-right:48px}.word-hero .syll{font-size:16px;font-weight:600;opacity:.9}.word-hero .listen{position:absolute;top:18px;right:18px;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.25);display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.12s}.word-hero .listen:active{transform:scale(.88)}.word-illustration{margin-top:14px;border-radius:22px;aspect-ratio:1/1;width:100%;background:#FFF;overflow:hidden;box-shadow:inset 0 0 0 4px rgba(255,255,255,.6)}.word-illustration img{width:100%;height:100%;object-fit:cover;display:block}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:14px}.act{background:#fff;border-radius:18px;padding:12px 8px;text-align:center;font-weight:800;font-size:12px;cursor:pointer;box-shadow:0 6px 14px -8px rgba(43,38,64,.18);transition:.12s}.act:active{animation:smooth-press .45s cubic-bezier(.22,1,.36,1) both}.act .emoji{display:flex;justify-content:center;margin-bottom:6px;line-height:1}.act .emoji svg{width:30px;height:30px}.act.hear{color:#1E5EBB}.act.draw{color:#B83471}.act.see{color:#22863A}.swiper{display:flex;gap:6px;margin:14px 0 6px}.swiper .seg{flex:1 1;height:5px;background:#E7DEF5;border-radius:99px}.swiper .seg.on{background:linear-gradient(90deg,var(--purple),var(--pink))}.meaning-nav{display:flex;align-items:center;justify-content:space-between;background:#F0EBFF;border-radius:16px;padding:8px 12px;margin:10px 0 6px;gap:8px}.meaning-nav.hidden{display:none}.mn-arrow{width:32px;height:32px;border-radius:50%;border:none;background:var(--purple);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s,transform .15s;flex-shrink:0;line-height:1}.mn-arrow:disabled{background:#D5CCF0;cursor:default}.mn-arrow:not(:disabled):hover{opacity:.85;transform:scale(1.08)}.mn-label{flex:1 1;font-family:"Fredoka",var(--font);font-size:14px;color:var(--purple-dark,#5C3FD6)}.mn-label,.mn-sense{text-align:center;font-weight:700}.mn-sense{font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.def-card{margin-top:8px;padding:16px;border-radius:20px;background:#fff;box-shadow:0 6px 14px -8px rgba(43,38,64,.16)}.def-card .label{font-size:12px;letter-spacing:.5px;text-transform:uppercase}.def-card .label,.wd-section-title{font-weight:800;color:var(--ink-soft)}.wd-section-title{font-size:14px;line-height:1.35;letter-spacing:0;text-transform:none;margin:0 0 6px}.def-card .text{font-size:16px;font-weight:600;margin-top:6px;line-height:1.4}.def-card .text strong{color:var(--red)}.def-card .sentence{margin-top:10px;padding:12px 14px 12px 18px;border-radius:12px;font-size:14px;color:#7A5500;font-weight:600;line-height:1.4;font-style:italic}.def-card .sentence:before{background:linear-gradient(180deg,#FFC300,#FF7E2E)}.wd-yt-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 6px 14px -8px rgba(43,38,64,.18)}.wd-yt-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.wd-hero-video{margin-top:12px}.wd-hero-video-label{font-size:12px;font-weight:800;letter-spacing:.3px;color:rgba(255,255,255,.92);margin-bottom:7px;line-height:1.3}.sentence-card{margin-top:8px;padding:16px 18px 16px 22px;border-radius:20px;background:linear-gradient(135deg,#FFF8EC,#FFF0E0);box-shadow:0 6px 14px -8px rgba(43,38,64,.12),inset 4px 0 0 #FFC300}.sentence-card-label{font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#C47000}.sentence-card-text{margin-top:8px;font-size:16px;font-weight:600;color:#7A5500;line-height:1.5;font-style:italic}.lang-row{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;margin-top:8px}.lang{display:flex;align-items:center;gap:10px;background:#fff;border-radius:16px;padding:10px 12px;box-shadow:0 4px 10px -6px rgba(43,38,64,.16);cursor:pointer;transition:.12s}.lang:active{transform:scale(.96)}.lang .flag{font-size:24px;flex-shrink:0}.lang .info{flex:1 1;min-width:0}.lang .info .name{font-weight:800;font-size:13px}.lang .info .word{font-size:12px;color:var(--ink-soft);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang .speaker{width:30px;height:30px;border-radius:10px;background:#EFE6FF;display:grid;place-items:center;color:var(--purple)}.drawgame{display:flex;flex-direction:column;gap:12px;height:100%;padding-bottom:8px}.drawgame .top{background:linear-gradient(135deg,#FFD43B,#FFA94D);border-radius:24px;padding:14px 16px;color:#fff;display:flex;align-items:center;justify-content:space-between}.drawgame .top h2{margin:0;font-size:20px}.drawgame .top .stars{font-size:18px;letter-spacing:1px}.canvas-wrap{background:#fff;border-radius:24px;flex:1 1;display:grid;place-items:center;min-height:220px;box-shadow:inset 0 0 0 2px #F0E9DA;background-image:linear-gradient(#FFF4DD 1px,transparent 0),linear-gradient(90deg,#FFF4DD 1px,transparent 0);overflow:hidden}.draw-stage{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:12px}.draw-controls{display:flex;flex-direction:column;flex:0 0 auto}@media (orientation:landscape) and (max-height:560px){.tabbar{height:56px;bottom:8px;left:10px;right:10px}.body{padding-bottom:74px}.scr[data-scr=draw] .body{padding:42px 16px 8px!important}.drawgame{gap:6px;padding-bottom:0}.drawgame .top{padding:7px 14px;border-radius:14px}.drawgame .top h2{font-size:16px}.drawgame .top h2+div{display:none}.letter-steps{margin:2px 0}.draw-stage{flex-direction:row;align-items:stretch;gap:12px}#draw-canvas-wrap{flex:1 1 auto;min-height:0}.draw-controls{flex:0 0 150px;justify-content:center;gap:6px;overflow:hidden}.trace-hint,.trace-stray{font-size:11px;margin:2px 0}#draw-tools{flex-wrap:wrap;justify-content:center;gap:6px;margin:0}.draw-controls .tool{width:38px;height:38px;border-radius:12px}.draw-controls .tool svg{width:18px;height:18px}}.trace-letter{font-family:"Fredoka",var(--font);font-weight:700;font-size:200px;line-height:1;color:rgba(180,160,220,.16);position:relative}.trace-letter:before{content:attr(data-letter);position:absolute;inset:0;color:transparent;-webkit-text-stroke:2.5px rgba(58,155,220,.22);background:none}.tools-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tool{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#fff;cursor:pointer;box-shadow:0 4px 10px -4px rgba(43,38,64,.18);font-size:22px;transition:.12s}.tool:active{animation:smooth-press .45s cubic-bezier(.22,1,.36,1) both}.tool.color{background:var(--c,#FFD43B)}.tool.selected{transform:scale(1.1);box-shadow:0 8px 16px -4px rgba(0,0,0,.18)}.video-screen{display:flex;flex-direction:column;gap:14px}.video-stage{background:#1B1430;border-radius:24px;height:230px;display:grid;place-items:center;position:relative;overflow:hidden;color:#fff;background-image:radial-gradient(circle at 25% 30%,rgba(255,217,153,.25),transparent 40%),radial-gradient(circle at 80% 70%,rgba(78,205,196,.3),transparent 45%),linear-gradient(135deg,#1F1640,#0d1f3a)}.video-stage .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}.video-controls{display:flex;align-items:center;gap:10px;padding:0 4px}.video-controls .bar{flex:1 1;height:6px;background:#E0D9F2;border-radius:99px;position:relative}.video-controls .bar:after{content:"";position:absolute;left:0;top:0;bottom:0;width:35%;border-radius:99px}.video-controls .bar:before{content:"";position:absolute;left:34%;top:-4px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.18)}.video-controls .time{font-weight:700;font-size:13px;color:var(--ink-soft);min-width:48px;text-align:center}.video-cap{background:#fff;border-radius:20px;padding:14px;box-shadow:0 6px 14px -8px rgba(43,38,64,.16)}.video-cap h3{margin:0;font-size:16px}.video-cap p{margin:4px 0 0;color:var(--ink-soft);font-size:13px;font-weight:500;line-height:1.4}.dash-hero{background:linear-gradient(135deg,#4DABF7,#B197FC);color:#fff;border-radius:24px;padding:18px;position:relative;overflow:hidden}.dash-hero h2{margin:0 0 4px;font-size:20px}.dash-hero p{margin:0;opacity:.9;font-size:13px;font-weight:500}.dash-hero .kid-pic{position:absolute;right:-10px;bottom:-10px;width:140px;height:auto;opacity:.4}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-top:12px;position:relative;z-index:2}.kpi{background:rgba(255,255,255,.2);border-radius:18px;padding:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kpi .n{font-size:26px;font-weight:800;line-height:1}.kpi .l{font-size:12px;opacity:.9;font-weight:600;margin-top:4px}.chart{background:#fff;border-radius:22px;padding:16px;box-shadow:0 6px 14px -8px rgba(43,38,64,.16)}.chart h3{margin:0 0 12px;font-size:16px}.bars{display:flex;gap:8px;align-items:flex-end;height:120px}.bar-i{flex:1 1;border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--c1,#4DABF7),var(--c2,#B197FC));position:relative}.bars .lab{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:11px;font-weight:700;color:var(--ink-soft)}.list-card{background:#fff;border-radius:22px;padding:14px;box-shadow:0 6px 14px -8px rgba(43,38,64,.16)}.list-card .item{display:flex;align-items:center;gap:12px;padding:8px 4px;border-bottom:1px solid #f2ede0}.list-card .item:last-child{border-bottom:0}.list-card .item .ic2{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#FFE0B2,#FFC1E3)}.list-card .item .ic2 img{width:100%;height:100%;object-fit:cover}.list-card .item .t{flex:1 1}.list-card .item .t .n{font-weight:800;font-size:14px}.list-card .item .t .s{font-size:12px;color:var(--ink-soft);font-weight:500}.switch{width:44px;height:26px;border-radius:99px;background:#E1D6F0;position:relative;cursor:pointer;flex-shrink:0;transition:.18s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.15);transition:.18s}.switch.on:after{left:21px}.store-hero{border-radius:24px;padding:18px;background:linear-gradient(135deg,#FFD43B,#FFA94D);position:relative;overflow:hidden}.store-hero h2{margin:0;color:#5C3B00;font-size:22px;line-height:1.1}.store-hero p{margin:6px 0 0;color:#7A4F00;font-weight:600;font-size:14px}.book-cover{margin-top:14px;background:#fff;border-radius:18px;padding:14px;display:flex;gap:14px;align-items:center;box-shadow:0 8px 20px -8px rgba(0,0,0,.18)}.book-cover .img{width:96px;height:120px;flex-shrink:0;border-radius:10px;background:linear-gradient(160deg,#FFE0B2,#FFC1E3);display:grid;place-items:center;font-weight:800;font-size:26px;color:#5C3B00;text-align:center;line-height:1;overflow:hidden;position:relative}.book-cover .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.book-cover .info{flex:1 1;min-width:0}.book-cover .info h4{margin:0;font-size:15px}.book-cover .info .price{display:flex;gap:8px;align-items:baseline;margin-top:4px}.book-cover .info .price .now{color:#22863A;font-weight:800;font-size:20px}.book-cover .info .price .old{color:#B9B1CC;text-decoration:line-through;font-size:13px;font-weight:700}.book-cover .info .save{font-size:12px;font-weight:800;color:#B83471;margin-top:2px}.about{display:flex;flex-direction:column;gap:14px;text-align:center;padding-top:6px}.about .mascot-lg{width:160px;height:auto;margin:0 auto;display:block}.about p{font-size:15px;line-height:1.55;color:var(--ink-soft);font-weight:500;margin:0;max-width:300px;margin-inline:auto}.about p strong{color:var(--ink)}.team-pics{display:flex;gap:8px;justify-content:center;margin-top:6px;flex-wrap:wrap}.team-pics .tp{width:54px;height:54px;border-radius:50%;background:#FFF3E0;overflow:hidden;border:3px solid #fff;box-shadow:0 4px 10px -4px rgba(0,0,0,.15)}.team-pics .tp img{width:100%;height:100%;object-fit:contain;object-position:bottom;padding:4px}.notif-card{background:#fff;border-radius:18px;padding:14px;display:flex;align-items:center;gap:14px;box-shadow:0 6px 14px -10px rgba(43,38,64,.18);margin-bottom:10px}.notif-card .ic3{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:20px;background:#FFF3E0;flex-shrink:0;overflow:hidden}.notif-card .ic3 img{width:100%;height:100%;object-fit:contain;object-position:bottom}.notif-card .t{flex:1 1}.notif-card .t .h{font-weight:800;font-size:14px}.notif-card .t .p{font-size:12px;color:var(--ink-soft);font-weight:500;line-height:1.4;margin-top:2px}.settings-section{margin-top:16px}.settings-section h3{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;margin:0 0 10px}.settings-row{background:#fff;border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:14px;box-shadow:0 4px 12px -8px rgba(43,38,64,.18);margin-bottom:8px;cursor:pointer;transition:.12s}.settings-row:active{transform:scale(.97)}.settings-row .si{font-size:22px;flex-shrink:0;width:36px;text-align:center}.settings-row .sl{flex:1 1}.settings-row .sl .sh{font-weight:800;font-size:14px}.settings-row .sl .ss{font-size:12px;color:var(--ink-soft);font-weight:500;margin-top:2px}.settings-row .sa{color:var(--ink-soft);font-size:18px}.btn-delete{width:100%;border:2px solid #ffd0d0;background:#FFF4F4;color:#CC0000;font-family:inherit;font-weight:800;font-size:15px;padding:16px;border-radius:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px;transition:.12s}.btn-delete:active{animation:smooth-press .35s cubic-bezier(.22,1,.36,1) both;background:#FFE8E8}.pin-overlay{position:fixed;inset:0;z-index:9000;background:rgba(43,38,64,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .22s}.pin-overlay.show{opacity:1;pointer-events:auto}.pin-box{background:#fff;border-radius:32px;padding:28px 24px 24px;width:min(360px,92vw);box-shadow:0 30px 60px -20px rgba(43,38,64,.38);text-align:center;transform:scale(.92);transition:transform .22s}.pin-overlay.show .pin-box{transform:scale(1)}@keyframes shake{0%,to{transform:translateX(0)}15%{transform:translateX(-9px)}30%{transform:translateX(9px)}45%{transform:translateX(-7px)}60%{transform:translateX(7px)}75%{transform:translateX(-4px)}90%{transform:translateX(4px)}}.pin-box.shake{animation:shake .5s ease}.pin-lock-icon{font-size:44px;line-height:1;margin-bottom:6px}.pin-title{font-weight:800;font-size:20px;margin:0 0 4px}.pin-subtitle{color:var(--ink-soft);font-weight:600;font-size:14px;margin:0 0 18px;line-height:1.4}.pin-challenge{background:linear-gradient(135deg,#EFE6FF,#E0F0FF);border-radius:16px;padding:12px 16px;margin-bottom:18px}.pin-challenge span{font-weight:800;font-size:17px;color:var(--purple);letter-spacing:.3px}.pin-display{display:flex;gap:10px;justify-content:center;margin-bottom:18px}.pin-dot{width:48px;height:48px;border-radius:14px;border:3px solid #e7def5;background:#FAFAFA;font-size:22px;font-weight:800;display:grid;place-items:center;color:var(--purple);transition:.12s}.pin-dot.filled{background:linear-gradient(135deg,#EFE6FF,#D0C0FF);border-color:var(--purple)}.pin-error{color:var(--red);font-weight:700;font-size:13px;margin:-8px 0 12px;min-height:18px}.numpad{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:10px}.numpad-key{height:62px;border-radius:18px;border:0;background:#F4EFE6;font-family:inherit;font-size:22px;font-weight:800;color:var(--ink);cursor:pointer;box-shadow:0 4px 0 #DDD5C4;transition:transform .09s,box-shadow .09s;display:grid;place-items:center}.numpad-key:active{animation:smooth-press .35s cubic-bezier(.22,1,.36,1) both;box-shadow:0 2px 0 #DDD5C4}.numpad-key.del{background:#FFE8E8;font-size:18px}.numpad-key.enter{color:#fff;box-shadow:0 4px 0 rgba(99,72,255,.4)}.numpad-key.enter:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(99,72,255,.3)}.pin-close{margin-top:4px;background:transparent;border:0;font-family:inherit;font-weight:700;font-size:13px;color:var(--ink-soft);cursor:pointer;text-decoration:underline}.del-overlay{position:fixed;inset:0;z-index:9100;background:rgba(43,38,64,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .22s}.del-overlay.show{opacity:1;pointer-events:auto}.del-box{background:#fff;border-radius:32px;padding:28px 24px 24px;width:min(360px,92vw);box-shadow:0 30px 60px -20px rgba(43,38,64,.38);text-align:center;transform:scale(.92);transition:transform .22s}.del-overlay.show .del-box{transform:scale(1)}.del-warn-icon{font-size:50px;margin-bottom:8px;line-height:1}.del-title{font-weight:800;font-size:20px;margin:0 0 12px;color:var(--red)}.del-body{background:#FFF4F4;border:2px solid #ffd0d0;border-radius:16px;padding:14px 16px;margin-bottom:22px;text-align:left}.del-body p{margin:0;font-weight:600;font-size:14px;color:#7A2020;line-height:1.5}.del-body p strong{color:var(--red)}.del-actions{display:flex;flex-direction:column;gap:10px}.del-cancel{border:2px solid #e7def5;background:#fff;color:var(--ink);font-family:inherit;font-weight:800;font-size:15px;padding:14px;border-radius:18px;cursor:pointer}.del-cancel:active{background:#F4EFE6}.del-confirm{background:linear-gradient(135deg,#FF4444,#CC0000);color:#fff;border:0;font-family:inherit;font-weight:800;font-size:15px;padding:14px;border-radius:18px;cursor:pointer;box-shadow:0 8px 18px -8px rgba(26,22,48,.3)}.del-confirm:active{transform:scale(.96)}.lw-logo-img-mini{height:28px;width:auto;display:block;margin:0 auto;object-fit:contain}.mini-logo{justify-content:center;align-items:center}@keyframes act-pulse{0%,to{transform:scale(1);box-shadow:0 6px 14px -8px rgba(43,38,64,.18)}50%{transform:scale(1.06);box-shadow:0 10px 22px -6px rgba(43,38,64,.28)}}.act.pulsing{animation:act-pulse 1.4s ease-in-out infinite}.act.pulsing:nth-child(2){animation-delay:.18s}.act.pulsing:nth-child(3){animation-delay:.36s}.canvas-wrap{position:relative;cursor:crosshair;touch-action:none}#draw-guide{pointer-events:none}#draw-canvas,#draw-guide{position:absolute;inset:0;width:100%;height:100%;border-radius:22px}#draw-word-display .dw-active,#draw-word-display .dw-done,#draw-word-display .dw-letter{color:transparent!important;-webkit-text-stroke-color:transparent!important}.trace-letter{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;opacity:.12}.flag{display:inline-flex;align-items:center;justify-content:center;width:34px;height:24px;border-radius:6px;background:var(--blue);color:#fff;font-size:11px;font-weight:800;letter-spacing:.5px;flex-shrink:0}.draw-stars{font-size:18px;letter-spacing:3px;font-family:serif}.lang-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;margin-top:8px}@keyframes lang-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.lang-badge{display:flex;align-items:center;gap:14px;background:linear-gradient(145deg,#fff 60%,rgba(255,255,255,.7));border-radius:24px;padding:13px 14px 13px 13px;box-shadow:0 8px 24px -10px rgba(43,38,64,.18),0 2px 0 0 var(--badge-color,#4DABF7);cursor:pointer;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.lang-badge:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent);border-radius:24px 24px 0 0;pointer-events:none}.lang-badge:active{transform:scale(.96);box-shadow:0 4px 12px -6px rgba(43,38,64,.2),0 2px 0 0 var(--badge-color,#4DABF7)}.lang-code-bubble{width:56px;height:56px;flex-shrink:0;background:linear-gradient(145deg,var(--badge-color,#4DABF7),color-mix(in srgb,var(--badge-color,#4DABF7) 70%,#000));border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;font-size:16px;color:#fff;letter-spacing:.5px;box-shadow:0 6px 16px -6px var(--badge-color,#4DABF7),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -3px 0 rgba(0,0,0,.15);position:relative;overflow:hidden}.lang-code-bubble:before{top:3px;height:30%;background:rgba(255,255,255,.3)}.lang-code-bubble:after,.lang-code-bubble:before{content:"";position:absolute;left:5px;right:5px;border-radius:99px}.lang-code-bubble:after{bottom:3px;height:10%;background:rgba(0,0,0,.12)}.lang-code-text{position:relative;z-index:2;font-size:16px;font-weight:900;letter-spacing:.5px}.lang-badge-info{flex:1 1;min-width:0}.lang-badge-name{font-weight:800;font-size:15px;color:var(--ink);line-height:1.2}.lang-badge-native{font-size:13px;font-weight:700;color:var(--badge-color,#4DABF7);margin-top:1px;line-height:1.2}.lang-badge-greeting{display:inline-flex;align-items:center;margin-top:5px;padding:3px 10px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(240,240,255,.8));border:1.5px solid rgba(0,0,0,.06);border-radius:99px;font-size:12px;font-weight:700;color:var(--ink-soft);box-shadow:0 2px 6px -3px rgba(43,38,64,.12),inset 0 1px 0 rgba(255,255,255,.7)}.lang-badge-greeting[dir=rtl]{direction:rtl;unicode-bidi:embed;font-size:13px}.lang-badge-speaker{width:46px;height:46px;border-radius:16px;flex-shrink:0;background:linear-gradient(145deg,#fff,#f0ecfa);border:2px solid rgba(0,0,0,.06);display:grid;place-items:center;color:var(--badge-color,#4DABF7);box-shadow:0 4px 12px -6px rgba(43,38,64,.2),inset 0 1px 0 rgba(255,255,255,.9);transition:.12s;cursor:pointer}.lang-badge-speaker:active{transform:scale(.82);box-shadow:0 2px 6px -4px rgba(43,38,64,.15)}.lang-compact{display:flex;align-items:center;gap:10px;background:linear-gradient(145deg,#fff,#faf8ff);border-radius:16px;padding:10px 12px;box-shadow:0 4px 14px -8px rgba(43,38,64,.18),0 1px 0 0 var(--badge-color,#4DABF7);cursor:pointer;transition:.12s}.lang-compact:active{transform:scale(.96)}.lang-compact-code{display:none}.lang-compact-info{flex:1 1;min-width:0}.lang-compact-name{font-weight:800;font-size:12px;color:var(--ink-soft)}.lang-compact-word{font-weight:800;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-compact-word[dir=rtl]{direction:rtl;text-align:right}.lang-compact-speaker{width:32px;height:32px;border-radius:10px;flex-shrink:0;background:linear-gradient(145deg,#f0ecfa,#e6dff5);display:grid;place-items:center;color:var(--purple);border:none;cursor:pointer;transition:.12s;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.lang-compact-speaker:active{transform:scale(.8)}.lang-compact-write{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#fdeef4,#f8e1ec);color:var(--pink,#D4537E);transition:.12s;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.lang-compact-write:active{transform:scale(.8)}.lang-pill-grid{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px}.lang-pill-badge{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 16px;border-radius:18px;background:#fff;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 4px 10px -4px rgba(0,0,0,.1);transition:.12s;border:2px solid transparent;min-width:70px}.lang-pill-badge:active{transform:scale(.9)}.lang-pill-badge.selected{border-color:var(--badge-color,#4DABF7);background:var(--badge-color,#4DABF7);color:#fff;box-shadow:0 8px 16px -6px var(--badge-color,#4DABF7)}.lang-pill-badge .lp-code{font-size:11px;opacity:.7;font-weight:900;letter-spacing:.5px}.lang-pill-badge.selected .lp-code{opacity:.9}.auth-wrap{display:flex;flex-direction:column;align-items:center;gap:0;padding:4px 0 16px}.auth-mascot{width:150px;height:auto;margin:0 auto 6px;display:block}.auth-tagline{font-size:13px;font-weight:600;text-align:center;margin:0 0 14px}.auth-tabs{display:flex;background:#EDE8F5;border-radius:18px;padding:4px;gap:4px;width:100%;margin-bottom:22px}.auth-tab{flex:1 1;border:none;background:transparent;padding:10px 0;border-radius:14px;font-family:inherit;font-size:14px;font-weight:700;color:var(--ink-soft);cursor:pointer;transition:all .18s}.auth-tab.active{background:#fff;box-shadow:0 3px 10px -4px rgba(43,38,64,.18)}.auth-panel{display:none;width:100%;flex-direction:column;gap:12px}.auth-field,.auth-panel.active{display:flex}.auth-field{flex-direction:column;gap:5px}.auth-field label{font-size:12px;font-weight:800;color:var(--ink-soft);letter-spacing:.3px;text-transform:uppercase}.auth-field input{border:2px solid #e8e2f5;border-radius:16px;padding:13px 16px;font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);background:#fff;outline:none;transition:border-color .15s}.auth-field input::placeholder{color:#C4BAD8;font-weight:500}.auth-submit{width:100%;margin-top:4px}.auth-divider{display:flex;align-items:center;gap:10px;margin:4px 0}.auth-divider span{font-size:12px;font-weight:700;color:#C4BAD8}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1.5px;background:#EDE8F5}.auth-social{display:flex;flex-direction:column;gap:10px}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 16px;border:2px solid #e8e2f5;border-radius:16px;background:#fff;font-family:inherit;font-size:14px;color:var(--ink);cursor:pointer;transition:all .15s}.auth-social-btn:active{transform:scale(.97);background:#F8F4FF}.auth-social-btn svg{flex-shrink:0}.auth-skip{text-align:center;margin-top:8px;font-size:13px;font-weight:600;color:var(--ink-soft)}.auth-skip span{color:var(--blue);font-weight:800;cursor:pointer}:root{--red:#FF6B6B;--orange:#FFA94D;--yellow:#FFD43B;--green:#69DB7C;--teal:#4ECDC4;--blue:#4DABF7;--purple:#B197FC;--pink:#FF8FB1;--ink:#2B2640;--ink-soft:#5C5378;--paper:#FFF9F2;--card:#ffffff;--shadow:0 12px 30px -10px rgba(43,38,64,.18);--font:"Baloo 2","Fredoka",system-ui,sans-serif;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.22,1,0.36,1)}body,html{margin:0;padding:0;background:radial-gradient(1200px 600px at 10% -10%,#FFE0B2 0,transparent 60%),radial-gradient(900px 700px at 110% 10%,#B3E5FC 0,transparent 55%),radial-gradient(900px 700px at 50% 110%,#FFC1E3 0,transparent 55%),#FFF9F2;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}@keyframes back-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(0deg)}}.back-btn:active{animation:smooth-press .3s var(--ease-out) both}.act:active,.btn-delete:active,.btn:active,.numpad-key:active,.tabbar button:active .ic,.tool:active{animation:smooth-press .28s var(--ease-out) both!important}.h1{font-size:28px;font-weight:900;letter-spacing:-.4px;line-height:1.12}.h2{font-size:21px}.h2,.section-title h3{font-weight:900;letter-spacing:-.2px}.section-title h3{font-size:19px}.section-title a{font-size:13px;font-weight:700;color:var(--purple)}.word-card .meta h4{font-size:18px;font-weight:900;letter-spacing:-.2px}.word-card .meta p{font-size:13px;line-height:1.45}.word-hero h1{font-size:42px;font-weight:900;letter-spacing:-.8px}.word-hero .syll{font-size:17px;font-weight:700;letter-spacing:.2px}.word-hero .phon{font-size:15px;font-weight:700;color:rgba(255,255,255,.82);margin-top:3px;letter-spacing:.3px}.auth-tagline{font-size:14px;font-weight:700;color:var(--ink-soft)}.wotd-card .wotd-word{font-size:32px!important;font-weight:900!important;letter-spacing:-.5px}.card,.chart,.list-card,.search,.video-cap,.word-card{border-radius:16px}.notif-card,.settings-row{border-radius:14px}.word-hero,.wotd-card{border-radius:20px}.def-card{border-radius:16px}.tabbar{border-radius:22px}.del-box,.pin-box{border-radius:24px}.word-card{box-shadow:0 6px 20px -6px rgba(26,22,48,.12);border:none}.chart,.list-card,.notif-card,.video-cap{box-shadow:0 4px 16px -6px rgba(26,22,48,.1);border:none}.settings-row{box-shadow:0 3px 12px -6px rgba(26,22,48,.1);border:none}.lang-badge{box-shadow:0 6px 20px -8px rgba(26,22,48,.12)}.def-card .sentence{border-left:none!important;border-radius:12px!important;background:linear-gradient(135deg,#FFF8EC,#FFF0E0);padding:12px 14px;position:relative;overflow:hidden}.def-card .sentence:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--yellow),var(--orange));border-radius:3px 0 0 3px}.trace-letter{background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;color:rgba(180,160,220,.18)!important}.trace-letter:before{-webkit-text-stroke:2.5px rgba(77,171,247,.25)}.wotd-card{background:linear-gradient(135deg,#FF6B6B,#FFA94D);padding:18px;box-shadow:0 16px 36px -12px rgba(26,22,48,.28)}.wotd-card:active{transform:scale(.975);transition:transform .15s var(--ease-out)}.cat{border-radius:16px;min-height:90px;padding:16px}.cat:first-child{background:linear-gradient(135deg,#FFA94D,#FF6B6B)}.cat:nth-child(2){background:linear-gradient(135deg,#4ECDC4,#4DABF7)}.cat:nth-child(3){background:linear-gradient(135deg,#B197FC,#FF8FB1)}.cat:nth-child(4){background:linear-gradient(135deg,#69DB7C,#4ECDC4)}.cat:active{transform:scale(.94);transition:transform .18s var(--ease-out)}.tabbar{background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 -1px 0 rgba(26,22,48,.06),0 12px 30px -14px rgba(26,22,48,.22)}.tabbar button.active .ic{background:linear-gradient(135deg,#FFE0B2,#FFC1E3);box-shadow:0 8px 18px -6px rgba(26,22,48,.25);transition:all .22s var(--ease-out)}.tabbar button .ic{background:#EEEBF5;transition:all .18s var(--ease-out)}.tabbar button{transition:color .18s}.search{border:1.5px solid rgba(26,22,48,.06);box-shadow:0 4px 14px -6px rgba(26,22,48,.1);transition:box-shadow .18s,border-color .18s}.search:focus-within{border-color:rgba(124,92,191,.35);box-shadow:0 4px 18px -6px rgba(26,22,48,.1)}.alpha{border-radius:14px;background:#fff;font-size:17px;box-shadow:0 3px 10px -5px rgba(26,22,48,.14);transition:all .15s var(--ease-out)}.alpha.on{background:linear-gradient(135deg,var(--orange),var(--red));transform:translateY(-3px);box-shadow:0 10px 22px -8px rgba(26,22,48,.24)}.btn{border-radius:14px;background:linear-gradient(135deg,var(--purple),var(--blue));box-shadow:0 8px 20px -8px rgba(26,22,48,.32);font-weight:900;letter-spacing:.1px;transition:transform .15s var(--ease-out),box-shadow .15s}.btn:hover{box-shadow:0 12px 24px -8px rgba(26,22,48,.3)}.btn.ghost{background:#fff;box-shadow:inset 0 0 0 2px rgba(124,92,191,.25);color:var(--purple)}.act{border-radius:14px;box-shadow:0 4px 14px -6px rgba(26,22,48,.14);transition:transform .15s var(--ease-out),box-shadow .15s;border:1.5px solid rgba(26,22,48,.05)}.act:hover{box-shadow:0 8px 20px -6px rgba(26,22,48,.16)}.act.hear{color:var(--blue)}.act.draw{color:var(--pink)}.act.see{color:var(--green)}.word-hero{background:linear-gradient(135deg,var(--purple),var(--blue));box-shadow:0 20px 40px -16px rgba(26,22,48,.28)}.word-card .star{color:#D8CFF0}.word-card.fav .star{color:var(--yellow)}@keyframes star-pop{0%{transform:scale(1)}40%{transform:scale(1.6) rotate(12deg)}65%{transform:scale(.85) rotate(-5deg)}to{transform:scale(1) rotate(0deg)}}.star.popping{animation:star-pop .38s var(--ease-out)}.profile-av{border-radius:14px;background:linear-gradient(135deg,var(--yellow),var(--pink));box-shadow:0 4px 14px -6px rgba(26,22,48,.18)}.home-avatar-wrap{width:50px;height:50px}.word-thumb{background:linear-gradient(135deg,#EDE8FF,#FFE0EE);border-radius:14px}.avatar{border-radius:16px}.avatar.selected{background:linear-gradient(135deg,var(--yellow),var(--orange));box-shadow:0 10px 24px -8px rgba(26,22,48,.22)}.avatar.selected:after{background:var(--green);width:20px;height:20px;box-shadow:0 2px 8px rgba(26,22,48,.18)}.age-pill{border-radius:14px;font-weight:900}.age-pill.selected{background:linear-gradient(135deg,var(--green),var(--teal));box-shadow:0 8px 18px -6px rgba(26,22,48,.22)}.dash-hero{background:linear-gradient(140deg,#3A9BDC,#7C5CBF);box-shadow:0 16px 36px -12px rgba(26,22,48,.28);border-radius:18px}.kpi{border-radius:14px}.store-hero{border-radius:18px;background:linear-gradient(140deg,#FFC300,#FF7E2E);box-shadow:0 14px 32px -10px rgba(26,22,48,.24)}.settings-section h3{color:var(--ink-soft);font-size:11px;letter-spacing:1px}.settings-row .sh{font-size:15px;font-weight:800}.settings-row .ss{color:var(--ink-soft)}.numpad-key{border-radius:14px;background:#EDEAF5;box-shadow:0 3px 0 #D0CAE8;transition:transform .1s var(--ease-out),box-shadow .1s;font-weight:900}.numpad-key:active{transform:translateY(2px);box-shadow:0 1px 0 #D0CAE8}.numpad-key.enter{background:linear-gradient(135deg,var(--purple),var(--blue));box-shadow:0 4px 0 rgba(26,22,48,.3)}.numpad-key.del{background:#FFE5E8;color:var(--red)}.video-controls .bar:after{background:linear-gradient(90deg,var(--purple),var(--pink))}.drawgame .top{background:linear-gradient(135deg,var(--yellow),var(--orange));border-radius:18px}.canvas-wrap{border-radius:18px;box-shadow:inset 0 0 0 1.5px rgba(26,22,48,.07);background-image:linear-gradient(rgba(26,22,48,.04) 1px,transparent 0),linear-gradient(90deg,rgba(26,22,48,.04) 1px,transparent 0);background-size:24px 24px}.switch{transition:background .22s var(--ease-out)}.switch:after{transition:left .22s var(--ease-out)}.switch.on{background:linear-gradient(135deg,var(--green),var(--teal))}.auth-tabs{background:#EDEAF5;border-radius:14px}.auth-tab.active{color:var(--purple);box-shadow:0 3px 10px -4px rgba(26,22,48,.14)}.auth-field input{border-color:#E2DCF0;border-radius:12px;font-weight:700}.auth-field input:focus{border-color:var(--purple)}.auth-social-btn{border-color:#E2DCF0;border-radius:12px;font-weight:700}.scr{transition:opacity .28s var(--ease-out),transform .28s var(--ease-out);transform:translateX(12px)}.scr.active{transform:none}.welcome-hero{background:linear-gradient(160deg,#FFE08A,#FFB3D1 55%,#B3D8FF);border-radius:22px}.chip{border-radius:10px;font-weight:800}.chip.purple{background:rgba(124,92,191,.1);color:var(--purple)}.lang-badge{border-radius:18px}.lang-badge-speaker{border-radius:12px}.lang-code-bubble{border-radius:14px}.back-btn{background:linear-gradient(145deg,#FFFBF4,#FFF6E8);border-radius:0 16px 16px 0;box-shadow:3px 0 0 0 #EEE5D0,5px 4px 16px -6px rgba(26,22,48,.18),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(0,0,0,.05)}@keyframes wotd-shimmer{0%{background-position:200%}to{background-position:-200%}}.wotd-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);background-size:200% 100%;animation:wotd-shimmer 3.5s linear infinite;pointer-events:none}.wotd-card{position:relative;overflow:hidden}.cat{transition:transform .2s var(--ease-out),box-shadow .2s;box-shadow:0 6px 16px -8px rgba(26,22,48,.2)}.cat:hover{transform:translateY(-3px);box-shadow:0 12px 24px -8px rgba(26,22,48,.22)}.tabbar button.active .ic{filter:drop-shadow(0 4px 8px rgba(124,92,191,.3))}.word-card{transition:transform .15s var(--ease-out),box-shadow .15s}.word-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px -8px rgba(26,22,48,.16)}@keyframes streak-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}[style*=streak-count]{animation:streak-pulse 2.5s ease-in-out infinite}.tabbar button:hover:not(.active) .ic{background:#E4E0F0;transform:translateY(-1px)}.act:focus-visible,.alpha:focus-visible,.btn:focus-visible,.tabbar button:focus-visible,.word-card:focus-visible{outline:2.5px solid var(--purple);outline-offset:3px}:root{--ease-out-quint:cubic-bezier(.23,1,.32,1);--ease-out-cubic:cubic-bezier(.33,1,.68,1);--ease-in-cubic:cubic-bezier(.32,0,.67,0);--ease-in-out-cubic:cubic-bezier(.65,0,.35,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.23,1,.32,1)}.scr{opacity:0;pointer-events:none;transform:translateX(18px);transition:opacity .28s var(--ease-out-quint),transform .28s var(--ease-out-quint)}.scr.active{opacity:1;pointer-events:auto;transform:translateX(0)}.scr.slide-back{transform:translateX(-18px)}.scr.active.slide-back{transform:translateX(0)}.act,.age-pill,.alpha,.auth-social-btn,.avatar,.back-btn,.btn,.cat,.lang,.numpad-key,.tabbar button,.word-card{transition-property:transform,box-shadow,background,opacity;transition-duration:.15s;transition-timing-function:var(--ease-out-cubic)}.btn:active{transform:scale(.97)!important;animation:none!important}.act:active,.cat:active{transform:scale(.95)!important;animation:none!important}.word-card:active{transform:scale(.97)!important}.alpha:active{transform:scale(.88)!important}.age-pill:active,.avatar:active{transform:scale(.92)!important}.numpad-key:active{transform:translateY(2px)!important;animation:none!important}.back-btn:active{transform:scale(.94)!important;animation:none!important}.auth-social-btn:active{transform:scale(.97)!important}.word-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px -10px rgba(26,22,48,.18);transition-duration:.2s}.cat:hover{transform:translateY(-4px);box-shadow:0 16px 32px -10px rgba(26,22,48,.22);transition-duration:.2s}.act:hover,.lang:hover{transform:translateY(-2px);box-shadow:0 10px 24px -8px rgba(26,22,48,.16);transition-duration:.2s}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px -8px rgba(26,22,48,.3);transition-duration:.2s}@keyframes word-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.words-grid.animate-in .word-card{animation:word-enter .32s var(--ease-out-quint) both}.words-grid.animate-in .word-card:first-child{animation-delay:0s}.words-grid.animate-in .word-card:nth-child(2){animation-delay:40ms}.words-grid.animate-in .word-card:nth-child(3){animation-delay:80ms}.words-grid.animate-in .word-card:nth-child(4){animation-delay:.12s}.words-grid.animate-in .word-card:nth-child(5){animation-delay:.16s}.words-grid.animate-in .word-card:nth-child(6){animation-delay:.2s}.words-grid.animate-in .word-card:nth-child(7){animation-delay:.24s}.words-grid.animate-in .word-card:nth-child(8){animation-delay:.28s}.words-grid.animate-in .word-card:nth-child(n+9){animation-delay:.32s}@keyframes modal-enter{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modal-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96) translateY(4px)}}.del-box,.pin-box{animation:modal-enter .22s var(--ease-out-quint) both}.overlay{transition:opacity .2s var(--ease-in-out-cubic)}@keyframes wotd-enter{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.wotd-card{animation:wotd-enter .35s var(--ease-out-quint) .1s both}.tabbar button .ic{transition:transform .25s var(--ease-spring),background .18s var(--ease-out-cubic),box-shadow .18s var(--ease-out-cubic)}.tabbar button.active .ic{transform:translateY(-4px) scale(1.08)}.tabbar button:not(.active):hover .ic{transform:translateY(-2px) scale(1.04);transition-duration:.15s}@keyframes star-pop-v2{0%{transform:scale(1) rotate(0deg)}25%{transform:scale(.7) rotate(-10deg)}55%{transform:scale(1.65) rotate(15deg)}75%{transform:scale(.9) rotate(-5deg)}to{transform:scale(1) rotate(0deg)}}.star.popping{animation:star-pop-v2 .42s var(--ease-out-quint)}.alpha{transition:transform .2s var(--ease-spring),background .15s var(--ease-out-cubic),box-shadow .15s var(--ease-out-cubic)}.alpha.on{transform:translateY(-4px) scale(1.08)}@keyframes back-float-v2{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(.5deg)}}.back-btn{animation:back-float-v2 3.2s var(--ease-in-out-cubic) infinite;transition:transform .15s var(--ease-out-cubic),box-shadow .15s}@keyframes smooth-press{0%{transform:scale(1)}25%{transform:scale(.93)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes cat-enter{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.cats-grid .cat:first-child{animation:cat-enter .3s var(--ease-out-quint) 0s both}.cats-grid .cat:nth-child(2){animation:cat-enter .3s var(--ease-out-quint) 60ms both}.cats-grid .cat:nth-child(3){animation:cat-enter .3s var(--ease-out-quint) .12s both}.cats-grid .cat:nth-child(4){animation:cat-enter .3s var(--ease-out-quint) .18s both}.numpad-key{transition:transform 80ms ease-out,box-shadow 80ms ease-out}.numpad-key:active{transform:translateY(3px)!important;box-shadow:0 0 0 #D0CAE8!important;transition-duration:60ms!important}:focus-visible{outline:2.5px solid var(--purple);outline-offset:3px;transition:outline-offset .15s var(--ease-out-cubic)}.draw-word-display{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Fredoka",var(--font);font-weight:700;text-transform:none;letter-spacing:4px;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden;border-radius:22px;paint-order:stroke fill;font-size:72px}.draw-word-display .dw-letter{color:rgba(124,92,191,.1);-webkit-text-stroke:2.5px rgba(124,92,191,.26);transition:color .25s,-webkit-text-stroke .25s}.draw-word-display .dw-active{color:rgba(124,92,191,.22);-webkit-text-stroke:3px rgba(124,92,191,.65)}.draw-word-display .dw-done{color:rgba(76,175,80,.22);-webkit-text-stroke:2.5px rgba(76,175,80,.58)}.trace-progress{height:12px;background:#EDE8F5;border-radius:99px;margin:14px 16px 0;overflow:hidden}.trace-progress i{display:block;height:100%;width:0;border-radius:99px;transition:width .18s ease;background:linear-gradient(90deg,var(--purple),var(--blue))}.trace-hint{text-align:center;font-size:12px;font-weight:700;color:var(--ink-soft);margin:8px 0 2px}.trace-stray{font-size:13px;color:#FF3B30;margin:6px 0 2px}.draw-lang-sub,.trace-stray{text-align:center;font-weight:800}.draw-lang-sub{font-size:12px;color:var(--purple);margin-top:2px;min-height:16px}.lang-compact-write{width:34px;height:34px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;border:none;cursor:pointer;transition:transform .12s;margin-right:2px}.lang-compact-write:active{transform:scale(.82)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.wotd-card:after{animation:none}}.lang .info .word,.muted,.notif-card .t .p,.settings-row .ss,.video-cap p,.word-card .meta p{color:var(--ink-soft)}@keyframes scr-slide-fwd{0%{transform:translateX(32px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes scr-slide-bck{0%{transform:translateX(-32px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes scr-bounce-fwd{0%{transform:translateY(28px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes scr-bounce-bck{0%{transform:translateY(-20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes scr-flip-fwd{0%{transform:rotateY(-12deg) scale(.97);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes scr-flip-bck{0%{transform:rotateY(12deg) scale(.97);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes scr-scale-fwd{0%{transform:scale(.93);opacity:0}65%{transform:scale(1.02);opacity:1}to{transform:scale(1)}}@keyframes scr-scale-bck{0%{transform:scale(1.04);opacity:0}65%{transform:scale(.99);opacity:1}to{transform:scale(1)}}.scr.anim-enter-fwd[data-scr=browse],.scr.anim-enter-fwd[data-scr=home],.scr.anim-enter-fwd[data-scr=langs],.scr.anim-enter-fwd[data-scr=parent]{animation:scr-slide-fwd .34s cubic-bezier(.23,1,.32,1) both}.scr.anim-enter-bck[data-scr=browse],.scr.anim-enter-bck[data-scr=home],.scr.anim-enter-bck[data-scr=langs],.scr.anim-enter-bck[data-scr=parent]{animation:scr-slide-bck .34s cubic-bezier(.23,1,.32,1) both}.scr.anim-enter-fwd[data-scr=draw],.scr.anim-enter-fwd[data-scr=video],.scr.anim-enter-fwd[data-scr=word]{animation:scr-bounce-fwd .4s cubic-bezier(.34,1.4,.64,1) both}.scr.anim-enter-bck[data-scr=draw],.scr.anim-enter-bck[data-scr=video],.scr.anim-enter-bck[data-scr=word]{animation:scr-bounce-bck .38s cubic-bezier(.34,1.4,.64,1) both}.scr.anim-enter-fwd[data-scr=auth],.scr.anim-enter-fwd[data-scr=welcome]{animation:scr-flip-fwd .38s cubic-bezier(.23,1,.32,1) both}.scr.anim-enter-bck[data-scr=auth],.scr.anim-enter-bck[data-scr=welcome]{animation:scr-flip-bck .38s cubic-bezier(.23,1,.32,1) both}.scr.anim-enter-fwd[data-scr=about],.scr.anim-enter-fwd[data-scr=settings],.scr.anim-enter-fwd[data-scr=store]{animation:scr-scale-fwd .42s cubic-bezier(.34,1.4,.64,1) both}.scr.anim-enter-bck[data-scr=about],.scr.anim-enter-bck[data-scr=settings],.scr.anim-enter-bck[data-scr=store]{animation:scr-scale-bck .4s cubic-bezier(.34,1.4,.64,1) both}.letter-steps{gap:6px;flex-wrap:wrap;margin:8px 0 6px}.letter-step,.letter-steps{display:flex;justify-content:center}.letter-step{width:34px;height:34px;border-radius:50%;align-items:center;font-family:"Fredoka",var(--font);font-weight:700;font-size:15px;background:var(--paper);border:2.5px solid rgba(124,92,191,.2);color:var(--ink-soft);transition:background .2s,border-color .2s,color .2s,transform .2s;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.letter-step.active{background:var(--purple);border-color:var(--purple);color:#fff;transform:scale(1.18);box-shadow:0 4px 12px -4px rgba(124,92,191,.45)}.letter-step.done{background:#69DB7C;border-color:#69DB7C;color:#fff}.letter-step.space-step{background:transparent;border-color:transparent;width:14px}.guided-letter-ghost{display:flex;align-items:center;justify-content:center;font-family:"Fredoka",var(--font);font-weight:700;font-size:160px;color:transparent;-webkit-text-stroke:3px rgba(124,92,191,.13);paint-order:stroke fill;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:22px;letter-spacing:0;transition:opacity .25s;z-index:0}.guided-arrow,.guided-letter-ghost{position:absolute;inset:0;pointer-events:none}.guided-arrow{z-index:1}.next-letter-btn{display:block;width:calc(100% - 32px);margin:10px 16px 0;padding:14px 0;border-radius:16px;border:none;font-family:"Fredoka",var(--font);font-weight:700;font-size:18px;background:#C8F0CC;color:#3a9c45;cursor:default;transition:background .2s,color .2s,transform .15s;letter-spacing:.3px}.next-letter-btn.ready{background:#69DB7C;color:#fff;cursor:pointer;box-shadow:0 4px 14px -4px rgba(105,219,124,.55)}.next-letter-btn.ready:active{transform:scale(.97)}.goodjob-overlay{position:absolute;inset:0;background:rgba(255,249,242,.92);border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:20;opacity:0;pointer-events:none;transition:opacity .3s ease}.goodjob-overlay.show{opacity:1;pointer-events:auto}@keyframes goodjob-pop{0%{transform:scale(.6) rotate(-6deg);opacity:0}60%{transform:scale(1.12) rotate(3deg);opacity:1}80%{transform:scale(.96) rotate(-1deg)}to{transform:scale(1) rotate(0deg);opacity:1}}.goodjob-icon{font-size:64px;line-height:1;animation:none}.goodjob-overlay.show .goodjob-icon{animation:goodjob-pop .55s cubic-bezier(.34,1.4,.64,1) both}.goodjob-word{font-family:"Fredoka",var(--font);font-weight:700;font-size:28px;color:var(--purple);letter-spacing:1px}.goodjob-sub{font-size:14px;font-weight:700;color:var(--ink-soft)}.goodjob-next-btn{margin-top:8px;background:var(--purple);color:#fff;border:none;border-radius:50px;padding:12px 28px;font-family:"Fredoka",var(--font);font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 6px 16px -6px rgba(124,92,191,.5);transition:transform .15s,box-shadow .15s}.goodjob-next-btn:active{transform:scale(.96);box-shadow:0 3px 8px -4px rgba(124,92,191,.4)}.practice-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px;margin-top:4px}.practice-tile{display:flex;align-items:center;gap:12px;padding:16px;border-radius:22px;color:#fff;cursor:pointer;box-shadow:0 10px 24px -12px rgba(43,38,64,.35);transition:transform .12s}.practice-tile:active{transform:scale(.97)}.practice-tile.abc{background:linear-gradient(135deg,#7C5CFF,#4DABF7)}.practice-tile.num{background:linear-gradient(135deg,#FF8FB1,#FFA94D)}.practice-tile .pt-emoji{font-size:30px;line-height:1;flex-shrink:0}.practice-tile .pt-title{font-weight:800;font-size:18px;line-height:1.1}.practice-tile .pt-sub{font-size:12px;font-weight:600;opacity:.92;margin-top:2px}.practice-toggle{display:flex;gap:6px;background:#EDE8F5;border-radius:18px;padding:4px;margin:6px 0 10px}.practice-toggle .pt-tab{flex:1 1;border:0;background:transparent;padding:10px 6px;border-radius:14px;font-family:inherit;font-weight:700;font-size:14px;color:var(--ink-soft);cursor:pointer;transition:.15s}.practice-toggle .pt-tab.active{background:#fff;color:var(--purple);box-shadow:0 3px 10px -4px rgba(43,38,64,.18)}.practice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));grid-gap:8px;gap:8px;margin-top:4px}.practice-cell{aspect-ratio:1;border:0;border-radius:16px;background:#fff;display:grid;place-items:center;font-family:"Fredoka",var(--font);font-weight:700;font-size:22px;color:var(--ink);cursor:pointer;box-shadow:0 6px 16px -10px rgba(43,38,64,.28);transition:transform .1s,box-shadow .1s}.practice-cell:active{transform:scale(.9)}.practice-cell:hover{box-shadow:0 8px 18px -8px rgba(124,92,255,.35)}.practice-grid.numbers .practice-cell{font-size:18px}.practice-cell.done{background:linear-gradient(135deg,#FFE0B2,#FFC1E3);color:#7A3E00}@media (min-width:768px){.scr>.status{display:none}.tabbar{left:18px;right:auto;top:18px;bottom:18px;width:92px;height:auto;grid-template-columns:1fr;grid-auto-rows:max-content;align-content:center;gap:8px;border-radius:30px;padding:16px 8px;overflow-y:auto;scrollbar-width:none}.tabbar::-webkit-scrollbar{display:none}.tabbar button{width:100%;padding:11px 4px;gap:5px;font-size:11px;border-radius:18px}.tabbar button .ic{width:42px;height:42px;border-radius:15px}.tabbar button .ic svg{width:22px;height:22px}.tabbar button.active .ic{transform:translateY(-1px) scale(1.06)}.tabbar.hidden-tab{transform:translateX(-130%)}.scr:has(>.tabbar:not(.hidden-tab))>.body,.scr:has(>.tabbar:not(.hidden-tab))>.mini-logo{padding-left:134px;padding-right:40px}.scr:has(>.tabbar:not(.hidden-tab))>.body{padding-top:22px;padding-bottom:40px}.scr:has(>.tabbar:not(.hidden-tab))>.body>*{max-width:1060px;margin-left:auto;margin-right:auto}.scr:not(:has(>.tabbar:not(.hidden-tab)))>.body>*{max-width:640px;margin-left:auto;margin-right:auto}.scr[data-scr=word]>.body{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);grid-column-gap:22px;column-gap:22px;align-content:start;max-width:980px;margin-left:auto;margin-right:auto}.scr[data-scr=word]>.body>.word-hero{grid-column:1;grid-row:1/span 99;position:-webkit-sticky;position:sticky;top:0;align-self:start;max-width:none;margin:0}.scr[data-scr=word]>.body>:not(.word-hero){grid-column:2;max-width:none;margin-left:0;margin-right:0}.scr[data-scr=word] .word-illustration{margin-top:12px}.scr[data-scr=word] .actions-grid{gap:10px;margin-top:12px}.scr[data-scr=word] .actions-grid .act{padding:18px 12px;font-size:14px;border-radius:20px}.scr[data-scr=word] .actions-grid .act .emoji{margin-bottom:8px}.scr[data-scr=word] .actions-grid .act .emoji svg{width:36px;height:36px}.word-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.category-row{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.alphabet,.cat-strip{flex-wrap:wrap;overflow:visible}.section-title{max-width:1060px;margin-left:auto;margin-right:auto}}@media (min-width:1180px){.scr:has(>.tabbar:not(.hidden-tab))>.body{padding-right:56px}.word-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width:768px) and (max-height:540px){.tabbar{top:8px;bottom:8px;width:74px;padding:6px 5px;gap:2px;border-radius:20px}.tabbar button{padding:4px 2px;gap:1px;font-size:9px;border-radius:12px}.tabbar button .ic{width:30px;height:30px;border-radius:10px}.tabbar button .ic svg{width:16px;height:16px}.scr>.mini-logo{display:none}.scr:has(>.tabbar:not(.hidden-tab))>.body{padding:8px 18px 14px 96px}.scr:has(>.tabbar:not(.hidden-tab))>.body>*,.section-title{max-width:none}.search{margin:2px 0 8px;padding:8px 12px;border-radius:16px}.search input{font-size:14px}.alphabet,.cat-strip{flex-wrap:nowrap;overflow-x:auto;margin-bottom:8px}.alpha{min-width:38px;height:38px;font-size:15px;border-radius:12px}.section-title{margin:8px 0 6px}.browse-heading,.section-title h3{font-size:15px!important}.word-list{grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:8px}.word-card{padding:7px;gap:9px;border-radius:14px}.word-thumb{width:46px;height:46px;border-radius:11px}.word-card .meta h4{font-size:14px}.word-card .meta p{-webkit-line-clamp:1;font-size:11px;margin-top:1px}.wstar{font-size:19px;padding:3px}.wotd-card{padding:10px;border-radius:16px}.wotd-thumb{width:64px;height:64px}.wotd-card .wotd-word{font-size:22px!important}.wotd-card .wotd-def{-webkit-line-clamp:1}.category-row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.scr[data-scr=word]>.body{grid-template-columns:minmax(165px,210px) minmax(0,1fr);column-gap:14px;max-width:none;padding:40px 18px 14px!important}.scr[data-scr=word] .word-hero{padding:12px;border-radius:18px}.scr[data-scr=word] .word-hero .pos{font-size:11px}.scr[data-scr=word] .word-hero .listen{top:10px;right:10px;width:36px;height:36px;border-radius:11px}.scr[data-scr=word] .word-hero h1{font-size:25px;padding-right:42px}.scr[data-scr=word] .word-hero .syll{font-size:13px}.scr[data-scr=word] .word-hero .phon{font-size:12px}.scr[data-scr=word] .word-illustration{margin-top:8px}.scr[data-scr=word] .actions-grid{margin-top:0;gap:6px}.scr[data-scr=word] .act{padding:8px 5px;border-radius:14px;font-size:12px}.scr[data-scr=word] .def-card{padding:12px}}@media (max-height:560px){.del-overlay,.pin-overlay{align-items:flex-start;overflow-y:auto;padding:10px 0}.del-box,.pin-box{margin:auto}.pin-box{padding:14px 20px 16px;width:min(440px,94vw)}.pin-lock-icon{font-size:24px;margin-bottom:2px}.pin-title{font-size:16px}.pin-subtitle{font-size:12px;margin-bottom:8px}.pin-challenge{padding:7px 12px;margin-bottom:8px}.pin-challenge span{font-size:15px}.pin-display{margin-bottom:8px;gap:8px}.pin-dot{width:32px;height:32px;font-size:18px;border-radius:11px}.pin-error{margin:-4px 0 6px;min-height:0}.numpad{gap:6px;margin-bottom:6px}.numpad-key{height:38px;font-size:16px;border-radius:12px;box-shadow:0 3px 0 #DDD5C4}.numpad-key span{display:none}.del-box{padding:16px 18px}.del-warn-icon{font-size:32px;margin-bottom:4px}.del-title{font-size:17px;margin-bottom:6px}.del-body{margin-bottom:14px;padding:10px 14px}.scr[data-scr=auth]>.body{padding-top:8px}.auth-mascot{width:52px;margin-bottom:2px}.auth-tagline{margin-bottom:6px;font-size:12px}.auth-tabs{margin-bottom:8px}.auth-field{margin-bottom:6px!important}.auth-field label{margin-bottom:2px}.auth-field input{padding:9px 12px}.auth-guest-sep{margin:8px 0 4px}.auth-social{gap:8px}.scr[data-scr=welcome] .mascot{width:54px!important;margin-bottom:4px!important}.scr[data-scr=welcome] .h1,.scr[data-scr=welcome]>.body>.body{font-size:22px}}