.menu-screen{height:100%;background:var(--background);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4vmin;padding:4vmin;overflow:hidden}.menu-logo{width:min(50vmin,420px);height:auto;-webkit-user-select:none;user-select:none;pointer-events:none;mix-blend-mode:multiply}.menu-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2.5vmin;width:100%;max-width:1400px}.menu-tile{aspect-ratio:1;padding:0;border:none;border-radius:18%;background:var(--primary);box-shadow:0 6px 0 var(--primary-dark),0 10px 18px #129cff4d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;position:relative}.menu-tile:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--primary-dark),0 12px 22px #129cff5c}.menu-tile:active{transform:translateY(6px);box-shadow:0 0 0 var(--primary-dark),0 2px 6px #129cff4d}.menu-tile-label{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(28px,6.5vmin,76px);color:#fff;line-height:1}.menu-tile-star{position:absolute;bottom:4%;left:50%;transform:translate(-50%);width:28%;height:28%;pointer-events:none;-webkit-user-select:none;user-select:none}@media (orientation: portrait){.menu-grid{grid-template-columns:repeat(2,1fr);max-width:560px;gap:4vmin}.menu-tile-label{font-size:clamp(32px,11vmin,88px)}}.stars-row{display:flex;flex-direction:row;align-items:center;gap:10px}.star-slot{position:relative}.star-base,.star-fill{position:absolute;top:0;left:0;display:block}.star-fill{opacity:0;transform:scale(.4);transition:opacity .12s ease}.star-fill.is-filled{opacity:1;animation:star-pop .38s cubic-bezier(.34,1.56,.64,1) both}@keyframes star-pop{0%{transform:scale(.3);opacity:.4}60%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}.menubar{position:absolute;top:0;left:0;right:0;z-index:5;padding:max(14px,env(safe-area-inset-top)) 16px 0;pointer-events:none}.menubar-pause{position:absolute;top:14px;left:16px;pointer-events:auto}.menubar-center{display:flex;flex-direction:column;align-items:center}.menubar-track{width:min(78vmin,calc(100% - 40px));position:relative;height:12px;border-radius:10px;background:var(--grey);overflow:visible}.menubar-fill{height:100%;border-radius:10px;background:var(--progress);transition:width .4s ease}.menubar-dots{position:absolute;top:50%;left:0;right:0;height:22px;transform:translateY(-50%)}.menubar-dot{position:absolute;width:22px;height:22px;border-radius:50%;margin-left:-11px;transition:background .2s ease}.menubar-stars{display:flex;justify-content:center;padding-top:10px}@media (orientation: portrait){.menubar{display:flex;flex-direction:column}.menubar-pause{position:static;align-self:flex-start;margin-bottom:12px}.menubar-pause img{width:52px;height:52px}}@media (orientation: landscape) and (max-height: 560px){.menubar-pause{transform:scale(.62);transform-origin:top left}.menubar-center{transform:scale(.62);transform-origin:top center}}.record-circle{position:relative;display:flex;align-items:center;justify-content:center}.rc-outer,.rc-inner{position:absolute;border-radius:50%;transition:width .26s ease,height .26s ease;will-change:transform}.rc-outer{background:var(--primary-soft)}.rc-outer.is-listening{animation:rc-breathe 1.8s ease-in-out infinite}.rc-inner{background:var(--inner-light);box-shadow:0 10px 30px #129cff40}.rc-inner.is-speaking{background:var(--primary)}.rc-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.rc-word{color:#fff;font-weight:700;font-size:13vmin;line-height:1;text-shadow:0 3px 10px rgba(0,0,0,.12)}@media (orientation: landscape) and (max-height: 560px){.record-circle{transform:scale(.6)}}@keyframes rc-breathe{0%,to{opacity:.85}50%{opacity:1}}.burst-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.burst-blue{position:absolute;width:30vmin;height:30vmin;border-radius:50%;background:var(--primary);animation:burst-grow .48s cubic-bezier(.4,0,.2,1) forwards}.burst-white{position:absolute;width:10vmin;height:10vmin;border-radius:50%;background:#fff;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;animation:burst-grow-white .42s .36s cubic-bezier(.4,0,.2,1) forwards}.burst-character{width:70vmin;height:auto;transform:translateY(40%) scale(.6);opacity:0;animation:burst-character-in .32s .56s ease-out forwards}@keyframes burst-grow{to{width:320vmax;height:320vmax}}@keyframes burst-grow-white{to{width:220vmax;height:220vmax}}@keyframes burst-character-in{to{transform:translateY(0) scale(1.1);opacity:1}}.interlude{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3vmin;background:none;border:none;animation:interlude-in .32s ease-out both}.interlude-character{width:46vmin;height:auto;animation:interlude-bob 1.6s ease-in-out infinite}.interlude-text{font-size:4.5vmin;font-weight:600;color:var(--text)}@keyframes interlude-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes interlude-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2vmin)}}.lesson-screen{position:relative;height:100%;overflow:hidden;background:var(--background)}.lesson-body{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.lesson-card{max-width:540px;margin:0 24px;padding:36px 40px;background:#ffffffeb;border-radius:28px;box-shadow:0 18px 40px #173a5e29;text-align:center}.lesson-card-title{margin:0 0 12px;font-size:30px;font-weight:700;color:var(--text)}.lesson-card-words{margin:0 0 16px;font-size:22px;font-weight:600;color:var(--primary);letter-spacing:.5px}.lesson-card-hint{margin:0 0 20px;font-size:16px;font-weight:500;color:#5b7287;line-height:1.5}.lesson-start-btn{border:none;border-radius:999px;padding:16px 32px;font-size:18px;font-weight:600;color:#fff;background:var(--primary);box-shadow:0 10px 24px #129cff59;transition:transform .14s ease,opacity .14s ease}.lesson-start-btn:hover:not(:disabled){transform:translateY(-2px)}.lesson-start-btn:disabled{opacity:.55;cursor:default}.lesson-mic{position:absolute;bottom:36px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:2}.lesson-mic img{width:52px;height:auto;opacity:.9}.lesson-mic img.is-speaking{animation:mic-pulse .4s ease-out}@media (orientation: landscape) and (max-height: 560px){.lesson-mic{bottom:8px}.lesson-mic img{width:30px}}@keyframes mic-pulse{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}@font-face{font-family:Fredoka;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/Fredoka-Regular-CfV-1dTi.ttf) format("truetype")}@font-face{font-family:Fredoka;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/Fredoka-Medium-B2CDAGP6.ttf) format("truetype")}@font-face{font-family:Fredoka;font-weight:600;font-style:normal;font-display:swap;src:url(/assets/Fredoka-SemiBold-BIDw7ui2.ttf) format("truetype")}@font-face{font-family:Fredoka;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/Fredoka-Bold-OltQ2MHo.ttf) format("truetype")}:root{--primary: #129cff;--primary-opaque: #129cff80;--primary-soft: #129cff33;--primary-dark: #0071c2;--inner-light: #34acf2cc;--background: #f3f3f6;--progress: #01debc;--grey: #a7a7ab;--white70: #ffffff80;--text: #173a5e}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%}body{font-family:Fredoka,system-ui,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none}button{font-family:inherit;cursor:pointer}