@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(./fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(./fredoka-latin-500-normal-BL692wg7.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(./nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(./nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(./nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}:root{--blue-900:#10208f;--blue-800:#1a2fc4;--blue-700:#2142e0;--blue-600:#2a5bf5;--blue-500:#3b7bff;--blue-400:#5aa0ff;--blue-100:#e4eeff;--blue-50:#f3f7ff;--purple-600:#7b2ff2;--purple-500:#9b4dff;--purple-100:#f0e6ff;--pink-500:#ff3d9a;--pink-400:#ff6bb5;--pink-100:#ffe6f3;--gold-500:#ffc21a;--gold-400:#ffd54d;--gold-100:#fff6d6;--green-600:#1fb95a;--green-500:#2fd06b;--green-100:#e2f9ea;--orange-500:#ff8a1f;--orange-100:#fff0e0;--teal-500:#14b8c4;--red-500:#ff5a5f;--ink:#18205a;--ink-2:#4a5590;--ink-3:#8a93c4;--card:#fff;--card-tint:#f6f8ff;--line:#dfe6fb;--shadow-sm:0 2px 8px #1e32a01a;--shadow:0 8px 22px #192daa29;--shadow-lg:0 14px 36px #14238c40;--r-sm:14px;--r:20px;--r-lg:28px;--nav-h:72px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font-title:"Fredoka", "Nunito", system-ui, sans-serif;--font:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);background:linear-gradient(180deg, var(--blue-800) 0%, var(--blue-700) 40%, #3355f0 100%);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;-webkit-text-size-adjust:100%;touch-action:manipulation;margin:0;font-weight:700}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0}input,textarea{font:inherit;font-size:18px}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}h1,h2,h3{font-family:var(--font-title);letter-spacing:.2px;margin:0}.app{flex-direction:column;max-width:540px;min-height:100%;margin:0 auto;display:flex;position:relative}.screen{padding:calc(var(--safe-top) + 12px) 16px calc(var(--nav-h) + var(--safe-bottom) + 24px);flex:1;animation:.28s ease-out screen-in}.screen.no-nav{padding-bottom:calc(var(--safe-bottom) + 24px)}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.topbar{color:#fff;align-items:center;gap:8px;min-height:52px;margin-bottom:8px;display:flex}.topbar h1{text-align:center;flex:1;font-size:22px;line-height:1.15}.topbar .side{justify-content:center;width:48px;display:flex}.icon-btn{color:#fff;background:#ffffff24;border-radius:16px;place-items:center;width:48px;height:48px;transition:transform .12s,background .2s;display:grid}.icon-btn:active{background:#ffffff42;transform:scale(.92)}.bottom-nav{z-index:30;width:100%;max-width:540px;padding:6px 8px calc(var(--safe-bottom) + 6px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(#182cc8f5,#1220a0fa);border-top:1px solid #ffffff26;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -6px 24px #0a145a59}.bottom-nav button{color:#ffffffb8;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:60px;font-size:13px;font-weight:800;transition:color .2s,background .2s,transform .12s;display:flex}.bottom-nav button.active{color:#fff;background:linear-gradient(180deg, var(--blue-500), var(--blue-600));box-shadow:inset 0 1px #ffffff4d,0 4px 12px #00147859}.bottom-nav button:active{transform:scale(.94)}.card{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:16px}.card.tint{background:linear-gradient(180deg, #fff, var(--card-tint))}.card+.card{margin-top:12px}.section-title{color:#fff;font-family:var(--font-title);justify-content:space-between;align-items:center;margin:22px 4px 10px;font-size:21px;display:flex}.section-title.dark{color:var(--ink)}.muted{color:var(--ink-2);font-weight:700}.small{font-size:14px}.btn{min-height:56px;font-family:var(--font-title);color:#fff;box-shadow:0 6px 0 #00000024, var(--shadow-sm);border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:20px;font-weight:600;transition:transform .12s,filter .2s,box-shadow .2s;display:inline-flex;position:relative}.btn:active{transform:translateY(3px)scale(.98);box-shadow:0 2px #00000024}.btn.block{width:100%}.btn.blue{background:linear-gradient(180deg, var(--blue-500), var(--blue-600))}.btn.green{background:linear-gradient(180deg, #3fdc7a, var(--green-600))}.btn.purple{background:linear-gradient(180deg, #b06bff, var(--purple-600))}.btn.orange{background:linear-gradient(#ffa24a,#ff7a0a)}.btn.pink{background:linear-gradient(180deg, var(--pink-400), var(--pink-500))}.btn.magenta{background:linear-gradient(100deg,#ff3d9a 0%,#c43dff 60%,#9b4dff 100%)}.btn.white{color:var(--blue-700);background:#fff}.btn.ghost{background:var(--blue-50);color:var(--blue-700);box-shadow:none}.btn:disabled{filter:grayscale(.7)opacity(.55);pointer-events:none}.action-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.action-grid .btn{flex-direction:column;gap:4px;min-height:84px;padding:8px;font-size:17px}.chips{scrollbar-width:none;gap:8px;padding:2px 2px 8px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{color:#fff;background:#ffffff29;border-radius:999px;flex:none;min-height:42px;padding:0 16px;font-size:15px;font-weight:800}.chip.active{color:var(--blue-700);box-shadow:var(--shadow-sm);background:#fff}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:3px 9px;font-size:12px;font-weight:800;display:inline-flex}.result-card .badge,.card>.badge{white-space:normal;text-align:center;padding:6px 12px;line-height:1.3}.badge.muted{color:var(--ink-3);background:#eef1fb}.badge.green{background:var(--green-100);color:#138a42}.badge.blue{background:var(--blue-100);color:var(--blue-700)}.badge.yellow{background:var(--gold-100);color:#a66d00}.badge.gold{color:#6b4300;background:linear-gradient(90deg,#ffe27a,#ffc21a)}.badge.pink{background:var(--pink-100);color:#c0136a}.pbar{background:#e6ebfa;border-radius:999px;height:12px;overflow:hidden}.pbar>i{border-radius:inherit;background:linear-gradient(90deg, #3fdc7a, var(--green-600));height:100%;transition:width .5s;display:block}.pbar.blue>i{background:linear-gradient(90deg, var(--blue-400), var(--blue-600))}.pbar.on-dark{background:#ffffff38}.speak-btn{color:#fff;background:radial-gradient(circle at 35% 30%, #6fb2ff, var(--blue-600) 70%);border-radius:50%;flex:none;place-items:center;transition:transform .12s;display:grid;box-shadow:0 6px 14px #1e50e666,inset 0 2px #ffffff59}.speak-btn:active{transform:scale(.9)}.speak-btn.green{background:radial-gradient(circle at 35% 30%, #74f0a4, var(--green-600) 70%);box-shadow:0 6px 14px #14a05059}.speak-btn.gold{background:radial-gradient(circle at 35% 30%,#ffe27a,#f5a400 70%);box-shadow:0 6px 14px #e6960059}.speak-btn.small{width:40px;height:40px}.speak-btn.mid{width:52px;height:52px}.speak-btn.big{width:72px;height:72px}.speak-btn.playing{animation:.9s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #3b7bff8c,0 6px 14px #1e50e666}50%{box-shadow:0 0 0 12px #3b7bff00,0 6px 14px #1e50e666}}.pop{animation:.35s cubic-bezier(.3,1.6,.5,1) pop}@keyframes pop{0%{transform:scale(.9)}60%{transform:scale(1.06)}to{transform:scale(1)}}.wiggle{animation:.4s ease-in-out wiggle}@keyframes wiggle{0%,to{transform:translate(0)}20%{transform:translate(-6px)rotate(-1deg)}40%{transform:translate(6px)rotate(1deg)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.tap-scale{transition:transform .12s}.tap-scale:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.row{align-items:center;gap:12px;display:flex}.grow{flex:1;min-width:0}.center{text-align:center}.stack>*+*{margin-top:12px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.fr-line{color:var(--ink-2);align-items:center;gap:10px;font-size:17px;display:flex}.flag-fr{background:linear-gradient(90deg,#1f4fd8 33.3%,#fff 33.3% 66.6%,#ef3b3b 66.6%);border-radius:4px;flex:none;width:26px;height:18px;box-shadow:0 0 0 1px #00000014}.home{padding-top:0}.hero{padding:calc(var(--safe-top) + 18px) 16px 0;color:#fff;background-position:50% 30%;background-size:cover;border-radius:0 0 32px 32px;min-height:330px;margin:0 -16px;position:relative;overflow:hidden}.hero-text{z-index:2;max-width:64%;position:relative}.app-title{text-shadow:0 3px 10px #000a5073;font-size:34px;font-weight:700;line-height:1.02}.app-title span{color:var(--gold-400);font-size:40px;display:block}.gold{color:var(--gold-400)}.hello{text-shadow:0 2px 8px #000a5080;margin:12px 0 0;font-size:17px;line-height:1.35}.hello b{font-family:var(--font-title);font-size:21px;font-weight:600}.hero-lily{z-index:1;filter:drop-shadow(0 10px 18px #000a5059);height:300px;animation:.6s ease-out float-in;position:absolute;bottom:-6px;right:-18px}@keyframes float-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.hero-bubble{z-index:3;max-width:168px;color:var(--blue-700);font-family:var(--font-title);box-shadow:var(--shadow);text-align:left;background:#fff;border-radius:20px;align-items:flex-end;gap:6px;padding:10px 12px;font-size:16px;font-weight:600;line-height:1.15;transition:transform .12s;display:flex;position:absolute;bottom:54px;left:16px}.hero-bubble:active{transform:scale(.95)}.hero-bubble.playing{animation:.9s infinite pulse}.hero-bubble svg{color:var(--blue-500);flex:none}.stats-card{z-index:4;width:100%;margin-top:-36px;display:block;position:relative}.stat-ico{width:52px;height:52px}.stat-label{font-family:var(--font-title);margin-bottom:6px;font-size:18px;font-weight:600}.pct{font-family:var(--font-title);color:var(--blue-700);font-size:18px}.mini-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.mini-stats>div{background:var(--card-tint);border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px;padding:10px 12px;display:flex}.mini-ico{font-size:30px}.mini-stats span:last-child{text-align:left;flex-direction:column;display:flex}.mini-stats small{color:var(--ink-2);font-size:13px}.mini-stats b{font-family:var(--font-title);font-size:24px;line-height:1}.continue-btn{border-radius:22px;justify-content:flex-start;min-height:78px;margin-top:14px;padding:0 16px;font-size:22px}.play-circle{background:#ffffff40;border-radius:50%;flex:none;place-items:center;width:50px;height:50px;display:grid}.btn-sub{font-family:var(--font);opacity:.92;margin-top:2px;font-size:14px;font-weight:700;display:block}.btn.big{min-height:64px;font-size:22px}.duo{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.duo .card{text-align:left;flex-direction:column;align-items:flex-start;gap:4px;margin-top:0;padding:14px;display:flex}.duo b{font-family:var(--font-title);font-size:18px;font-weight:600}.duo-ico{color:#fff;background:linear-gradient(#ffd54d,#ffb000);border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:4px;font-size:24px;display:grid}.duo-ico.pink{background:linear-gradient(#ff8cc6,#ff3d9a)}.see-all{color:#fff;align-items:center;min-height:44px;font-size:15px;font-weight:800;display:inline-flex}.theme-scroller{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin:0 -16px;padding:4px 16px 16px;display:flex;overflow-x:auto}.theme-scroller::-webkit-scrollbar{display:none}.theme-mini{scroll-snap-align:start;text-align:center;flex-direction:column;flex:none;align-items:center;gap:6px;width:124px;padding:12px 8px;display:flex}.theme-mini b{font-family:var(--font-title);align-items:center;min-height:34px;font-size:15px;font-weight:600;line-height:1.1;display:flex}.theme-blue{background:linear-gradient(#fff,#eaf2ff)}.theme-purple{background:linear-gradient(#fff,#f3eaff)}.theme-pink{background:linear-gradient(#fff,#ffecf5)}.theme-orange{background:linear-gradient(#fff,#fff1e3)}.theme-green{background:linear-gradient(#fff,#e8faef)}.theme-teal{background:linear-gradient(#fff,#e3f8fa)}.theme-yellow{background:linear-gradient(#fff,#fff7dc)}.theme-red{background:linear-gradient(#fff,#ffecec)}.theme-icon{object-fit:contain;filter:drop-shadow(0 4px 6px #1e32a02e)}.theme-icon.fallback{filter:none;box-shadow:inset 0 0 0 2px #fffc, var(--shadow-sm);border-radius:22px;place-items:center;display:grid}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (width<=339px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.theme-tile{text-align:center;flex-direction:column;align-items:center;gap:6px;min-height:170px;padding:12px 6px 10px;display:flex;position:relative}.theme-tile b{font-family:var(--font-title);align-items:center;min-height:34px;font-size:15px;font-weight:600;line-height:1.1;display:flex}.theme-tile .badge{white-space:normal;text-align:center;max-width:100%;padding:2px 6px;font-size:11px;line-height:1.2}.theme-tile .theme-icon{aspect-ratio:1;max-width:100%;height:auto}.tile-progress{width:80%}.tile-progress .pbar{height:7px}.tile-check{background:var(--green-600);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:6px;right:6px}.theme-hero{align-items:center;gap:14px;display:flex}.theme-hero .badge{margin-top:6px}.en-title{font-family:var(--font-title);color:var(--blue-700);align-items:center;gap:6px;font-size:22px;font-weight:600;display:flex}.inline-audio{width:40px;height:40px;color:var(--blue-600);background:var(--blue-50);border-radius:50%;place-items:center;display:grid}span.block{display:block}.lesson-row{text-align:left;align-items:center;gap:12px;width:100%;display:flex}.lesson-num{width:46px;height:46px;font-family:var(--font-title);color:#fff;background:linear-gradient(180deg, var(--blue-400), var(--blue-600));border-radius:16px;flex:none;place-items:center;font-size:22px;display:grid}.lesson-num.done{background:linear-gradient(180deg, #3fdc7a, var(--green-600))}.lesson-row b{font-family:var(--font-title);font-size:18px;font-weight:600}.lesson-stars{gap:2px;margin-top:4px;display:flex}.lesson-go{background:var(--blue-50);width:48px;height:48px;color:var(--blue-600);border-radius:50%;flex:none;place-items:center;display:grid}.lesson-go.resume{color:#fff;background:linear-gradient(100deg,#ff3d9a,#9b4dff)}.imagier{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.im-card{box-shadow:var(--shadow-sm);background:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:128px;padding:10px 6px;display:flex}.im-card:active{transform:scale(.95)}.im-word{font-family:var(--font-title);overflow-wrap:anywhere;text-align:center;color:var(--blue-700);place-items:center;min-height:64px;font-size:20px;display:grid}.im-en{font-family:var(--font-title);color:var(--ink);text-align:center;overflow-wrap:anywhere;font-size:15px;font-weight:600;line-height:1.1}.im-fr{color:var(--ink-2);text-align:center;font-size:12px;line-height:1.15}.culture-mini{text-align:left;flex-direction:column;gap:6px;width:100%;display:flex}.listen-pill{background:var(--blue-50);color:var(--blue-700);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-size:14px;display:inline-flex}.review-main,.review-opt{text-align:left;align-items:center;gap:14px;width:100%;display:flex}.review-main{border:3px solid var(--pink-400);padding:18px 16px}.review-main.calm{border-color:#0000}.review-main b,.review-opt b{font-family:var(--font-title);font-size:20px;font-weight:600}.rv-ico{color:#fff;border-radius:18px;flex:none;place-items:center;width:56px;height:56px;display:grid}.rv-ico.pink{background:linear-gradient(#ff8cc6,#ff3d9a)}.rv-ico.gold{background:linear-gradient(#ffd54d,#ffa600)}.rv-ico.blue{background:linear-gradient(180deg, var(--blue-400), var(--blue-600))}.rv-ico.purple{background:linear-gradient(180deg, #c27bff, var(--purple-600))}.due-preview{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.due-chip{background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 6px;font-size:14px;display:inline-flex}.hint-white{color:#ffffffe0;margin:18px 6px;font-size:15px;line-height:1.4}.empty-card{padding:24px 18px}.empty-card h2{margin:6px 0}.level-card{align-items:center;gap:12px;display:flex}.big-star{font-size:44px}.tiles4{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.tile{flex-direction:column;gap:2px;padding:12px;display:flex}.tile>span{font-size:26px}.tile small{color:var(--ink-2)}.tile b{font-family:var(--font-title);font-size:24px}.skill-row{align-items:center;gap:10px;margin:10px 0;display:flex}.skill-name{flex:none;width:132px;font-size:14px}.skill-val{text-align:right;width:46px;font-size:14px}.skill-row .pbar{height:12px}.theme-prog-row{align-items:center;gap:12px;width:100%;display:flex}.theme-prog-row b{font-family:var(--font-title);font-weight:600}.badge-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.badge-card{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.badge-card img{object-fit:contain;width:64px;height:64px}.badge-card.locked img,.badge-card.locked .badge-emoji{filter:grayscale()opacity(.45)}.badge-card.locked b{color:var(--ink-2)}.badge-card.got{box-shadow:0 0 0 3px var(--gold-400), var(--shadow)}.badge-emoji{font-size:50px}.badge-card small{color:var(--ink-2);font-size:12.5px;line-height:1.25}.field{flex-direction:column;gap:8px;display:flex}.field input,.name-input,.gate-input{border:2px solid var(--line);min-height:54px;color:var(--ink);background:var(--card-tint);border-radius:16px;width:100%;padding:0 16px;font-size:20px;font-weight:700}.field input:focus,.name-input:focus,.gate-input:focus{border-color:var(--blue-500);background:#fff;outline:none}.setting-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;width:100%;min-height:64px;padding:6px 0;display:flex}.setting-row:last-child{border-bottom:0}.switch{background:#d5dcf2;border-radius:999px;flex:none;width:58px;height:34px;transition:background .2s;position:relative}.switch i{width:28px;height:28px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .2s;position:absolute;top:3px;left:3px}.switch.on{background:var(--green-600)}.switch.on i{transform:translate(24px)}.seg-card{flex-direction:column;gap:8px;display:flex}.seg{text-align:left;border:2px solid var(--line);border-radius:16px;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.seg.on{border-color:var(--blue-500);background:var(--blue-50)}.more-row{text-align:left;align-items:center;gap:14px;width:100%;display:flex}.more-row b{font-family:var(--font-title);font-size:18px;font-weight:600}.mr-ico{color:#fff;border-radius:16px;flex:none;width:48px;height:48px;padding:10px}.mr-ico.blue{background:var(--blue-500)}.mr-ico.pink{background:var(--pink-500)}.mr-ico.purple{background:var(--purple-500)}.mr-ico.green{background:var(--green-600)}.steps-list{margin:0;padding-left:22px;line-height:1.5}.parent .card h3{margin-bottom:6px;font-size:19px}.kv{grid-template-columns:1fr auto;gap:8px 12px;font-size:15px;display:grid}.kv span{color:var(--ink-2)}.reco{margin:0;padding-left:20px;line-height:1.45}.reco li+li{margin-top:8px}.ptable{border-collapse:collapse;width:100%}.ptable td{border-bottom:1px solid var(--line);vertical-align:top;padding:8px 4px}.ptable td:last-child{text-align:right;white-space:nowrap}.parent-theme{gap:8px;padding:6px 0}.gate-q{font-family:var(--font-title);color:var(--blue-700);font-size:40px}.gate-input{text-align:center;font-size:28px}.danger-lite{color:#c03030;box-shadow:none;background:#fff0f0}.onboarding{flex-direction:column;justify-content:flex-end;align-items:center;min-height:100dvh;display:flex}.onb-lily{filter:drop-shadow(0 12px 24px #000a5066);z-index:1;height:min(46vh,380px);margin-bottom:-18px;animation:.6s ease-out float-in;position:relative}.onb-card{z-index:2;text-align:center;width:100%;position:relative}.onb-card h1{color:var(--blue-700);font-size:34px}.onb-card p{font-size:18px;line-height:1.4}.name-input{text-align:center;margin-bottom:14px}.player{padding-top:calc(var(--safe-top) + 8px)}.player-head{color:#fff;align-items:center;gap:12px;margin-bottom:14px;display:flex}.player-title{font-family:var(--font-title);margin-bottom:6px;font-size:19px;font-weight:600}.player-count{text-align:right;min-width:44px;font-size:15px;font-weight:800}.player-body{animation:.25s ease-out screen-in}.instruction{color:#fff;font-family:var(--font-title);justify-content:space-between;align-items:center;gap:8px;margin:2px 4px 12px;font-size:20px;font-weight:600;line-height:1.2;display:flex}.instr-audio{background:#ffffff2e;border-radius:50%;flex:none;width:44px;height:44px;font-size:20px}.listen-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.lh-title{font-family:var(--font-title);color:var(--ink);font-size:24px;font-weight:600;line-height:1.15}.en-text{font-family:var(--font-title);color:var(--ink);font-weight:600}.en-text.big{font-size:22px}.slow-btn{background:var(--green-100);color:#138a42;border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:0;width:54px;height:54px;font-size:11px;font-weight:800;display:flex}.slow-btn.playing{animation:.9s infinite pulse}.link-fr{color:var(--blue-600);min-height:40px;font-weight:800}.choices.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.choices.list{flex-direction:column;gap:10px;display:flex}.choice{box-shadow:var(--shadow-sm), inset 0 0 0 3px transparent;background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:64px;padding:12px 14px;transition:transform .12s,box-shadow .2s,background .2s;display:flex}.choices.list .choice{text-align:left;align-items:flex-start}.choices.grid .choice{min-height:150px}.choice:active{transform:scale(.96)}.choice.correct{background:var(--green-100);box-shadow:inset 0 0 0 3px var(--green-500), 0 6px 16px #1eb45a40}.choice.wrong{opacity:.7;background:#fff5f6;box-shadow:inset 0 0 0 3px #ffc2c7}.choice:disabled:not(.correct){opacity:.55}.choice .cap{font-family:var(--font-title);font-size:17px;font-weight:600}.choice .cap.hidden{visibility:hidden}.opt-text{align-items:center;gap:10px;font-size:18px;line-height:1.25;display:flex}.vis-hint{margin-bottom:12px}.prompt-card{flex-direction:column;align-items:center;gap:8px;margin-bottom:14px;display:flex}.fr-prompt{color:var(--ink);align-items:center;gap:10px;font-size:20px;display:inline-flex}.write-prompt{text-align:center;font-size:18px}.fill-sentence{text-align:center;margin-top:10px;font-size:22px;line-height:1.5}.blank{border-bottom:3px dashed var(--blue-500);min-width:70px;color:var(--green-600);display:inline-block}.feedback{bottom:calc(var(--safe-bottom) + 8px);box-shadow:var(--shadow-lg);z-index:5;background:#fff;border-radius:24px;margin-top:16px;padding:14px;animation:.28s cubic-bezier(.3,1.4,.5,1) slide-up;position:sticky}.feedback.ok{background:linear-gradient(#f0fff5,#ddf8e7)}.feedback.retry{background:linear-gradient(#fffaf0,#fff1d9)}.feedback.reveal{background:linear-gradient(#f5f8ff,#e7eeff)}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.fb-body{align-items:center;gap:12px;margin-bottom:10px;display:flex}.feedback.retry .fb-body{margin-bottom:0}.fb-lily{object-fit:cover;object-position:50% 0;background:#ffffffb3;border-radius:20px;flex:none;width:76px;height:76px}.fb-title{font-family:var(--font-title);color:#138a42;font-size:22px;font-weight:600}.fb-title.soft{color:#a35a00;font-size:19px}.feedback.reveal .fb-title.soft{color:var(--blue-700)}.fb-en{font-family:var(--font-title);color:var(--ink);font-size:19px;font-weight:600}.fb-fr{color:var(--ink-2);font-size:16px}.soft-msg{color:#8a4a00;background:#fff4e0;border-radius:14px;margin-top:10px;padding:10px 12px;font-size:16px}.ok-msg{background:var(--green-100);color:#12733a;border-radius:14px;margin-top:10px;padding:10px 12px;font-size:16px}.sticky-actions{bottom:calc(var(--safe-bottom) + 8px);z-index:5;margin-top:16px;position:sticky}.tip{background:var(--gold-100);color:#7a5200;border-radius:14px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;font-size:15px;line-height:1.35;display:flex}.tip svg{flex:none;margin-top:2px}.discover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.disc-card{box-shadow:var(--shadow);background:#fff;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:176px;padding:12px 8px 10px;transition:transform .12s,box-shadow .2s;display:flex;position:relative}.disc-card:active{transform:scale(.95)}.disc-card.heard{box-shadow:inset 0 0 0 3px var(--green-500), var(--shadow)}.disc-check{background:var(--green-600);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:8px;right:8px}.disc-en{overflow-wrap:anywhere;font-family:var(--font-title);color:var(--blue-700);text-align:center;font-size:20px;font-weight:600;line-height:1.1}.disc-fr{color:var(--ink-2);text-align:center;font-size:14px;line-height:1.2}.disc-fr.ghost{opacity:.6}.disc-word-big{overflow-wrap:anywhere;font-family:var(--font-title);color:var(--purple-600);text-align:center;place-items:center;min-height:96px;font-size:28px;display:grid}.phrase-card{padding-top:6px;position:relative;overflow:hidden}.phrase-top{background:linear-gradient(180deg, var(--blue-100), transparent);border-radius:var(--r) var(--r) 0 0;justify-content:space-around;align-items:flex-end;height:180px;margin:0 -16px;padding:0 14px;display:flex}.phrase-lily{object-fit:contain;object-position:bottom;height:180px}.phrase-vis{align-self:center}.phrase-speaker{color:var(--purple-600);margin-top:8px;font-weight:800}.phrase-main{align-items:center;gap:14px;margin-top:10px;display:flex}.phrase-en{font-family:var(--font-title);color:var(--blue-800);font-size:30px;font-weight:700;line-height:1.1}.phrase-tools{align-items:center;gap:10px;margin-top:12px;display:flex}.understand{flex:1;min-height:54px;font-size:18px}.fr-box{text-align:left;width:100%;color:var(--ink);background:#fff8e1;border:2px solid #ffe08a;border-radius:18px;align-items:center;gap:12px;margin-top:12px;padding:14px;font-size:20px;display:flex}.fr-box svg{color:#e09b00;flex:none}.btn.sel{filter:brightness(1.1);box-shadow:0 0 0 4px #ffffffd9,0 6px #00000024}.speak-target{margin-bottom:6px;font-size:17px}.speak-target b{font-family:var(--font-title);color:var(--blue-700);font-size:20px}.speak-stage{justify-content:center;align-items:flex-end;gap:0;margin:4px 0 -8px;display:flex}.speak-lily{height:190px}.bubble{box-shadow:var(--shadow);color:var(--ink);background:#fff;border-radius:20px 20px 20px 4px;margin-bottom:120px;padding:10px 14px;font-size:17px}.bubble b{font-family:var(--font-title);color:var(--green-600);font-size:21px}.speak-panel{box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:16px}.speak-panel.compact{box-shadow:none;padding:8px 0 0}.mic-row{justify-content:center;align-items:center;gap:10px;display:flex}.mic-btn{color:#fff;background:radial-gradient(circle at 35% 30%,#ff8cc6,#ff3d9a 55%,#e0157a);border-radius:50%;flex:none;place-items:center;width:96px;height:96px;transition:transform .12s;display:grid;box-shadow:0 10px 24px #ff288c73,inset 0 3px #ffffff59}.mic-btn:active{transform:scale(.92)}.mic-btn.live{animation:1.1s infinite mic-pulse}@keyframes mic-pulse{0%,to{box-shadow:0 0 #ff3d9a8c}50%{box-shadow:0 0 0 18px #ff3d9a00}}.wave{align-items:center;gap:4px;height:44px;display:flex}.wave i{background:#b9c6f0;border-radius:4px;width:4px;height:10px;display:block}.wave.on i{background:var(--pink-400);animation:.8s ease-in-out infinite wave}@keyframes wave{0%,to{height:8px}50%{height:38px}}.speak-msg{text-align:center;color:var(--ink-2);margin-top:12px;font-size:17px;line-height:1.35}.heard{background:#fff6e6;border-radius:16px;padding:12px}.heard.good{background:var(--green-100)}.heard-title{font-family:var(--font-title);color:var(--ink);font-size:19px;font-weight:600}.heard-words{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.heard-words span{color:var(--ink-2);background:#fff;border-radius:10px;padding:4px 10px;font-weight:800}.heard-words span.hit{background:var(--green-500);color:#fff}.self-check .btn{min-height:50px;font-size:17px}.match-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.match-col{flex-direction:column;gap:10px;display:flex}.match-img,.match-word{min-height:90px;box-shadow:var(--shadow-sm), inset 0 0 0 3px transparent;background:#fff;border-radius:18px;place-items:center;transition:transform .12s,box-shadow .2s;display:grid}.match-word{font-family:var(--font-title);text-align:center;padding:6px;font-size:19px;font-weight:600}.match-img.sel,.match-word.sel{box-shadow:inset 0 0 0 3px var(--blue-500), var(--shadow);transform:scale(1.03)}.match-img.done,.match-word.done{background:var(--green-100);box-shadow:inset 0 0 0 3px var(--green-500);opacity:.85}.order-slots{border:3px dashed var(--line);min-height:96px;box-shadow:none;flex-wrap:wrap;place-content:center;align-items:center;gap:8px;margin-bottom:14px;display:flex}.order-slots.ok{border-color:var(--green-500);background:var(--green-100)}.order-bank{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px;display:flex}.tile{min-width:52px;min-height:52px;font-family:var(--font-title);color:var(--ink);box-shadow:0 4px 0 #cdd6f3, var(--shadow-sm);background:#fff;border-radius:14px;padding:0 16px;font-size:21px;font-weight:600;transition:transform .1s}.tile:active{transform:translateY(2px);box-shadow:0 2px #cdd6f3}.tile.placed{background:var(--blue-50);box-shadow:0 4px #b7c8f5}.tile.used{visibility:hidden}.spell-slots{flex-wrap:wrap;justify-content:center;gap:6px;margin:4px 0 16px;display:flex}.slot{border-bottom:4px solid var(--blue-400);width:42px;height:52px;font-family:var(--font-title);color:var(--blue-800);background:#ffffffe6;border-radius:12px;place-items:center;font-size:26px;font-weight:600;display:grid}.spell-slots.ok .slot{background:var(--green-100);border-color:var(--green-600)}.letter-bank{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tile.letter{width:56px;padding:0;font-size:26px}.tile.letter.erase{color:var(--pink-500);background:#fff0f3;place-items:center;display:grid}.text-answer{flex-direction:column;gap:10px;display:flex}.text-answer input,.text-answer textarea{width:100%;font-family:var(--font-title);color:var(--ink);box-shadow:var(--shadow);resize:none;background:#fff;border:3px solid #fff;border-radius:18px;padding:14px 16px;font-size:22px;font-weight:600}.text-answer input:focus,.text-answer textarea:focus{border-color:var(--blue-400);outline:none}.scene{margin-bottom:12px}.chat{flex-direction:column;gap:10px;display:flex}.msg{align-items:flex-end;gap:8px;display:flex}.msg.me{justify-content:flex-end}.avatar{object-fit:cover;object-position:top;width:46px;height:46px;box-shadow:var(--shadow-sm);background:#fff;border:2px solid #fff;border-radius:50%;flex:none}.avatar.me,.avatar.initial{color:#fff;place-items:center;font-size:14px;font-weight:800;display:grid}.avatar.me{background:linear-gradient(180deg, var(--pink-400), var(--purple-500))}.avatar.initial{background:linear-gradient(180deg, var(--orange-500), var(--pink-500));font-size:20px}.bubble-msg{text-align:left;max-width:78%;box-shadow:var(--shadow-sm);background:#fff;border-radius:20px 20px 20px 6px;flex-direction:column;gap:3px;padding:10px 34px 10px 14px;font-size:18px;display:flex;position:relative}.msg.me .bubble-msg{background:var(--green-100);border-radius:20px 20px 6px;padding-right:14px}.who{color:var(--purple-600);font-size:12px;font-weight:800}.msg-fr{color:var(--ink-2);font-size:14px;font-family:var(--font);font-weight:700}.msg-ico{color:var(--blue-500);position:absolute;bottom:10px;right:10px}.typing .dots{background:#fff;border-radius:18px;gap:4px;padding:14px 16px;display:inline-flex}.dots i{background:var(--blue-400);border-radius:50%;width:8px;height:8px;animation:1s infinite dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.your-turn{border:3px solid var(--gold-400);margin-top:14px}.turn-title{font-family:var(--font-title);color:#b07400;margin-bottom:10px;font-size:20px;font-weight:600}.reading-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.reading-head h3{color:var(--blue-700);margin-bottom:6px;font-size:22px}.reading-lily{height:110px}.reading-text{flex-direction:column;gap:2px;margin:8px 0 12px;display:flex}.read-sent{text-align:left;border-radius:12px;flex-direction:column;padding:6px 8px;font-size:19px;line-height:1.35;display:flex}.read-sent:active{background:var(--blue-50)}.q-title{font-size:19px}.culture .culture-kicker{color:var(--pink-500);font-weight:800}.culture h2{color:var(--blue-700);margin:4px 0;font-size:24px}.culture-text{text-align:left;color:var(--ink);font-size:17px;line-height:1.45}.culture-text svg{vertical-align:middle;color:var(--blue-500);display:inline}.culture-words{flex-direction:column;gap:8px;margin-top:12px;display:flex}.cw{background:var(--blue-50);text-align:left;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:10px 12px;display:flex}.cw svg{color:var(--blue-600);flex:none}.intro-card{text-align:center;padding-top:18px;position:relative}.intro-cover{object-fit:contain;width:120px;height:120px}.intro-kicker{color:var(--purple-600);margin-top:6px;font-weight:800}.intro-title{color:var(--blue-800);margin:4px 0 8px;font-size:30px}.intro-goal{text-align:left;background:#fff;border-radius:16px;gap:8px;padding:12px;font-size:18px;line-height:1.4;display:flex}.intro-listen{color:var(--blue-600);align-items:center;gap:6px;min-height:44px;margin-top:10px;font-weight:800;display:inline-flex}.intro-lily{justify-content:center;align-items:flex-end;margin-top:8px;display:flex}.intro-lily img{height:210px}.intro-lily .bubble{font-family:var(--font-title);margin-bottom:140px;font-size:20px;font-weight:600}.section-step{text-align:center;color:#fff;padding-top:20px}.section-num{width:92px;height:92px;font-family:var(--font-title);background:linear-gradient(180deg, var(--gold-400), #ffa600);color:#fff;box-shadow:var(--shadow-lg);border-radius:50%;place-items:center;margin:0 auto 12px;font-size:50px;font-weight:700;display:grid}.section-step h2{font-size:32px}.section-step .muted{color:#ffffffd9;font-size:18px}.section-lily{height:220px;margin-top:10px}.result{text-align:center}.result-top{color:#fff;padding-top:6px}.result-lily{filter:drop-shadow(0 10px 20px #000a5066);height:210px;animation:.5s ease-out float-in}.result-top h1{margin-top:4px;font-size:30px}.result-top p{opacity:.92;margin:6px 12px 14px;font-size:17px}.stars-row{justify-content:center;align-items:center;gap:6px;margin-bottom:10px;display:flex}.rstar.on{animation:.5s cubic-bezier(.3,1.6,.5,1) both star-in}@keyframes star-in{0%{transform:scale(0)rotate(-40deg)}to{transform:none}}.earned{font-family:var(--font-title);color:#c98a00;font-size:26px}.result-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.result-stats div{background:var(--card-tint);border-radius:14px;flex-direction:column;padding:8px 4px;display:flex}.result-stats b{font-family:var(--font-title);color:var(--blue-700);font-size:22px}.result-stats span{color:var(--ink-2);font-size:12.5px}.new-badges{text-align:left;margin-top:12px}.new-badges h3{margin-bottom:8px}.nb img{object-fit:contain;width:56px;height:56px}.btn-ico{object-fit:contain;width:34px;height:34px}.modal-backdrop{z-index:50;padding:16px 16px calc(var(--safe-bottom) + 16px);background:#0a14508c;justify-content:center;align-items:flex-end;animation:.2s screen-in;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:480px;padding-top:20px;animation:.3s cubic-bezier(.3,1.4,.5,1) slide-up;position:relative}.modal h2{color:var(--blue-800);margin-bottom:4px}.modal-lily{height:120px;margin:-70px auto 0;display:block}.vis-img{object-fit:contain;filter:drop-shadow(0 4px 6px #1e32a026);display:block}.vis-color{place-items:center;display:inline-grid}.vis-color i{background:radial-gradient(circle at 32% 28%, #ffffffbf, transparent 34%), var(--c);border:3px solid #fff;border-radius:50%;width:82%;height:82%;box-shadow:inset 0 -6px 12px #0000002e,0 6px 14px #141e5a33}.vis-number{color:#fff;font-family:var(--font-title);background:radial-gradient(circle at 30% 25%, #ffffff73, transparent 40%), var(--c);text-shadow:0 3px #00000026;border-radius:26%;place-items:center;font-weight:700;display:inline-grid;box-shadow:inset 0 -6px #00000024,0 6px 14px #141e5a38}.vis-letter{color:var(--purple-600);font-family:var(--font-title);background:linear-gradient(#fff,#f1ecff);border-radius:26%;justify-content:center;align-items:baseline;gap:4px;padding-top:8%;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 3px #e3d6ff,0 6px 14px #141e5a26}.vis-letter small{color:var(--pink-500);font-size:.6em}.vis-clock{filter:drop-shadow(0 6px 10px #141e5a33);width:100%;height:100%}.vis-flag{object-fit:cover;border-radius:10px;box-shadow:0 0 0 2px #fff,0 6px 14px #141e5a33}.vis-cal{color:var(--ink);font-family:var(--font-title);text-align:center;background:#fff;border-radius:18%;flex-direction:column;justify-content:center;align-items:center;padding-top:18%;font-weight:600;line-height:1.05;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 14px #141e5a2e}.vis-cal b{background:linear-gradient(90deg, var(--pink-500), var(--purple-500));height:22%;position:absolute;top:0;left:0;right:0}.vis-cal small{color:var(--ink-2);font-size:.75em}.empty-state{padding-top:80px}.empty-state img{margin:0 auto;display:block}@media (width>=541px){body{background:radial-gradient(circle at 50% 0,#3355f0,#10208f 70%)}.app{background:linear-gradient(180deg, var(--blue-800) 0%, var(--blue-700) 40%, #3355f0 100%);box-shadow:0 0 60px #0000004d}}.vis-text{text-align:center;color:var(--blue-700,#2142e0);font-family:var(--font-title);overflow-wrap:anywhere;background:linear-gradient(160deg,#eef3ff,#dfe7ff);border-radius:22%;justify-content:center;align-items:center;padding:8px;font-weight:600;line-height:1.15;display:inline-flex;box-shadow:inset 0 0 0 2px #2142e01f}.avatar-fallback{background:linear-gradient(160deg,#eef3ff,#dfe7ff);border-radius:50%;place-items:center;display:inline-grid}.stat-emoji{place-items:center;font-size:34px;display:inline-grid}.avatar-img{object-fit:contain;filter:drop-shadow(0 3px 5px #141e5a33);display:block}.mode-choice{flex-direction:column;justify-content:flex-end;align-items:center;min-height:100dvh;display:flex}.mode-lily{filter:drop-shadow(0 12px 24px #000a5066);z-index:1;height:min(38vh,320px);margin-bottom:-14px;animation:.6s ease-out float-in;position:relative}.mode-card{z-index:2;text-align:center;flex-direction:column;gap:12px;width:100%;display:flex;position:relative}.mode-card h1{color:var(--blue-700);font-size:32px}.mode-card p{margin:0;font-size:18px}.mode-btn{text-align:left;color:#fff;width:100%;box-shadow:0 6px 0 #00000024, var(--shadow-sm);border-radius:22px;align-items:center;gap:14px;min-height:92px;padding:16px;display:flex}.mode-btn.home{background:linear-gradient(110deg,#ff8a1f,#ff3d9a)}.mode-btn.school{background:linear-gradient(110deg, var(--blue-500), var(--purple-500))}.mode-btn b{font-family:var(--font-title);font-size:24px;font-weight:600;display:block}.mode-btn small{opacity:.95;font-size:14.5px;line-height:1.3;display:block}.mode-ico{background:#ffffff38;border-radius:18px;flex:none;place-items:center;width:60px;height:60px;display:grid}.picker-head{color:#fff;align-items:center;gap:12px;margin:4px 0 14px;display:flex}.picker-head h1{font-size:30px}.picker-head p{opacity:.9;margin:2px 0 0}.picker-lily{flex:none;height:120px}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.profile-grid.small{margin-top:12px}.profile-btn{box-shadow:var(--shadow);background:#fff;border-radius:22px;flex-direction:column;align-items:center;gap:6px;min-height:128px;padding:14px 6px 12px;display:flex}.profile-btn b{font-family:var(--font-title);text-align:center;overflow-wrap:anywhere;font-size:18px;font-weight:600;line-height:1.1}.class-banner{border:3px solid var(--gold-400);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.teacher-link{color:#fff;background:#ffffff29;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;margin:22px auto 0;padding:0 18px;font-weight:800;display:flex}.profile-chip{z-index:5;top:calc(var(--safe-top) + 12px);min-height:48px;color:var(--blue-700);box-shadow:var(--shadow);background:#fffffff2;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 4px;font-weight:800;display:flex;position:absolute;right:12px}.class-card{border:3px solid var(--gold-400);align-items:center;gap:12px;width:100%;margin-top:14px;display:flex}.class-card b{font-family:var(--font-title);font-size:19px;font-weight:600}.class-ico{color:#fff;background:linear-gradient(#ffd54d,#ffa600);border-radius:16px;flex:none;place-items:center;width:52px;height:52px;display:grid}.teacher .section-title{margin-top:14px}.pinpad{text-align:center;max-width:380px;margin:0 auto}.pinpad h2{color:var(--blue-800)}.pin-dots{justify-content:center;gap:14px;margin:14px 0;display:flex}.pin-dots i{border:3px solid var(--blue-500);border-radius:50%;width:18px;height:18px}.pin-dots i.on{background:var(--blue-500)}.pin-keys{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.pin-keys button{background:var(--blue-50);min-height:64px;font-family:var(--font-title);color:var(--blue-800);border-radius:18px;place-items:center;font-size:28px;font-weight:600;display:grid}.pin-keys button:active{background:var(--blue-100);transform:scale(.96)}.avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.avatar-opt{background:var(--card-tint);border:3px solid #0000;border-radius:16px;place-items:center;min-height:60px;padding:6px;display:grid}.avatar-opt.used{opacity:.45}.avatar-opt.sel{border-color:var(--blue-500);background:var(--blue-50);opacity:1}.student-row{align-items:flex-start;gap:12px;display:flex}.student-row b{font-family:var(--font-title);font-size:19px;font-weight:600}.student-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.student-actions button{background:var(--blue-50);min-height:44px;color:var(--blue-700);border-radius:12px;align-items:center;gap:4px;padding:0 12px;font-size:14px;font-weight:800;display:inline-flex}.student-actions button.danger{color:#c03030;background:#fff0f0}.theme-tile.selected{box-shadow:inset 0 0 0 4px var(--blue-500), var(--shadow)}.duration-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.duration{min-height:76px;box-shadow:var(--shadow-sm);background:#fff;border:3px solid #0000;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:12px 6px;display:flex}.duration b{font-family:var(--font-title);color:var(--blue-700);font-size:24px}.duration small{color:var(--ink-2);text-align:center;font-size:12.5px}.duration.on{border-color:var(--blue-500);background:var(--blue-50)}.class-current{border:3px solid var(--gold-400);justify-content:space-between;align-items:center;gap:12px;display:flex}.hint-dark{color:#ffffffd9}.program-theme summary{cursor:pointer;align-items:center;gap:12px;min-height:52px;list-style:none;display:flex}.program-theme summary::-webkit-details-marker{display:none}.skill-chips{flex-wrap:wrap;gap:6px;margin:10px 0 6px;display:flex}.skill-chips span{background:var(--blue-50);color:var(--blue-700);border-radius:999px;padding:4px 9px;font-size:12.5px;font-weight:800}.program-lessons{margin:6px 0 0;padding-left:22px;font-size:15px;line-height:1.4}.program-lessons li+li{margin-top:6px}.privacy p{margin:0 0 8px;line-height:1.4}.no-mic{text-align:center;padding:6px 0}@media (width>=700px){.app,.bottom-nav{max-width:860px}.screen{padding-left:28px;padding-right:28px}.hero{min-height:380px;margin:0 -28px;padding-left:28px;padding-right:28px}.hero-lily{height:360px;right:20px}.theme-grid,.imagier{grid-template-columns:repeat(5,minmax(0,1fr))}.discover-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.badge-grid{grid-template-columns:repeat(3,1fr)}.tiles4{grid-template-columns:repeat(4,1fr)}.theme-mini{width:140px}.player-body{max-width:680px;margin:0 auto}.choices.grid .choice{min-height:190px}.mode-card,.onb-card{max-width:560px}.avatar-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}@media (width>=541px) and (width<=699px){.app,.bottom-nav{max-width:640px}}.mode-card .mode-hint{color:#6b3a00;background:#fff4e0;border-radius:14px;padding:10px 12px;font-size:15.5px;line-height:1.35}.storage-warn{z-index:50;padding:calc(8px + env(safe-area-inset-top)) 14px 8px;color:#3a2000;text-align:center;background:#ffb020;font-size:15px;font-weight:700;line-height:1.35;position:sticky;top:0}.storage-warn a{color:#3a2000;text-decoration:underline}.guide h3{margin:0}.guide .steps-list li+li{margin-top:4px}