:root{color-scheme:dark;--font-head: "Fredoka", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--navy: #0b2b40;--navy-2: #103a54;--teal: #2ec8d8;--teal-soft: rgba(22, 184, 200, .14);--turquoise: #16b8c8;--accent: #ff7a59;--accent-2: #ffb020;--correct: #3ddc8f;--correct-bg: rgba(34, 197, 122, .14);--wrong: #ff8071;--wrong-bg: rgba(224, 83, 61, .16);--amber: #ffc15e;--amber-bg: rgba(255, 176, 32, .12);--amber-border: rgba(255, 176, 32, .35);--ink: #e8f2f8;--ink-soft: #a7bdcc;--ink-faint: #6e8799;--border: rgba(141, 205, 222, .14);--surface: #0e2538;--surface-2: #14304a;--bg: #071622;--heading: #f2f9fd;--grad-header: linear-gradient(120deg, #081d2e 0%, #0e5566 60%, #0e7c8b 100%);--grad-primary: linear-gradient(135deg, #0e7c8b 0%, #16b8c8 100%);--grad-accent: linear-gradient(135deg, #ff7a59 0%, #ffb020 100%);--grad-progress: linear-gradient(90deg, #16b8c8 0%, #2fd6b0 100%);--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 24px;--r-pill: 999px;--sh-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .25);--sh-md: 0 4px 10px rgba(0, 0, 0, .32), 0 10px 24px rgba(0, 0, 0, .28);--sh-lg: 0 10px 32px rgba(0, 0, 0, .5);--sh-teal: 0 6px 18px rgba(22, 184, 200, .35);--glow-teal: 0 0 0 1px rgba(22, 184, 200, .28), 0 8px 30px rgba(22, 184, 200, .16);--shadow: var(--sh-md);--tap-min: 44px;--tap-cta: 52px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--t-fast: .12s ease;--t-med: .2s ease;--t-page: .28s cubic-bezier(.2, .8, .3, 1);--fs-body: 1rem;--fs-lg: 1.15rem;--fs-title: 1.35rem;--fs-hero: 1.6rem;font-family:var(--font-body);line-height:1.55;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 500px at 50% -10%,#e8f3f5,#e8f3f500 70%),var(--bg);min-height:100vh}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.01em}.app{min-height:100vh}.app-header{position:sticky;top:0;z-index:10;background:var(--grad-header);padding:.8rem 1.25rem;box-shadow:0 2px 14px #0b2b4038}.app-title{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none}.app-logo{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:10px;color:#fff;background:#ffffff29;box-shadow:inset 0 0 0 1px #ffffff2e}.app-wordmark{font-family:var(--font-head);font-weight:600;font-size:1.2rem;color:#fff;letter-spacing:.005em}.app-wordmark__accent{color:#7fe7df}.app-main{max-width:720px;margin:0 auto;padding:1.25rem}.state{text-align:center;color:var(--ink-soft);padding:3rem 1rem}.state--error{color:var(--wrong)}.state__detail{font-size:.9rem;color:var(--ink-faint);margin-top:.25rem}.lesson-list{display:flex;flex-direction:column;gap:.9rem}.lesson-card{position:relative;display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.2rem 2.4rem 1.2rem 1.25rem;text-decoration:none;color:inherit;box-shadow:var(--sh-sm);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.lesson-card:after{content:"›";position:absolute;right:1.1rem;top:50%;transform:translateY(-50%);font-size:1.6rem;line-height:1;color:var(--turquoise);opacity:.7;transition:transform .16s ease}@media (hover: hover){.lesson-card:hover{transform:translateY(-2px);box-shadow:var(--sh-md);border-color:#cfe3e7}}@media (hover: hover){.lesson-card:hover:after{transform:translateY(-50%) translate(3px)}}.lesson-card:active{transform:translateY(0) scale(.995)}.lesson-card__module{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:var(--teal);font-weight:700}.lesson-card__title{margin:.3rem 0 .7rem;font-size:1.2rem;color:var(--heading);line-height:1.25}.lesson-card__count{display:inline-block;font-size:.78rem;font-weight:600;color:var(--teal);background:var(--teal-soft);border-radius:var(--r-pill);padding:.2rem .7rem}.back-link{display:inline-block;color:var(--teal);text-decoration:none;font-size:.9rem;font-weight:600;margin-bottom:1rem;background:none;border:none;cursor:pointer;padding:0}.lesson__header{margin-bottom:1.5rem}.lesson__module{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--teal);font-weight:700}.lesson__title{margin:.3rem 0 .6rem;font-size:1.6rem;color:var(--heading);line-height:1.2}.lesson__description{margin:0;color:var(--ink-soft);font-size:.98rem}.item-list{display:flex;flex-direction:column;gap:1rem}.item-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.2rem;box-shadow:var(--sh-sm)}.item-card__badges{display:flex;gap:.4rem;margin-bottom:.7rem}.badge{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;border-radius:var(--r-pill);padding:.2rem .6rem}.badge--type{background:var(--teal-soft);color:var(--teal)}.badge--level{background:#eef1f4;color:var(--ink-soft)}.item-card__english{margin:0;font-size:1.3rem;font-weight:600;color:var(--ink)}.item-card__translation{margin:.7rem 0 0;font-size:1.05rem;color:var(--heading);font-weight:500}.item-card__note{margin:.5rem 0 0;font-size:.9rem;color:var(--ink-faint);line-height:1.55}.item-card__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}.tag{font-size:.72rem;color:var(--ink-faint)}.dialogue{border-left:3px solid var(--teal);padding-left:.9rem}.dialogue__scenario{margin:0 0 .6rem;font-style:italic;color:var(--ink-soft);font-size:.9rem}.dialogue__line{margin:.35rem 0;font-size:1.05rem;color:var(--ink)}.dialogue__speaker{font-weight:700;color:var(--teal)}.interactive{margin-top:.2rem}.interactive__actions{display:flex;gap:.6rem;margin-top:.9rem}.options{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.option{font:inherit;font-size:1rem;font-weight:500;cursor:pointer;background:var(--surface);color:var(--heading);border:2px solid var(--border);border-radius:var(--r-md);padding:.6rem 1.05rem;box-shadow:var(--sh-sm);transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}@media (hover: hover){.option:hover:not(:disabled){border-color:var(--turquoise);transform:translateY(-1px)}}.option:active:not(:disabled){transform:scale(.96)}.option:disabled{cursor:default;box-shadow:none}.option--correct{background:var(--correct-bg);border-color:var(--correct);color:var(--correct);font-weight:700}.option--wrong{background:var(--wrong-bg);border-color:var(--wrong);color:var(--wrong);animation:shake .32s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.answer-row{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;min-height:3.2rem;margin-top:.6rem;padding:.7rem;border:2px dashed var(--border);border-radius:var(--r-md);background:#f7fbfc;transition:border-color .2s ease,background .2s ease}.answer-row--correct{border-style:solid;border-color:var(--correct);background:var(--correct-bg)}.answer-row--wrong{border-style:solid;border-color:var(--wrong);background:var(--wrong-bg)}.answer-row__placeholder{color:var(--ink-faint);font-size:.92rem}.word-bank{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.chip{font:inherit;font-size:1rem;font-weight:500;cursor:pointer;background:var(--surface);color:var(--heading);border:2px solid var(--border);border-radius:var(--r-pill);padding:.5rem 1rem;box-shadow:var(--sh-sm);transition:transform .12s ease,background .12s ease,border-color .12s ease}@media (hover: hover){.chip:hover{border-color:var(--turquoise);transform:translateY(-1px)}}.chip:active{transform:scale(.94)}.chip--placed{background:var(--teal-soft);border-color:transparent}.chip--placed:disabled{cursor:default;background:transparent;border-color:transparent;box-shadow:none;font-weight:700;color:var(--correct)}.btn{font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;border-radius:var(--r-md);padding:.6rem 1.25rem;border:2px solid transparent;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease}.btn:active:not(:disabled){transform:scale(.97)}.btn--primary{background:var(--grad-primary);color:#fff;box-shadow:var(--sh-teal)}.btn--primary:disabled{background:#b9ccd2;box-shadow:none;cursor:default}.btn--ghost{background:var(--surface);color:var(--ink-soft);border-color:var(--border)}.feedback{margin:.9rem 0 0;font-size:.98rem;font-weight:700;animation:fade-in .25s ease}.feedback--correct{color:var(--correct)}.feedback--wrong{color:var(--wrong)}.reveal{margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--border);animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.pa{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.pa-record{font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;background:var(--teal-soft);color:var(--teal);border:none;border-radius:var(--r-pill);padding:.6rem 1.2rem;transition:transform .12s ease,background .12s ease}@media (hover: hover){.pa-record:hover{background:#d2eaec}}.pa-record:active{transform:scale(.97)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.35)}}.pa-spinner{width:1.05rem;height:1.05rem;border:2.5px solid var(--border);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pa-error{margin:0 0 .7rem;color:var(--wrong);font-size:.92rem;font-weight:600}.pa-result{animation:fade-in .25s ease;margin-bottom:.9rem}.pa-score{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;border-radius:50%;color:#fff;box-shadow:var(--sh-md);animation:score-pop .45s cubic-bezier(.34,1.56,.64,1)}@keyframes score-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.pa-score__value{font-family:var(--font-head);font-size:2.1rem;font-weight:700;line-height:1}.pa-score__label{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;opacity:.95}.pa-score--good{background:linear-gradient(135deg,#15a05a,#34c98a)}.pa-score--ok{background:linear-gradient(135deg,#e69500,#ffb020)}.pa-score--bad{background:linear-gradient(135deg,#e0533d,#ff8a6b)}.pa-subscores{display:flex;gap:1.5rem;margin:1rem 0}.pa-subscore{display:flex;flex-direction:column}.pa-subscore__value{font-family:var(--font-head);font-size:1.2rem;font-weight:600;color:var(--heading)}.pa-subscore__label{font-size:.74rem;color:var(--ink-faint)}.pa-words{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.pa-word{font-size:1.05rem;font-weight:600;padding:.1rem}.pa-word--good{color:var(--correct)}.pa-word--ok{color:var(--amber)}.pa-word--bad{color:var(--wrong)}.pa-word--flag{text-decoration:underline wavy var(--wrong);text-underline-offset:3px}.rp{margin-top:.4rem}.rp-scenario{background:var(--teal-soft);border-radius:var(--r-md);padding:.85rem .95rem;margin-bottom:.9rem;border:1px solid #d2e8ea}.rp-scenario--compact{padding:.65rem .85rem;margin-bottom:.7rem}.rp-scenario__el{margin:0;font-size:.95rem;color:var(--heading);font-weight:600}.rp-scenario__en{margin:.35rem 0 0;font-size:.9rem;color:var(--ink-soft);font-style:italic}.rp-scenario__role{margin:.4rem 0 0;font-size:.85rem;color:var(--ink-soft)}.rp-scenario__role strong{color:var(--teal)}.rp-start{font:inherit;font-size:1rem;font-weight:700;cursor:pointer;width:100%;background:var(--grad-primary);color:#fff;border:none;border-radius:var(--r-md);padding:.8rem 1rem;box-shadow:var(--sh-teal);transition:transform .12s ease,opacity .12s ease}.rp-start:active{transform:scale(.99)}.rp-chat{display:flex;flex-direction:column;gap:.6rem;max-height:22rem;overflow-y:auto;padding:.3rem .2rem}.rp-row{display:flex;flex-direction:column;max-width:86%;animation:bubble-in .22s ease}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.rp-row--user{align-self:flex-end;align-items:flex-end}.rp-row--assistant{align-self:flex-start;align-items:flex-start}.rp-bubble{padding:.6rem .85rem;border-radius:var(--r-lg);font-size:1rem;line-height:1.45;word-wrap:break-word;box-shadow:var(--sh-sm)}.rp-bubble--assistant{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-bottom-left-radius:5px}.rp-bubble--user{background:var(--grad-primary);color:#fff;border-bottom-right-radius:5px}.rp-correction{margin-top:.3rem;font-size:.8rem;color:var(--amber);background:var(--amber-bg);border:1px solid var(--amber-border);border-radius:var(--r-sm);padding:.35rem .6rem}.rp-typing{display:inline-flex;gap:.28rem;align-items:center;padding:.7rem .9rem}.rp-typing span{width:.46rem;height:.46rem;border-radius:50%;background:var(--ink-faint);animation:rp-bounce 1.2s infinite ease-in-out}.rp-typing span:nth-child(2){animation-delay:.15s}.rp-typing span:nth-child(3){animation-delay:.3s}@keyframes rp-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.rp-error{margin:.6rem 0 0;font-size:.85rem;color:var(--wrong);font-weight:600}.rp-inputrow{display:flex;gap:.45rem;align-items:center;margin-top:.85rem}.rp-input{flex:1;min-width:0;font:inherit;font-size:1rem;padding:.6rem .9rem;border:2px solid var(--border);border-radius:var(--r-pill);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.rp-input:focus{border-color:var(--turquoise);box-shadow:0 0 0 3px #16b8c829}.rp-mic,.rp-send{font:inherit;cursor:pointer;border:none;border-radius:var(--r-pill);transition:transform .12s ease,opacity .12s ease,background .12s ease}.rp-mic{display:inline-flex;align-items:center;justify-content:center;width:2.7rem;height:2.7rem;flex-shrink:0;font-size:1.15rem;background:var(--teal-soft)}.rp-mic:active{transform:scale(.94)}.rp-mic--active{background:var(--wrong-bg);animation:pulse 1s ease-in-out infinite}.rp-mic:disabled{opacity:.5;cursor:default}.rp-send{font-size:.9rem;font-weight:700;padding:.6rem 1.05rem;background:var(--grad-primary);color:#fff;box-shadow:var(--sh-teal)}.rp-send:active:not(:disabled){transform:scale(.97)}.rp-send:disabled{background:#b9ccd2;box-shadow:none;cursor:default}.rp-restart{font:inherit;font-size:.85rem;cursor:pointer;margin-top:.8rem;background:transparent;border:none;color:var(--ink-faint);text-decoration:underline}.rp-bubbleline{display:flex;align-items:flex-end;gap:.35rem}.rp-speak{flex-shrink:0;cursor:pointer;border:none;background:transparent;font-size:.95rem;line-height:1;padding:.25rem;border-radius:50%;opacity:.6;transition:opacity .12s ease,transform .12s ease}@media (hover: hover){.rp-speak:hover{opacity:1}}.rp-speak--playing{opacity:1;animation:tts-pulse 1s ease-in-out infinite}@keyframes tts-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}.pa-listen{font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;margin-top:1rem;display:inline-flex;align-items:center;gap:.4rem;background:var(--grad-primary);color:#fff;border:none;border-radius:var(--r-pill);padding:.55rem 1.1rem;box-shadow:var(--sh-teal);transition:transform .12s ease,opacity .12s ease}.pa-listen:active{transform:scale(.97)}.pa-listen--playing{animation:tts-pulse 1s ease-in-out infinite}.pa-word--tap{font:inherit;font-weight:600;cursor:pointer;background:var(--amber-bg);border:1.5px solid var(--amber-border);border-radius:var(--r-sm);padding:.12rem .45rem;transition:transform .12s ease,background .12s ease}@media (hover: hover){.pa-word--tap:hover{background:#ffeebf}}.pa-word--tap:active{transform:scale(.95)}.pa-word--playing{background:#ffe7a8;animation:tts-pulse 1s ease-in-out infinite}.player{display:flex;flex-direction:column;min-height:calc(100vh - 3.4rem)}.player__topbar{display:flex;align-items:center;gap:.8rem;padding:.2rem 0 1.3rem}.player__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border:none;background:transparent;color:var(--ink-faint);font-size:1.15rem;cursor:pointer;border-radius:50%;transition:background .12s ease,color .12s ease}@media (hover: hover){.player__close:hover{background:#e6edef;color:var(--ink-soft)}}.player__bar{flex:1;height:.85rem;background:#d9e6e9;border-radius:var(--r-pill);overflow:hidden;box-shadow:inset 0 1px 2px #0b2b401a}.player__bar-fill{height:100%;background:var(--grad-progress);border-radius:var(--r-pill);transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #2fd6b080}.player__step-label{flex-shrink:0;font-family:var(--font-head);font-size:.85rem;font-weight:600;color:var(--ink-faint);min-width:2.8rem;text-align:right}.player__step{flex:1;animation:step-in .3s ease}@keyframes step-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.li{display:flex;flex-direction:column}.li-badges{display:flex;gap:.4rem;margin-bottom:1.2rem}.li .item-card__english{font-size:1.55rem;line-height:1.3}.item-card__prompt{font-size:.95rem;color:var(--muted, #5a6b73);margin:0 0 .35rem}.li-display{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.li-display .item-card__english{font-size:1.75rem;line-height:1.3}.player__footer{padding:1.1rem 0 .4rem;position:sticky;bottom:0;background:linear-gradient(to top,var(--bg) 72%,rgba(238,244,246,0))}.player__hint{margin:0 0 .6rem;text-align:center;font-size:.85rem;color:var(--ink-faint)}.player__continue,.player__start{font-family:var(--font-head);font-size:1.1rem;font-weight:600;cursor:pointer;width:100%;background:var(--grad-primary);color:#fff;border:none;border-radius:var(--r-lg);padding:1rem;box-shadow:var(--sh-teal);transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}@media (hover: hover){.player__continue:hover:not(:disabled),.player__start:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #0e7c8b66}}.player__continue:active:not(:disabled),.player__start:active:not(:disabled){transform:scale(.99)}.player__continue:disabled,.player__start:disabled{background:#b9ccd2;box-shadow:none;cursor:default}.player__intro{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:.5rem;padding:1rem 0 2rem}.player__intro .lesson__title{font-size:1.85rem}.player__intro .lesson__description{max-width:32rem}.player__count{margin:.7rem 0 1.5rem;font-size:.85rem;font-weight:700;color:var(--teal);background:var(--teal-soft);border-radius:var(--r-pill);padding:.35rem 1rem}.player__intro .player__start{max-width:22rem}.player__done{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:.4rem;padding:2rem 0;animation:step-in .3s ease}.player__trophy{font-size:4.5rem;animation:trophy-pop .55s cubic-bezier(.34,1.56,.64,1)}@keyframes trophy-pop{0%{transform:scale(.3) rotate(-12deg);opacity:0}60%{transform:scale(1.2) rotate(4deg)}to{transform:scale(1) rotate(0);opacity:1}}.player__done-title{margin:.5rem 0 0;font-size:1.7rem;color:var(--heading)}.player__done-sub{margin:0 0 1.7rem;color:var(--ink-soft)}.player__done .player__start{max-width:22rem}.option--eliminated{opacity:.4;text-decoration:line-through;cursor:default;box-shadow:none}.option--revealed{background:var(--amber-bg);border-color:var(--amber-border);color:var(--amber);font-weight:700}.answer-row--revealed{border-style:solid;border-color:var(--amber-border);background:var(--amber-bg)}.answer-row--revealed .chip--placed:disabled{color:var(--amber)}.chip--hint{border-color:var(--amber-border);background:var(--amber-bg);animation:tts-pulse 1.1s ease-in-out infinite}.help-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.help-btn{font:inherit;font-size:.88rem;font-weight:700;cursor:pointer;background:var(--surface);color:var(--ink-soft);border:1.5px solid var(--border);border-radius:var(--r-pill);padding:.5rem 1rem;transition:transform .12s ease,background .12s ease,opacity .12s ease}@media (hover: hover){.help-btn:hover:not(:disabled){background:#eef3f5}}.help-btn:active:not(:disabled){transform:scale(.97)}.help-btn:disabled{opacity:.4;cursor:default}.help-btn--reveal{color:var(--amber);border-color:var(--amber-border)}.feedback--revealed{color:var(--amber)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.home{display:flex;flex-direction:column;gap:1.6rem}.home-section{display:flex;flex-direction:column;gap:.9rem}.home-section__title{margin:0;font-size:1.15rem;color:var(--heading)}.lesson-card__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.lesson-card__track{flex-shrink:0;font-size:.72rem;font-weight:700;color:var(--teal);background:var(--teal-soft);border-radius:var(--r-pill);padding:.18rem .6rem}.lesson-card__progress{margin-top:.9rem;height:.4rem;background:#e3edef;border-radius:var(--r-pill);overflow:hidden}.lesson-card__progress-fill{height:100%;background:var(--grad-progress);border-radius:var(--r-pill);transition:width .4s ease}.app-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:radial-gradient(900px 500px at 50% -10%,#15506333,#15506300 70%),var(--grad-header)}.auth-card{width:100%;max-width:26rem;background:var(--surface);border-radius:var(--r-xl);padding:1.6rem 1.5rem 1.8rem;box-shadow:var(--sh-lg);animation:fade-in .3s ease}.auth-card--message{text-align:center}.auth-brand{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:1.3rem}.auth-logo{width:2.4rem;height:2.4rem;color:#fff;background:var(--grad-primary);box-shadow:var(--sh-teal)}.auth-brand__name{font-family:var(--font-head);font-weight:600;font-size:1.35rem;color:var(--heading)}.auth-brand__name .app-wordmark__accent{color:var(--teal)}.auth-tabs{display:flex;gap:.3rem;background:#eef3f5;border-radius:var(--r-pill);padding:.25rem;margin-bottom:1.3rem}.auth-tab{flex:1;font:inherit;font-weight:700;font-size:.95rem;cursor:pointer;border:none;background:transparent;color:var(--ink-soft);border-radius:var(--r-pill);padding:.55rem 0;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.auth-tab--active{background:var(--surface);color:var(--teal);box-shadow:var(--sh-sm)}.auth-form{display:flex;flex-direction:column;gap:.9rem}.auth-field{display:flex;flex-direction:column;gap:.3rem}.auth-field__label{font-size:.82rem;font-weight:600;color:var(--ink-soft)}.auth-input{font:inherit;font-size:1rem;padding:.7rem .9rem;border:2px solid var(--border);border-radius:var(--r-md);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.auth-input:focus{border-color:var(--turquoise);box-shadow:0 0 0 3px #16b8c829}.auth-error{margin:0;font-size:.88rem;font-weight:600;color:var(--wrong);background:var(--wrong-bg);border-radius:var(--r-sm);padding:.5rem .7rem}.auth-info{margin:0;font-size:.88rem;font-weight:600;color:var(--teal);background:var(--teal-soft);border-radius:var(--r-sm);padding:.5rem .7rem}.auth-submit{font-family:var(--font-head);font-size:1.05rem;font-weight:600;cursor:pointer;width:100%;margin-top:.2rem;background:var(--grad-primary);color:#fff;border:none;border-radius:var(--r-md);padding:.85rem 1rem;box-shadow:var(--sh-teal);transition:transform .12s ease,opacity .12s ease}.auth-submit:active:not(:disabled){transform:scale(.99)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-switch{margin:1.1rem 0 0;text-align:center;font-size:.9rem;color:var(--ink-soft)}.auth-link{font:inherit;font-weight:700;color:var(--teal);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline}.auth-config__title{margin:0 0 .5rem;font-size:1.3rem;color:var(--heading)}.auth-config__text{margin:0;color:var(--ink-soft);font-size:.95rem;line-height:1.55}.splash{display:flex;flex-direction:column;align-items:center;gap:.8rem;color:#fff}.splash .pa-spinner{width:1.8rem;height:1.8rem;border-color:#ffffff59;border-top-color:#fff}.account{position:relative;flex-shrink:0}.account-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;padding:0}.account-avatar{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;background:#ffffff2e;color:#fff;font-family:var(--font-head);font-weight:600;font-size:1rem;box-shadow:inset 0 0 0 1px #ffffff40;transition:background .12s ease}@media (hover: hover){.account-btn:hover .account-avatar{background:#ffffff47}}.account-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.account-menu{position:absolute;top:calc(100% + .5rem);right:0;z-index:50;min-width:12rem;max-width:16rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-lg);padding:.8rem;animation:fade-in .15s ease}.account-menu__email{margin:0 0 .6rem;font-size:.85rem;color:var(--ink-soft);word-break:break-all}.account-logout{font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;width:100%;background:var(--wrong-bg);color:var(--wrong);border:none;border-radius:var(--r-sm);padding:.55rem .8rem;transition:transform .12s ease,background .12s ease}.account-logout:active{transform:scale(.98)}.lesson-card--done{border-color:#bfe3d4;background:linear-gradient(180deg,#f3fbf7 0%,var(--surface) 60%)}.lesson-card__done-tick{color:var(--correct);font-weight:700}.player__saving{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink-soft);font-size:.92rem;margin:.4rem 0 1.2rem}.reward{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin:.4rem 0 1.4rem;animation:score-pop .45s cubic-bezier(.34,1.56,.64,1)}.reward__xp{font-family:var(--font-head);font-weight:700;font-size:2.2rem;color:transparent;background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;line-height:1.1}.reward__note{margin:0;font-size:.82rem;color:var(--amber)}.reward__streak{font-family:var(--font-head);font-weight:600;font-size:1.1rem;color:var(--heading);background:#fff2e8;border-radius:var(--r-pill);padding:.35rem 1rem}.reward__total{font-size:.88rem;color:var(--ink-soft)}.admin{display:flex;flex-direction:column;gap:1.2rem}.admin__title{margin:0;font-size:1.5rem;color:var(--heading)}.admin-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.2rem;box-shadow:var(--sh-sm);display:flex;flex-direction:column;gap:.9rem}.admin-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.admin-panel__title{margin:0;font-size:1.1rem;color:var(--heading)}.admin-field{display:flex;flex-direction:column;gap:.3rem}.admin-field--inline{flex:1;min-width:8rem}.admin-field__label{font-size:.8rem;font-weight:600;color:var(--ink-soft)}.admin-row{display:flex;gap:.7rem;flex-wrap:wrap}.admin-input{font:inherit;font-size:.95rem;padding:.55rem .75rem;border:2px solid var(--border);border-radius:var(--r-md);outline:none;background:var(--surface);transition:border-color .12s ease,box-shadow .12s ease;width:100%}.admin-input:focus{border-color:var(--turquoise);box-shadow:0 0 0 3px #16b8c829}.admin-input--area{resize:vertical;line-height:1.5}.admin-input--json{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.8rem;resize:vertical}.admin-btn{font:inherit;font-size:.92rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:2px solid transparent;border-radius:var(--r-md);padding:.6rem 1.1rem;transition:transform .12s ease,opacity .12s ease,background .12s ease}.admin-btn:active:not(:disabled){transform:scale(.97)}.admin-btn:disabled{opacity:.5;cursor:default}.admin-btn--primary{background:var(--grad-primary);color:#fff;box-shadow:var(--sh-teal);align-self:flex-start}.admin-btn--primary .pa-spinner{border-color:#ffffff59;border-top-color:#fff;width:.9rem;height:.9rem}.admin-btn--approve{background:var(--correct-bg);color:var(--correct)}.admin-btn--delete{background:var(--wrong-bg);color:var(--wrong)}.admin-btn--ghost{background:var(--surface);color:var(--ink-soft);border-color:var(--border)}.admin-error{margin:0;font-size:.9rem;font-weight:600;color:var(--wrong);background:var(--wrong-bg);border-radius:var(--r-sm);padding:.55rem .8rem}.admin-empty{margin:0;color:var(--ink-faint);font-size:.92rem}.admin-card{border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--r-md);padding:1rem;display:flex;flex-direction:column;gap:.7rem;background:#fcfdfe}.admin-card__head{display:flex;align-items:center;gap:.6rem}.admin-card__id{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.72rem;color:var(--ink-faint)}.admin-card__actions{display:flex;gap:.6rem;flex-wrap:wrap}.admin-json-toggle{font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;background:none;border:none;color:var(--teal);padding:0;text-align:left}.badge--track{color:#fff}.badge--track-grammar{background:var(--accent)}.badge--track-maritime{background:var(--teal)}.badge--track-email{background:#6b5bd2}.admin-input--file{padding:.45rem;font-size:.85rem;background:#f6f9fa}.admin-file-name{margin-top:.3rem;font-size:.8rem;color:var(--teal);font-weight:600}.admin-hint{margin:.5rem 0 0;font-size:.82rem;color:var(--ink-faint)}.admin-lesson{border:1px solid var(--border);border-left:4px solid var(--teal);border-radius:var(--r-md);padding:1rem;margin-bottom:1rem;background:#fcfdfe;display:flex;flex-direction:column;gap:.7rem}.admin-lesson--existing{border-left-color:var(--ink-faint);background:#f6f8f9}.admin-lesson__head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.admin-lesson__title{margin:0;font-size:1.15rem;color:var(--heading)}.admin-lesson__fields{display:flex;flex-direction:column;gap:.5rem}.admin-lesson__actions{display:flex;gap:.6rem;flex-wrap:wrap;padding-bottom:.4rem;border-bottom:1px dashed var(--border)}.admin-lesson__items{display:flex;flex-direction:column;gap:.7rem}.admin-item{border:1px solid var(--border);border-radius:var(--r-sm);padding:.8rem;background:var(--surface);display:flex;flex-direction:column;gap:.5rem}.admin-item__head{display:flex;align-items:center;gap:.5rem}.admin-item__actions{display:flex;gap:.5rem}.option--selected{background:var(--teal-soft);border-color:var(--turquoise);color:var(--heading);font-weight:700}.placement__emoji{font-size:3rem;margin-bottom:.6rem}.placement__skip{font:inherit;font-size:.88rem;cursor:pointer;background:none;border:none;margin-top:1rem;color:var(--ink-faint);text-decoration:underline;transition:color .12s ease}@media (hover: hover){.placement__skip:hover{color:var(--ink-soft)}}.player__close--spacer{visibility:hidden;pointer-events:none}.placement-result{width:100%;max-width:24rem;margin:1.2rem auto .4rem;padding:1.1rem 1.3rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-sm);text-align:left}.placement-result__row{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}.placement-result__row+.placement-result__row,.placement-result__note+.placement-result__row{margin-top:.9rem;padding-top:.9rem;border-top:1px dashed var(--border)}.placement-result__label{color:var(--ink-soft);font-size:.95rem}.placement-result__value{font-family:var(--font-head);font-weight:700;font-size:1.25rem;color:var(--heading)}.placement-result__note{margin:.35rem 0 0;font-size:.88rem;color:var(--ink-faint)}.account-menu__item{font:inherit;font-size:.9rem;cursor:pointer;width:100%;text-align:left;background:none;color:var(--heading);border:none;border-radius:var(--r-sm);padding:.55rem .8rem;margin-bottom:.4rem;transition:background .12s ease}@media (hover: hover){.account-menu__item:hover{background:var(--teal-soft)}}.practice-card{display:flex;align-items:center;gap:.9rem;margin-top:1.4rem;padding:1.1rem 1.3rem;background:linear-gradient(120deg,var(--navy) 0%,var(--navy-2) 60%,#16586e 100%);color:#fff;border-radius:var(--r-md);box-shadow:var(--sh-lg);text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}@media (hover: hover){.practice-card:hover{transform:translateY(-2px)}}.practice-card:active{transform:scale(.99)}.practice-card__icon{font-size:1.8rem;flex-shrink:0}.practice-card__text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.practice-card__title{font-family:var(--font-head);font-weight:700;font-size:1.15rem}.practice-card__subtitle{font-size:.88rem;opacity:.85}.practice-card__arrow{margin-left:auto;font-size:1.3rem;flex-shrink:0;transition:transform .12s ease}@media (hover: hover){.practice-card:hover .practice-card__arrow{transform:translate(3px)}}.practice__title{flex:1;text-align:center;font-family:var(--font-head);font-weight:700;font-size:.95rem;color:var(--heading)}.practice__debug{margin:.8rem 0 0;font-size:.78rem;font-family:monospace;color:var(--ink-faint);text-align:center}.badge--teaching{background:#fdf3dc;color:#8a6210;font-weight:700;letter-spacing:.04em}.admin-examples{margin:0;padding:.6rem .8rem;list-style:none;display:flex;flex-direction:column;gap:.45rem;background:#f7fbfc;border:1px dashed var(--border);border-radius:var(--r-sm)}.admin-examples__row{display:flex;flex-direction:column;gap:.1rem}.admin-examples__en{font-size:.92rem;color:var(--heading);font-weight:600}.admin-examples__el{font-size:.85rem;color:var(--ink-soft)}.teach{margin-top:.2rem}.teach__title{margin:0;font-family:var(--font-head);font-weight:700;font-size:1.45rem;color:var(--heading)}.teach__subtitle{margin:.25rem 0 0;font-size:1rem;color:var(--ink-soft)}.teach__body{margin:1rem 0 0;font-size:1.02rem;line-height:1.7;color:var(--ink);white-space:pre-line}.teach__examples{margin:1.1rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.7rem}.teach__example{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .9rem;background:#f7fbfc;border:1px solid var(--border);border-left:3px solid var(--turquoise);border-radius:var(--r-sm)}.teach__example-en{display:flex;align-items:center;gap:.45rem;font-size:1.02rem;font-weight:600;color:var(--heading)}.teach__example-el{font-size:.92rem;color:var(--ink-soft)}.teach__listen{font:inherit;font-size:.95rem;cursor:pointer;background:none;border:none;padding:0 .15rem;line-height:1;flex-shrink:0}.teach__listen:active{transform:scale(.9)}.next-card{display:flex;flex-direction:column;gap:.35rem;margin-top:1.4rem;padding:1.2rem 1.4rem;background:linear-gradient(120deg,var(--navy) 0%,var(--navy-2) 60%,#16586e 100%);color:#fff;border-radius:var(--r-md);box-shadow:var(--sh-lg)}.next-card--state{flex-direction:row;align-items:center;gap:.7rem;font-size:.95rem;opacity:.95}.next-card__kicker{margin:0;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.85}.next-card__title{margin:0;font-family:var(--font-head);font-weight:700;font-size:1.35rem}.next-card__title-en{margin:0;font-size:.92rem;opacity:.75}.next-card__reason{margin:.45rem 0 0;font-size:.95rem;line-height:1.5;opacity:.92}.next-card__actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:.9rem}.next-card__start{display:inline-block;background:#fff;color:#0b2b40;font-family:var(--font-head);font-weight:700;font-size:1rem;padding:.6rem 1.4rem;border-radius:var(--r-pill);text-decoration:none;box-shadow:var(--sh-sm);transition:transform .12s ease}@media (hover: hover){.next-card__start:hover{transform:translateY(-1px)}}.next-card__start:active{transform:scale(.97)}.next-card__alt{color:#fff;font-size:.88rem;opacity:.75;text-decoration:underline;transition:opacity .12s ease}@media (hover: hover){.next-card__alt:hover{opacity:1}}.admin-teach-list{display:flex;flex-direction:column;gap:.6rem}.admin-teach-row{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;padding:.7rem .9rem;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface)}.admin-teach-row__info{display:flex;align-items:center;gap:.55rem;flex:1;min-width:0}.admin-teach-row__title{font-weight:600;color:var(--heading)}.admin-teach-row__note{flex-basis:100%;order:3;margin:0;font-size:.85rem;color:var(--ink-soft)}.admin-notice{margin:0 0 .8rem;font-size:.9rem;font-weight:600;color:var(--correct);background:var(--correct-bg);border-radius:var(--r-sm);padding:.6rem .8rem}.admin-lesson__error{margin:0;font-size:.88rem;font-weight:600;color:var(--wrong);background:var(--wrong-bg);border-radius:var(--r-sm);padding:.5rem .7rem}.admin-input--compact{width:auto;flex-shrink:0;font-size:.85rem;padding:.35rem .5rem}.role-options{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:22rem;margin:1.4rem auto 0}.role-card{display:flex;align-items:center;gap:.9rem;font:inherit;font-size:1.05rem;font-weight:600;color:var(--heading);text-align:left;cursor:pointer;background:var(--surface);border:2px solid var(--border);border-radius:var(--r-md);padding:1rem 1.2rem;box-shadow:var(--sh-sm);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}@media (hover: hover){.role-card:hover:not(:disabled){border-color:var(--turquoise);transform:translateY(-2px);box-shadow:var(--sh-md)}}.role-card:active:not(:disabled){transform:scale(.98)}.role-card:disabled{cursor:default;opacity:.7}.role-card__icon{font-size:1.6rem;flex-shrink:0}.role-hint{margin:1.2rem 0 0;font-size:.9rem;color:var(--ink-faint)}html{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--turquoise);outline-offset:2px}.app,.auth{min-height:100dvh}.player{min-height:calc(100dvh - 3.4rem)}.player__footer{padding-bottom:calc(.4rem + env(safe-area-inset-bottom))}.app-main{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom))}input,select,textarea{font-size:max(16px,1em)}.admin-input{font-size:1rem}.admin-input--compact{font-size:1rem;padding:.45rem .5rem}.option,.chip{min-height:var(--tap-min)}.word-bank{gap:.6rem}.answer-row{gap:.5rem}.help-btn{min-height:var(--tap-min);padding:.6rem 1.1rem}.btn{min-height:var(--tap-min)}.player__close{width:var(--tap-min);height:var(--tap-min)}.player__continue,.player__start{min-height:var(--tap-cta)}.pa-record{min-height:var(--tap-min);padding:.65rem 1.3rem;font-size:1rem}.pa-listen{min-height:var(--tap-min);padding:.6rem 1.2rem}.rp-input{min-height:var(--tap-min)}.rp-send{min-height:var(--tap-min);padding:.6rem 1.2rem}.rp-speak{min-width:var(--tap-min);min-height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center;opacity:.75}.teach__listen{min-width:var(--tap-min);min-height:var(--tap-min);display:inline-flex;align-items:center;justify-content:center}.pa-word--tap{padding:.3rem .6rem}.account-avatar{width:2.4rem;height:2.4rem}.account-btn{padding:.25rem;margin:-.25rem}.account-menu__item,.account-logout{min-height:var(--tap-min)}.placement__skip{min-height:var(--tap-min);padding:.6rem 1rem}.next-card__start{min-height:var(--tap-cta);display:inline-flex;align-items:center;justify-content:center}.next-card__alt{display:inline-block;padding:.6rem 0}.back-link{padding:.5rem .6rem .5rem 0}.auth-link{padding:.5rem .3rem;margin:-.5rem -.3rem}.auth-tab{min-height:var(--tap-min)}.auth-submit{min-height:var(--tap-cta)}.admin-btn,.admin-input,.admin-input--compact{min-height:var(--tap-min)}.admin-json-toggle{min-height:var(--tap-min);display:inline-flex;align-items:center}.role-card{min-height:var(--tap-cta)}.home{gap:var(--sp-4)}.home-greeting{display:flex;align-items:center;gap:var(--sp-2);margin:var(--sp-1) 0 0;font-family:var(--font-head);font-weight:600;font-size:var(--fs-lg);color:var(--heading)}.next-card{position:relative;overflow:hidden;margin-top:0;padding:var(--sp-5) var(--sp-4) var(--sp-6);border-radius:var(--r-xl);animation:card-rise var(--t-page) both}@keyframes card-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.next-card__body{position:relative;z-index:1;display:flex;flex-direction:column;gap:.35rem}.next-card__title{font-size:var(--fs-title)}.next-card__waves{position:absolute;left:0;right:0;bottom:0;width:100%;height:26px;color:#ffffff17;pointer-events:none}.next-card__start{width:100%;text-align:center}.home-section{margin-top:var(--sp-4);gap:var(--sp-3)}.home-section__title{font-size:var(--fs-lg)}.home-section__title:after{content:"";display:block;width:2.4rem;height:3px;margin-top:.4rem;border-radius:2px;background:var(--grad-progress)}.home-soon{margin-top:var(--sp-5);padding-bottom:var(--sp-4)}.home-soon__title{margin:0 0 var(--sp-2);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint)}.soon-pills{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.soon-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--ink-faint);border:1.5px dashed var(--border);border-radius:var(--r-pill);padding:.4rem .85rem}@media (min-width: 640px){.lesson-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}.next-card__start{width:auto;text-align:left}.next-card{padding:var(--sp-6) var(--sp-5) calc(var(--sp-6) + 8px)}}body{background:radial-gradient(1100px 520px at 50% -10%,rgba(22,184,200,.1) 0%,transparent 70%),radial-gradient(900px 600px at 88% 112%,rgba(14,124,139,.12) 0%,transparent 60%),var(--bg)}input,select,textarea{background:var(--surface-2);color:var(--ink);caret-color:var(--turquoise)}::placeholder{color:var(--ink-faint);opacity:1}.answer-row,.teach__example,.admin-examples{background:var(--surface-2)}.badge--level{background:#ffffff14;color:var(--ink-soft)}.badge--teaching{background:var(--amber-bg);color:var(--amber)}.lesson-card--done{border-color:#3ddc8f52;background:linear-gradient(180deg,rgba(34,197,122,.1) 0%,var(--surface) 65%)}.lesson-card__progress,.player__bar{background:#ffffff1a}.player__continue:disabled,.player__start:disabled{background:#28455c;color:#e8f2f873}.player__footer{background:linear-gradient(to top,var(--bg) 72%,rgba(7,22,34,0))}.rp-scenario{border-color:var(--border)}.pa-word--playing{background:#ffb02047}.reward__streak{background:#ff7a5929}.auth-tabs{background:#ffffff12}.admin-item,.admin-input--file{background:var(--surface-2)}.admin-lesson--existing{background:#ffffff0a}@media (hover: hover){.lesson-card:hover{border-color:#16b8c866}.pa-record:hover{background:#16b8c83d}.pa-word--tap:hover{background:#ffb0203d}.player__close:hover{background:#ffffff14}.help-btn:hover:not(:disabled){background:#ffffff12}}.next-card{border:1px solid rgba(22,184,200,.25);box-shadow:var(--glow-teal)}.lesson-card,.role-card,.placement-result{border-color:var(--border)}.app-header{box-shadow:0 1px #16b8c833,0 2px 14px #00000073}.rank-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-xl);background:linear-gradient(160deg,#ffffff0d,#fff0 55%),var(--surface);border:1px solid var(--border);box-shadow:var(--sh-md)}.rank-ring{position:relative;width:64px;height:64px;flex-shrink:0}.rank-ring__svg{width:64px;height:64px;transform:rotate(-90deg)}.rank-ring__track{fill:none;stroke:#ffffff1a;stroke-width:5}.rank-ring__fill{fill:none;stroke:var(--turquoise);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(22,184,200,.5));transition:stroke-dashoffset .9s cubic-bezier(.2,.8,.3,1)}.rank-ring__icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.rank-card__info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.rank-card__kicker{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--teal)}.rank-card__name{margin:0;font-family:var(--font-head);font-weight:700;font-size:var(--fs-title);color:var(--heading);line-height:1.1}.rank-card__next{margin:.15rem 0 0;font-size:.82rem;color:var(--ink-soft)}.stat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}.stat-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:var(--sp-4) var(--sp-2) var(--sp-3);border-radius:var(--r-lg);background:linear-gradient(165deg,#ffffff0d,#fff0 60%),var(--surface);border:1px solid var(--border);box-shadow:var(--sh-sm);animation:tile-rise var(--t-page) both}.stat-tile:nth-child(2){animation-delay:60ms}.stat-tile:nth-child(3){animation-delay:.12s}@keyframes tile-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stat-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.stat-tile--streak:before{background:var(--accent)}.stat-tile--xp:before{background:var(--accent-2)}.stat-tile--lessons:before{background:var(--turquoise)}.stat-tile__icon{font-size:1.45rem;line-height:1}.stat-tile__value{font-family:var(--font-head);font-weight:700;font-size:1.5rem;color:var(--heading);font-variant-numeric:tabular-nums}.stat-tile__label{font-size:.7rem;color:var(--ink-faint);text-align:center}.home-section__head{display:flex;align-items:center;gap:var(--sp-3)}.home-section__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border)}.home-section__icon--engineer{background:#ff7a5924}.home-section__icon--deck{background:#16b8c824}.home-section__icon--common{background:#2fd6b024}.home-section__icon--email{background:#6b5bd229}.home-section__heading{display:flex;flex-direction:column;min-width:0}.home-section__kicker{font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--teal)}.home-section__count{margin-left:auto;flex-shrink:0;font-family:var(--font-head);font-weight:700;font-size:.85rem;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);min-width:1.8rem;height:1.8rem;padding:0 .55rem;display:inline-flex;align-items:center;justify-content:center}.home-section__head .home-section__title:after{display:none}.player__bar{height:1rem}.player__bar-fill{position:relative;overflow:hidden;transition:width var(--t-med) cubic-bezier(.4,0,.2,1)}.player__bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);animation:bar-sheen 2.6s ease-in-out infinite}@keyframes bar-sheen{to{transform:translate(100%)}}.player__step{animation:step-in var(--t-page) both}.feedback--correct,.option--correct{animation:feedback-pop var(--t-med) cubic-bezier(.34,1.56,.64,1)}@keyframes feedback-pop{0%{transform:scale(.82);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.player__done{position:relative;overflow:hidden}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti__bit{position:absolute;top:-8%;width:9px;height:9px;border-radius:2px;opacity:0;animation:confetti-fall 1.6s cubic-bezier(.2,.6,.3,1) forwards}.confetti__bit--0{background:var(--turquoise)}.confetti__bit--1{background:var(--accent)}.confetti__bit--2{background:var(--accent-2)}.confetti__bit--3{background:var(--correct)}.confetti__bit--4{background:#fff}@keyframes confetti-fall{0%{opacity:0;transform:translateY(0) rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(340px) rotate(440deg)}}@media (prefers-reduced-motion: reduce){.confetti{display:none}}.pa--mic{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding-top:var(--sp-5)}.pa-mic{position:relative;width:104px;height:104px;flex-shrink:0;border:none;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:var(--grad-primary);box-shadow:var(--glow-teal),var(--sh-md);transition:transform var(--t-fast),box-shadow var(--t-med)}.pa-mic__glyph{font-size:2.4rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.pa-mic:active{transform:scale(.96)}@media (hover: hover){.pa-mic:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #16b8c866,0 10px 34px #16b8c847}}.pa-mic__hint{margin:0;font-weight:600;font-size:.95rem;color:var(--ink-soft);text-align:center}.pa-mic--rec{background:linear-gradient(135deg,#ff7a59,#e0533d);box-shadow:0 0 0 1px #ff7a5973,0 10px 30px #e0533d52}.pa-mic__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(255,138,107,.7);animation:mic-ring 1.6s ease-out infinite}.pa-mic__ring--2{animation-delay:.8s}@keyframes mic-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(1.85);opacity:0}}.pa-mic__hint--rec{color:var(--accent)}.pa-mic--busy{background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--sh-sm)}.pa-mic__spinner{width:2.4rem;height:2.4rem;border:3px solid rgba(255,255,255,.12);border-top-color:var(--turquoise);border-radius:50%;animation:spin .7s linear infinite}.auth{background:radial-gradient(820px 480px at 50% -10%,rgba(22,184,200,.18) 0%,transparent 68%),var(--grad-header)}.auth-card{background:linear-gradient(165deg,#ffffff0d,#fff0 55%),var(--surface);border:1px solid rgba(22,184,200,.18);box-shadow:var(--glow-teal),var(--sh-lg);animation:card-rise var(--t-page) both}.auth-brand{margin-bottom:.55rem}.auth-tagline{margin:0 0 1.4rem;text-align:center;font-size:.9rem;color:var(--ink-soft)}.auth-tab--active{background:var(--surface-2);color:var(--teal);box-shadow:0 0 0 1px #16b8c840,var(--sh-sm)}.auth-submit:active{transform:scale(.99)}@media (hover: hover){.auth-submit:hover{transform:translateY(-1px)}}.player__intro{animation:card-rise var(--t-page) both}.role-card{animation:tile-rise var(--t-page) both}.role-options .role-card:nth-child(2){animation-delay:70ms}.role-options .role-card:nth-child(3){animation-delay:.14s}.placement-result{animation:card-rise var(--t-page) both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton{position:relative;overflow:hidden;display:block;background:var(--surface-2);border-radius:var(--r-md)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.next-card--skeleton{display:flex;flex-direction:column;gap:var(--sp-3);background:var(--surface)}.sk-line{height:.9rem;border-radius:var(--r-sm)}.sk-line--kicker{width:45%;height:.7rem}.sk-line--head{width:75%;height:1.4rem}.sk-line--text{width:92%}.sk-line--title{width:55%;height:1.1rem}.sk-btn{width:60%;height:var(--tap-cta);border-radius:var(--r-pill);margin-top:var(--sp-2)}.sk-head{display:flex;align-items:center;gap:var(--sp-3)}.sk-icon{width:40px;height:40px;flex-shrink:0;border-radius:var(--r-md)}.sk-card{height:96px;border-radius:var(--r-lg)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);text-align:center;padding:var(--sp-6) var(--sp-4);color:var(--ink-soft)}.empty-state__icon{font-size:2.2rem}.empty-state__msg{margin:0;font-weight:600;color:var(--ink)}.empty-state__detail{margin:0;font-size:.85rem;color:var(--ink-faint)}.app-logo-img{width:2rem;height:2rem;display:block;border-radius:8px;flex-shrink:0}.auth-logo-full{display:block;width:15rem;max-width:100%;height:auto;margin:0 auto}.admin-teach-row__source{flex:1 1 12rem;min-width:10rem}