:root{--bg: #f3f3f3;--bg-elevated: #ffffff;--bg-soft: #ececec;--border: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .18);--text: #1f2937;--text-muted: #5f6b7a;--text-inverse: #ffffff;--accent: #6ee7b7;--accent-dim: rgba(110, 231, 183, .15);--accent-strong: #34d399;--danger: #f87171;--success: #4ade80;--cat-grammar: #60a5fa;--cat-vocabulary: #4ade80;--cat-conjugation: #c084fc;--cat-orthographe: #fb923c;--cat-texts: #2dd4bf;--cat-speaking: #ffea00;--navbar-bg: #050F50;--navbar-bg-hover: #11357a;--navbar-text: #ffffff;--navbar-muted: rgba(255, 255, 255, .78);--navbar-border: rgba(255, 255, 255, .1);--dark-blue:#071B76;--navbar-hb: 60px;--navbar-h: 50px;--navbar-total: 110px;--sidebar-w: 268px;--radius: 22px;--radius-sm: 8px;--shadow: 0 12px 40px rgba(0, 0, 0, .35);--font-sans: "DM Sans", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif;--content-max: 720px}html,body,#root{height:100%;overflow:hidden}.app-shell{height:100vh;display:flex;flex-direction:column;background:var(--bg);background-image:radial-gradient(900px 500px at 85% -5%,rgba(96,165,250,.06),transparent);overflow:hidden}.app-shell__body{display:flex;width:100%;overflow:hidden}.app-shell__main{flex:1;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:clamp(1.25rem,2vw,2rem) clamp(1rem,2vw,1.75rem) 2.5rem}.app-shell__main-inner{max-width:960px;margin:0 auto}@media (min-width: 1200px){.app-shell__main-inner{max-width:960px;margin:0 auto 0 clamp(1.5rem,3vw,4rem)}}.mobile-topbar{display:none}.sidebar-toggle{display:none;align-items:center;justify-content:center;font-size:1.35rem;background:transparent;border:none;color:#fff;cursor:pointer;padding:.25rem .45rem}.sidebar-wrapper{width:var(--sidebar-w);flex-shrink:0;height:100%;min-height:0}.sidebar-overlay{display:none}@media (max-width: 900px){.app-shell__body{display:block;position:relative;overflow-y:auto}.mobile-topbar{display:flex;justify-content:flex-start;padding:.5rem .85rem 0;background:var(--navbar-bg)}.sidebar-toggle{display:inline-flex}.sidebar-wrapper{position:fixed;top:0;left:0;width:min(320px,86vw);height:100vh;z-index:2500;transform:translate(-100%);transition:transform .25s ease;pointer-events:none}.sidebar-wrapper.open{transform:translate(0);pointer-events:auto}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2400;background:#0f172a59;border:none}.app-shell__main{width:100%;padding:1rem .85rem calc(6rem + env(safe-area-inset-bottom))}.app-shell__main-inner{max-width:100%;margin:0}}.main-layout,.dashboard-layout{min-height:100vh;display:flex;flex-direction:column}.main-layout__content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:2rem 1.25rem 3rem}.dashboard-layout__body{display:flex;flex:1}.dashboard-layout__main{flex:1;overflow:auto;padding:1.5rem 1.25rem 2.5rem}.page{max-width:var(--content-max)}.page-header{margin-bottom:1.75rem}.page-header__eyebrow{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .35rem}.page-header__title{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,1.85rem);font-weight:700;margin:0 0 .5rem;letter-spacing:-.02em;line-height:1.2}.page-header__desc{margin:0;color:var(--text-muted);font-size:1rem;line-height:1.65}.hero{padding:.5rem 0 2rem}.hero__eyebrow{color:var(--accent);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;margin:0 0 .75rem}.hero__title{font-family:var(--font-display);font-size:clamp(1.85rem,4vw,2.45rem);line-height:1.15;margin:0 0 1rem}.hero__lead{color:var(--text-muted);max-width:42ch;margin:0 0 1.5rem;line-height:1.65}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem}.section{margin-top:2.25rem}.section__title{font-family:var(--font-display);font-size:1.3rem;margin:0 0 .35rem}.section__subtitle{margin:0 0 1.25rem;color:var(--text-muted);line-height:1.6}.split-section{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;align-items:start}@media (max-width: 800px){.split-section{grid-template-columns:1fr}}.pricing-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pricing-grid--single{max-width:360px}.breadcrumb{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem}.breadcrumb a{color:var(--accent)}.lesson-hero{margin-bottom:2rem}.lesson-hero__eyebrow{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .35rem}.lesson-hero__title{font-family:var(--font-display);font-size:clamp(1.45rem,2.5vw,1.85rem);margin:0 0 .75rem;line-height:1.2}.lesson-hero__objective{margin:0;color:var(--text-muted);line-height:1.65}.lesson-section{margin-bottom:2rem}.lesson-section__heading{font-family:var(--font-display);font-size:1.15rem;margin:0 0 .75rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.prose p{margin:0 0 .85rem;color:var(--text-muted);line-height:1.7}.prose p:last-child{margin-bottom:0}.example-list,.link-list,.lesson-grid{list-style:none;margin:0;padding:0}.example-list{display:flex;flex-direction:column;gap:.75rem}.example-list__item{padding:.9rem 1rem;background:var(--bg-soft);border-radius:var(--radius);border:1px solid var(--border)}.example-list__fr{display:block;font-weight:600;color:var(--text)}.example-list__note{font-size:.9rem;color:var(--text-muted);line-height:1.55;margin-top:.35rem;display:block}.link-list{display:flex;flex-direction:column;gap:.5rem}.link-list__link{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);border-left-width:4px;background:var(--bg-elevated);transition:border-color .15s,background .15s}.link-list__link:hover{background:var(--bg-soft)}.link-list__label{font-weight:600}.link-list__hint{font-size:.8rem;color:var(--text-muted)}.lesson-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.check-list{margin:.75rem 0 0;padding-left:1.1rem;color:var(--text-muted);line-height:1.55}.check-list li{margin-bottom:.35rem}.lesson-not-found{display:flex;align-items:center;justify-content:center;min-height:min(60vh,480px);padding:1rem 0}.lesson-not-found__card{max-width:420px;padding:1.75rem 1.5rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-soft);text-align:center}.lesson-not-found__eyebrow{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .5rem}.lesson-not-found__title{font-family:var(--font-display);font-size:1.35rem;margin:0 0 .65rem}.lesson-not-found__text{margin:0 0 1.25rem;color:var(--text-muted);font-size:.95rem;line-height:1.6}.lesson-not-found__actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.lesson-meta{margin:0 0 .75rem}.lesson-meta__badge{display:inline-block;font-size:.78rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;background:var(--accent-dim);color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;margin-bottom:.5rem;gap:.35rem;padding:.55rem 1.1rem;border-radius:999px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:inherit;font-size:clamp(.75rem,1vw,.95rem);white-space:nowrap}.btn--primary{background:var(--accent);color:var(--text-inverse);margin-top:10px}.space{text-align:center;padding:6px;background:#acff2f4c;border:1px solid var(--accent);border-radius:10px;margin-top:10px;color:var(--accent)}.btn--primary:hover{background:var(--accent-strong);color:var(--text-inverse)}.btn--secondary{background:#ffa704;color:#fff;margin-top:10px}.btn--secondary:hover{border-color:var(--accent);color:var(--accent)}.btn--ghost{background:#81fe8997;color:var(--text)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.btn--small{padding:.35rem .75rem;font-size:.8rem;margin-top:.5rem}.btn--lg{padding:.65rem 1.35rem;font-size:.95rem}.card{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated)}.card--soft{padding:1.25rem 1.35rem}.card--elevated{padding:1.5rem;box-shadow:var(--shadow)}.card__title{font-family:var(--font-display);font-size:1.1rem;margin:0 0 .5rem}h1,h2,h3,p,span{word-break:keep-all}.copy-year{background-color:#05056e;margin-top:70px;width:100%;text-align:center;padding:10px;border-radius:20px;border:1px solid rgba(110,231,183,.35);color:#fff}@media (max-width: 480px){.btn{padding:.7rem 1.2rem;font-size:.95rem;width:100%;gap:.5rem}.btn--small{padding:.5rem 1rem;font-size:.85rem}.btn--lg{padding:.75rem .8rem;font-size:.8rem}.card--soft{padding:1rem}.card--elevated{padding:1.1rem}.card__title{font-size:1.2rem}h1,h2,h3,p,span{word-break:normal;overflow-wrap:break-word}.copy-year{margin-top:40px;padding:15px 10px;font-size:.9rem;border-radius:15px}.space{padding:12px 8px;font-size:.9rem}}.margin-bottom{margin-bottom:20px}.navbar{flex-shrink:0;position:sticky;top:0;z-index:2000;height:calc(var(--navbar-h) + var(--navbar-hb));display:flex;flex-direction:column;background:#071351d9!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 8px 28px #0f172a2e}.navbar__top{height:var(--navbar-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:.2rem 1rem;background:#071b80c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.navbar__top-nav{display:flex;gap:2rem;justify-content:center}.navbar__top-link{color:var(--navbar-text);font-size:.85rem;font-weight:600;text-decoration:none;padding:.3rem .7rem;border-radius:999px;transition:background .2s ease,color .2s ease}.navbar__top-link:hover{background:#ffffff14}.navbar__top-link--active,.navbar__top-link.active{background:#ffffff14;color:var(--accent, #facc15)}.navbar__top-link--active{background:#18ce6426;color:#fff}.navbar__bottom{height:var(--navbar-hb);min-height:var(--navbar-hb);padding:0 1.4rem;display:grid;grid-template-columns:260px 1fr 360px;align-items:center;background:#030d5bb9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.navbar__brand{justify-self:start;font-size:1.3rem;padding-left:.2rem;font-family:var(--font-sans);font-weight:700;color:var(--navbar-text);text-decoration:none;letter-spacing:-.02em;flex-shrink:0}.navbar__brand:hover{filter:brightness(1.05);transform:translateY(-1px)}.navbar__center-actions{justify-self:center;display:flex;align-items:center;gap:1.15rem;height:100%}.navbar__actions{justify-self:end;display:flex;align-items:center;gap:1rem}.navbar__feature-link{min-width:74px;height:42px;padding:0 .95rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:transparent;border:none;text-decoration:none;font-size:.95rem;font-weight:800;cursor:pointer;transition:background .18s ease,transform .18s ease,color .18s ease}.navbar__feature-link:hover,.navbar__feature-link--active,.navbar__feature-link.active{color:var(--accent, #facc15);background:#ffffff14;border-radius:999px}.navbar__feature-link--button{min-width:54px;padding:0}.navbar__feature-icon{display:block;object-fit:contain;pointer-events:none}.navbar__feature-icon--speaking{width:34px;height:34px}.navbar__feature-icon--ai{width:30px;height:30px;filter:drop-shadow(0 0 10px rgba(52,211,153,.55))}.nav-ai-panel{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%);z-index:3000}.nav-ai-button{width:44px;height:44px;border:none;background:transparent;padding:0;display:grid;place-items:center;cursor:pointer}.nav-ai-button:hover{transform:translateY(-1px)}.navbar__ai-icon-crop{width:36px;height:36px;display:grid;place-items:center;overflow:hidden;position:relative}.navbar__ai-icon-crop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(52,211,153,.25),transparent 70%);opacity:0;transition:opacity .25s ease}.nav-ai-button:hover .navbar__ai-icon-crop:before{opacity:1}.nav-ai-logo,.nav-ai-text{font-weight:900}.nav-ai-logo{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;color:#fff}.nav-ai-logo-img,.navbar__icon-img--ai{width:34px;height:34px;object-fit:contain;display:block}.navbar__icon-link{width:64px;height:64px;display:grid;place-items:center;transform:translateY(-1px)}.navbar__icon-img{display:block;object-fit:contain}.navbar__icon-img--speaking{width:36px;height:36px}.nav-speaking-logo-img{width:50px;height:50px;object-fit:contain;display:block}.nav-speaking-logo-img:hover{transform:scale(1.08)}.navbar__demo-btn,.navbar__tutor-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .15s,filter .15s,color .15s}.navbar__demo-btn{border:1px solid var(--border-strong);background:gold;color:#1f2937;box-shadow:0 2px 12px #34d39959}.navbar__demo-btn:hover{border-color:var(--accent);color:var(--accent);filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 16px #34d39973}.navbar__tutor-btn{background:linear-gradient(145deg,var(--accent-strong),#22c55e);color:#052e1f;box-shadow:0 2px 12px #34d39959}.navbar__tutor-btn:hover{color:var(--accent);filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 16px #34d39973}.FGlogo{width:38px;height:38px;object-fit:contain;margin-left:0;cursor:pointer}.sidebar{width:var(--sidebar-w);height:100%;display:flex;flex-direction:column;background:#e1eed7;border-right:1px solid var(--border);padding:1rem .85rem;overflow:hidden}.sidebar__fixed-header{flex-shrink:0;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.8rem;z-index:30;background:#e1eed7}.sidebar__topics{flex:1;min-height:0;display:flex;flex-direction:column;gap:.2rem;overflow-y:auto;overflow-x:hidden;padding-right:.15rem;position:relative;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar:hover .sidebar__topics,.sidebar:focus-within .sidebar__topics{scrollbar-color:rgba(31,41,55,.28) transparent}.sidebar__topics::-webkit-scrollbar{width:6px}.sidebar__topics::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.sidebar:not(:hover):not(:focus-within) .sidebar__topics::-webkit-scrollbar-thumb{background:transparent}.sidebar-group{border-radius:var(--radius-sm);flex-shrink:0;overflow:visible}.sidebar-group__row{display:flex;text-align:center;align-items:center;gap:0;background:linear-gradient(180deg,color-mix(in srgb,var(--topic-accent) 20%,white),color-mix(in srgb,var(--topic-accent) 10%,white));border:1px solid color-mix(in srgb,var(--topic-accent) 30%,var(--border));border-radius:12px;overflow:hidden;position:sticky;top:0;z-index:22;height:var(--sidebar-group-row-h, 48px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sidebar-level-header{position:sticky;top:var(--sidebar-group-row-h, 48px);z-index:18;background:linear-gradient(180deg,color-mix(in srgb,var(--topic-accent) 16%,white),color-mix(in srgb,var(--topic-accent) 8%,white));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 14px;margin:.35rem 0 .2rem .15rem;font-size:.72rem;font-weight:800;text-transform:uppercase;color:#253041;border-radius:10px;border:1px solid color-mix(in srgb,var(--topic-accent) 22%,var(--border));box-shadow:0 4px 12px #0f172a0d}.sidebar-lessons__link{display:flex;align-items:center;gap:6px;width:100%;overflow:hidden;padding:.4rem .55rem .4rem 1.35rem;font-size:.82rem;line-height:1.35;color:var(--text-muted);border-radius:6px;border-left:2px solid transparent;transition:color .12s,background .12s,border-color .12s}.sidebar-lessons__link:hover{color:var(--text);background:#ffffff0a}.sidebar-lessons__link.is-active{color:var(--text);background:color-mix(in srgb,var(--topic-accent) 12%,transparent);border-left-color:var(--topic-accent)}.sidebar-lesson-preview{position:fixed;z-index:3400;pointer-events:none;transform:translateY(-50%);max-width:min(280px,calc(100vw - 24px))}.sidebar-lesson-preview__bubble{position:relative;display:grid;gap:.28rem;padding:.85rem .95rem;border-radius:18px;background:linear-gradient(180deg,#fff,#f6f7fb);border:1px solid rgba(15,23,42,.08);border-left:4px solid var(--lesson-preview-accent, var(--accent));box-shadow:0 16px 32px #0f172a29;color:#111827}.sidebar-lesson-preview__label{font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,var(--lesson-preview-accent, var(--accent)) 55%,#334155)}.sidebar-lesson-preview__text{font-size:.94rem;line-height:1.35;font-weight:600;white-space:normal;overflow-wrap:anywhere}.sidebar-lesson-preview[data-side=right] .sidebar-lesson-preview__bubble:before,.sidebar-lesson-preview[data-side=right] .sidebar-lesson-preview__bubble:after,.sidebar-lesson-preview[data-side=left] .sidebar-lesson-preview__bubble:before,.sidebar-lesson-preview[data-side=left] .sidebar-lesson-preview__bubble:after{content:"";position:absolute;top:50%;transform:translateY(-50%);pointer-events:none}.sidebar-lesson-preview[data-side=right] .sidebar-lesson-preview__bubble:before{left:-10px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:10px solid rgba(15,23,42,.08)}.sidebar-lesson-preview[data-side=right] .sidebar-lesson-preview__bubble:after{left:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:9px solid #ffffff}.sidebar-lesson-preview[data-side=left] .sidebar-lesson-preview__bubble:before{right:-10px;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:10px solid rgba(15,23,42,.08)}.sidebar-lesson-preview[data-side=left] .sidebar-lesson-preview__bubble:after{right:-8px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:9px solid #ffffff}.sidebar-group__content{padding-top:.15rem}.lesson-number{font-weight:600;opacity:.6;flex-shrink:0}.lesson-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar-group{border-radius:var(--radius-sm);flex-shrink:0}.sidebar-group__cat{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem;padding:.62rem .65rem;font-size:.95rem;font-weight:700;color:#243041;border-radius:0;transition:background .12s,color .12s}.sidebar-group__cat:hover{color:#111827;background:color-mix(in srgb,var(--topic-accent) 18%,white)}.sidebar-group__cat.is-active{color:#111827;background:color-mix(in srgb,var(--topic-accent) 26%,white)}.sidebar-group__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;background:var(--topic-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--topic-accent) 35%,transparent)}.sidebar-group__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-group__toggle{flex-shrink:0;width:3rem;border:none;border-left:1px solid color-mix(in srgb,var(--topic-accent) 30%,var(--border));background:color-mix(in srgb,var(--topic-accent) 18%,white);color:#5b6472;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.sidebar-group__toggle:hover{color:var(--text);background:#ffffff0a}.sidebar__chevron{display:block;transition:transform .2s ease;opacity:.85}.sidebar-group__toggle.is-open .sidebar__chevron{transform:rotate(180deg)}.sidebar-lessons{list-style:none;margin:.35rem 0 .5rem;padding:0 0 0 .25rem;display:flex;flex-direction:column;gap:.15rem}@media (hover: none),(pointer: coarse){.sidebar-lesson-preview{display:none}}.navbar__auth-section{position:relative;margin-left:auto}.navbar__user-profile{display:flex;align-items:center;gap:12px;margin-left:15px;padding-left:15px;border-left:1px solid rgba(255,255,255,.2)}.navbar__profile-btn{display:flex;align-items:center;gap:10px;background:transparent;border:none;cursor:pointer}.navbar__profile-avatar{width:42px;height:42px;border-radius:50%;border:2px solid #facc15;object-fit:cover}.navbar__profile-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.navbar__profile-name{color:#fff;font-size:.9rem;font-weight:600}.navbar__user-name{color:#fff;font-weight:500;font-size:.9rem}.navbar__profile-card{position:absolute;top:calc(var(--navbar-h) + var(--navbar-hb) + 8px);right:0;width:min(340px,90vw);max-width:340px;background:#0b2a63;box-shadow:0 8px 32px #0000004d;border-radius:20px;padding:20px;z-index:2999;animation:profileFadeDesktop .2s ease forwards}.navbar__profile-card-top{text-align:center;margin-bottom:16px}.navbar__profile-large-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:10px;border:3px solid var(--success, #10b981);object-fit:cover}.navbar__profile-card h3{color:#fff;margin-bottom:4px;font-size:1.1rem;font-weight:600;word-break:break-word}.navbar__profile-card p{color:#c8d7e7;font-size:.85rem;word-break:break-all;padding:0 8px}.navbar__profile-actions{display:flex;flex-direction:column;gap:8px}.navbar__profile-action,.navbar__logout-btn{border:none;text-decoration:none;background:#08345d;color:#fff;padding:12px 14px;border-radius:12px;text-align:center;cursor:pointer;transition:background .2s,transform .15s;font-size:.9rem;font-weight:500;display:block;width:100%}.navbar__profile-action:active,.navbar__logout-btn:active{transform:scale(.97)}.navbar__profile-action:hover,.navbar__logout-btn:hover{background:#0d467d}.navbar__login-link{display:inline-flex;align-items:center;color:#040e3d;text-decoration:none;background:var(--success, #10b981);padding:10px 22px;border-radius:999px;font-weight:600;font-size:.8rem;margin-right:10px;cursor:pointer;border:none;transition:background .25s ease,transform .25s ease}.navbar__login-link:hover{color:var(--accent);transform:translateY(-1px)!important}.navbar__profile-role strong{font-size:.72rem;padding:.3rem .6rem;border-radius:8px;margin-top:.2rem}.role-badge-free{background-color:#fff!important;color:#10b981!important;border:1px solid #10b981!important;box-shadow:0 4px 12px #1deda840!important}.role-badge-premium{border-color:#facc15;color:#5c4500;background:linear-gradient(145deg,#fff3a3,#ffe066);box-shadow:0 6px 18px #facc1559}.app-shell__floating-sidebar-btn,.navbar__mobile-menu-trigger,.navbar__mobile-menu-card{display:none}@media (max-width: 768px){.hide-on-mobile{display:none!important}.navbar{height:auto}.navbar__top{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:40px;min-height:40px;padding:0 .65rem}.sidebar-toggle{display:inline-flex;width:34px;height:34px;font-size:1.35rem;padding:0}.FGlogo{width:34px;height:34px}.FGlogo img{width:100%;height:100%;object-fit:contain}.navbar__top-nav{display:none}.navbar__top-link{font-size:.76rem;padding:.25rem .55rem}.navbar__bottom{height:40px;min-height:40px;padding:0 .65rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem}.navbar__brand{font-size:.95rem;padding-left:0;white-space:nowrap}.navbar__center-actions{justify-self:center;display:flex;align-items:center;gap:.5rem;height:auto}.navbar__feature-link{height:30px;min-width:auto;padding:0 .45rem;font-size:.72rem;white-space:nowrap}.navbar__feature-link--button{width:24px;min-width:24px;padding:0;gap:20px}.navbar__feature-icon--speaking,.navbar__feature-icon--ai{width:30px;height:30px}.navbar__actions{justify-self:end;display:flex;align-items:center;gap:.35rem}.navbar__demo-btn,.navbar__tutor-btn{height:28px;min-width:auto;padding:0 .55rem;font-size:.7rem;border-radius:999px;white-space:nowrap}.sidebar-wrapper{position:fixed;top:80px;height:calc(100vh - 100px);left:0;width:300px;max-width:76vw;z-index:2500;transform:translate(-100%);transition:transform .25s ease;pointer-events:none}.sidebar-wrapper.open{transform:translate(0);pointer-events:auto}.sidebar{width:100%;height:100%;padding:.75rem .65rem;background:#e1eed7;border-right:1px solid var(--border);box-shadow:4px 0 18px #0f172a2e}.sidebar__topics{padding-bottom:1rem;scroll-padding-bottom:1rem}.sidebar__header{padding:.5rem .65rem;margin-bottom:.65rem}.sidebar__title{font-size:.85rem}.sidebar-group__cat{padding:.52rem .55rem;font-size:.86rem}.sidebar-group__toggle{width:2.4rem}.sidebar-overlay{position:fixed;top:80px;left:0;right:0;bottom:0;z-index:2400;background:#0f172a59;border:none}.navbar__auth-section{display:flex!important;justify-content:flex-end!important;margin-left:auto!important;width:auto!important}.navbar__user-profile{gap:8px;margin-left:0;padding-left:0;border-left:none}.navbar__profile-avatar{width:32px;height:32px}.navbar__profile-info{align-items:center}.navbar__profile-name{font-size:.8rem}.navbar__profile-role{font-size:.65rem;padding:.25rem .45rem;border-radius:999px;margin-top:.15rem}.navbar__profile-card{position:fixed;top:calc(var(--navbar-h) + var(--navbar-hb) + 8px);left:50%;right:auto;transform:translate(-50%);width:min(320px,94vw);margin:0 auto;animation:profileFadeMobile .2s ease forwards}.navbar__login-link{width:auto!important;height:auto!important;min-width:unset!important;border-radius:999px!important;padding:6px 16px!important;font-size:.75rem!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important}.app-shell__floating-sidebar-btn{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding-left:10px;box-sizing:border-box;position:fixed;top:calc(var(--navbar-h) + var(--navbar-hb) - 2px);left:0;width:38px;height:38px;background:#0713517e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid white;border-radius:999px;z-index:1000;cursor:pointer}.app-shell__floating-sidebar-btn span{width:18px;height:2px;background:#fff;border-radius:2px;transition:width .2s ease}.app-shell__floating-sidebar-btn span:last-child{width:12px}.navbar__mobile-menu-trigger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:32px;height:32px;background:transparent;border:none;border-radius:6px;cursor:pointer;margin-left:4px;padding:0}.navbar__mobile-menu-trigger span{width:16px;height:2px;background:#fff;border-radius:2px}.navbar__mobile-menu-card{display:flex;position:absolute;top:calc(var(--navbar-h) + var(--navbar-hb) + 8px);right:12px;width:min(240px,90vw);background:#0b2a63;border-radius:16px;padding:20px;flex-direction:column;gap:14px;box-shadow:0 12px 30px #0006;z-index:3000;animation:profileFadeDesktop .2s ease forwards}.navbar__mobile-menu-card a{color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .15s ease}.navbar__mobile-menu-card a:hover{color:var(--accent, #facc15)}.navbar__menu-divider{height:1px;background:#ffffff26;margin:2px 0}}@media (max-width: 430px){.navbar__top{padding:0 .45rem;gap:8px!important}.sidebar-toggle{width:30px;height:30px;font-size:1.25rem}.FGlogo{width:30px;height:30px}.navbar__top-link{font-size:.7rem;padding:.22rem .42rem}.navbar__profile-btn{font-size:.75rem;padding:.25rem .45rem}.navbar__bottom{padding:0 .45rem;gap:.4rem}.navbar__brand{font-size:.8rem}.navbar__center-actions{gap:.4rem}.navbar__feature-link{height:28px;font-size:.6rem;padding:0 .33rem}.navbar__feature-link--button{width:28px;min-width:28px}.navbar__demo-btn,.navbar__tutor-btn{height:28px;font-size:.6rem;padding:0 .28rem}.sidebar-wrapper{width:245px;top:80px;height:calc(100vh - calc(var(--navbar-h) + var(--navbar-hb)) + 10px)}.sidebar-overlay{top:80px}.app-shell__floating-sidebar-btn{top:calc(var(--navbar-h) + var(--navbar-hb) - 2px);padding-left:8px;width:34px;height:34px;left:0}.navbar__profile-info{display:none}.navbar__user-profile{gap:6px}.navbar__login-link{padding:6px 12px!important;font-size:.7rem!important}.navbar__auth-section{width:100%;display:flex;justify-content:flex-end}.navbar__profile-card{top:calc(var(--navbar-h) + var(--navbar-hb) + 8px)}}@media (max-width: 375px){.navbar__profile-card{width:92vw;padding:16px;border-radius:16px}.navbar__profile-large-avatar{width:64px;height:64px;border-width:2px}.navbar__profile-card h3{font-size:1rem}.navbar__profile-card p{font-size:.8rem}.navbar__profile-action,.navbar__logout-btn{padding:12px;border-radius:12px;font-size:.85rem}.navbar__profile-card{top:calc(var(--navbar-h) + var(--navbar-hb) + 8px)}}@keyframes profileFadeDesktop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes profileFadeMobile{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.lesson-card{height:100%;padding:1.1rem 1.15rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);border-left:4px solid var(--lesson-accent, var(--accent));display:flex;flex-direction:column;gap:.5rem;transition:box-shadow .15s,border-color .15s}.lesson-card:hover{border-color:color-mix(in srgb,var(--lesson-accent, var(--accent)) 50%,var(--border));box-shadow:var(--shadow)}.lesson-card__title{margin:0;font-family:var(--font-display);font-size:1.05rem}.lesson-card__title a{color:var(--text)}.lesson-card__title a:hover{color:var(--accent)}.lesson-card__summary{margin:0;flex:1;font-size:.9rem;color:var(--text-muted)}.lesson-card__cta{font-size:.85rem;font-weight:600;color:var(--lesson-accent, var(--accent))}.carousel{overflow:hidden;margin:0 -1.25rem;padding:.25rem 1.25rem .5rem}.carousel__track{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.carousel__card{flex:0 0 min(280px,85vw);scroll-snap-align:start;padding:1.15rem 1.2rem;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(145deg,color-mix(in srgb,var(--carousel-accent) 22%,var(--bg-elevated)),var(--bg-elevated));display:flex;flex-direction:column;gap:.35rem;min-height:140px;transition:transform .15s,border-color .15s}.carousel__card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--carousel-accent) 55%,var(--border))}.carousel__badge{align-self:flex-start;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--carousel-accent) 35%,transparent);color:var(--text)}.carousel__title{font-family:var(--font-display);font-weight:700;font-size:1.1rem}.carousel__desc{font-size:.85rem;color:var(--text-muted);line-height:1.45}.lesson-content-block{margin-bottom:1.4rem}.lesson-content-block__title{margin:0 0 .55rem;font-size:1.1rem;font-family:var( --font-sans);color:var(--page-accent)}.lesson-table-wrap{overflow-x:auto;margin-top:.75rem}.lesson-table{width:100%;border-collapse:collapse;background:var(--bg-elevated);border:1px solid var(--border)}.lesson-table th,.lesson-table td{border:1px solid var(--border);padding:.7rem .8rem;text-align:left;vertical-align:top}.lesson-table-cell{position:relative}.lesson-table th{background:color-mix(in srgb,var(--page-accent) 14%,var(--bg-soft));font-weight:700}.exercise-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem}.exercise-block{padding:1.15rem 1.2rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-soft);box-shadow:0 1px #ffffff0a}.exercise-block__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .85rem;font-weight:600}.exercise__prompt{margin:0 0 .85rem;font-weight:500;line-height:1.55}.exercise__choices{display:flex;flex-direction:column;gap:.45rem}.choice{display:flex;align-items:flex-start;gap:.55rem;padding:.55rem .65rem;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background:var(--bg-elevated);transition:border-color .15s,background .15s}.choice:hover:not(.choice--correct):not(.choice--wrong){border-color:var(--border-strong)}.choice input{margin-top:.2rem}.choice--correct{border-color:color-mix(in srgb,var(--success) 55%,var(--border));background:color-mix(in srgb,var(--success) 10%,var(--bg-elevated))}.choice--wrong{border-color:color-mix(in srgb,var(--danger) 50%,var(--border));background:color-mix(in srgb,var(--danger) 8%,var(--bg-elevated))}.exercise__input{width:100%;max-width:400px;padding:.55rem .7rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--text);font-family:inherit;font-size:1rem}.exercise__input:disabled{opacity:.85}.exercise__textarea{width:100%;padding:.7rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--text);font-family:inherit;resize:vertical;min-height:120px;line-height:1.5}.exercise__textarea:focus,.exercise__input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 45%,var(--border-strong));box-shadow:0 0 0 3px var(--accent-dim)}.exercise__passage{margin:0 0 1rem;padding:.85rem 1rem;border-left:3px solid color-mix(in srgb,var(--accent) 70%,transparent);background:var(--bg-elevated);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.95rem;color:var(--text-muted);line-height:1.6}.exercise__actions{margin-top:.85rem}.exercise__submit{min-width:8.5rem}.exercise-result{margin-top:1rem;padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border)}.exercise-result--ok{background:color-mix(in srgb,var(--success) 9%,var(--bg-elevated));border-color:color-mix(in srgb,var(--success) 35%,var(--border))}.exercise-result--no{background:color-mix(in srgb,var(--danger) 7%,var(--bg-elevated));border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.exercise-result__title{margin:0 0 .5rem;font-size:.95rem;font-weight:700}.exercise-result--ok .exercise-result__title{color:var(--success)}.exercise-result--no .exercise-result__title{color:var(--danger)}.exercise-explanation{margin:0;font-size:.9rem;color:var(--text-muted);line-height:1.55}.exercise-correction{margin:0 0 .5rem;font-size:.9rem}.exercise-correction__label{color:var(--text-muted);font-weight:500}.exercise-correction__value{font-weight:600;color:var(--text)}.exercise__meta{margin:.45rem 0 0}.exercise-ai-placeholder{display:flex;gap:.65rem;align-items:flex-start;margin-top:.85rem;padding:.75rem .9rem;border-radius:var(--radius-sm);border:1px dashed var(--border-strong);background:color-mix(in srgb,var(--accent) 6%,transparent)}.exercise-ai-placeholder__icon{flex-shrink:0;font-size:1rem;opacity:.7;line-height:1.4}.exercise-ai-placeholder__text{margin:0;font-size:.88rem;color:var(--text-muted);line-height:1.5}.exercise--speaking{display:flex;flex-direction:column;gap:1rem}.speaking-exercise__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.speaking-exercise__eyebrow{margin:0 0 .25rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.speaking-exercise__title{margin:0;font-family:var(--font-display);font-size:1.25rem}.speaking-exercise__timer{flex-shrink:0;padding:.25rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--bg-elevated));color:var(--text-muted);font-size:.78rem;font-weight:700}.speaking-exercise__audio{width:min(100%,34rem)}.speaking-exercise__recorder{display:flex;align-items:center;gap:.85rem;padding:.9rem 1rem;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated)}.speaking-exercise__record-dot{width:.85rem;height:.85rem;border-radius:999px;background:var(--danger);box-shadow:0 0 0 .35rem color-mix(in srgb,var(--danger) 12%,transparent)}.speaking-exercise__recorder-title{margin:0 0 .15rem;font-weight:700}.speaking-exercise__recorder-text,.speaking-exercise__hint{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.5}.speaking-check{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.speaking-check__mic{width:5.5rem;height:5.5rem;border:none;border-radius:999px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 .35rem color-mix(in srgb,var(--accent) 65%,#000)}.speaking-check__mic:disabled{cursor:not-allowed;opacity:.75}.exercise--speaking-listening .speaking-check__mic{background:var(--danger);box-shadow:0 .35rem color-mix(in srgb,var(--danger) 65%,#000)}.exercise--speaking-correct .speaking-check{border-color:color-mix(in srgb,var(--success) 45%,var(--border));background:color-mix(in srgb,var(--success) 10%,var(--bg-elevated))}.exercise--speaking-retry .speaking-check{border-color:color-mix(in srgb,var(--danger) 38%,var(--border));background:color-mix(in srgb,var(--danger) 8%,var(--bg-elevated))}.speaking-check__body{min-width:0}.speaking-check__title{margin:0 0 .25rem;font-size:1.15rem;font-weight:800}.exercise--speaking-correct .speaking-check__title{color:var(--success)}.exercise--speaking-retry .speaking-check__title{color:var(--danger)}.speaking-check__text{margin:0;color:var(--text-muted);line-height:1.5}.speaking-feedback-list{margin:0;padding-left:1.25rem;color:var(--text-muted);line-height:1.5}@media (max-width: 560px){.speaking-check{align-items:stretch;flex-direction:column}.speaking-check__mic{width:100%;height:3.5rem;border-radius:var(--radius-sm)}}.exercise__audio-btn{position:relative;width:55px;height:55px;background-color:#071b80e0;border:none;border-bottom:5px solid rgba(7,19,81,.85);border-radius:16px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s;z-index:2;flex-shrink:0}.audio-icon{width:32px;height:32px}@media (max-width: 480px){.exercise__audio-btn{width:50px;height:50px;border-bottom-width:4px;border-radius:12px}.audio-icon{width:24px;height:24px}@keyframes sonar{0%{transform:scale(1);opacity:.6}to{transform:scale(1.5);opacity:0}}}.exercise__audio-btn:active{border-bottom-width:0;transform:translateY(4px)}.sonar-wave{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;background-color:#1c2ef6;z-index:-1;opacity:0;pointer-events:none}.is-animating .sonar-wave{animation:sonar 1.5s ease-out infinite}.is-animating .delay-1{animation-delay:.75s}@keyframes sonar{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}.exercise-promotion{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;overflow:hidden;padding:1.15rem 1.2rem;border:1px solid color-mix(in srgb,var(--dark-blue) 18%,var(--border));border-radius:var(--radius);background:radial-gradient(circle at 90% 0%,rgba(110,231,183,.28),transparent 38%),linear-gradient(135deg,#fff,#f4fbf8);box-shadow:0 12px 30px #071b7614}.exercise-promotion:after{position:absolute;z-index:-1;right:-2.5rem;bottom:-4rem;width:10rem;height:10rem;border:1.5rem solid rgba(7,27,118,.04);border-radius:999px;content:""}.exercise-promotion--tutor{background:radial-gradient(circle at 90% 0%,rgba(255,234,0,.2),transparent 36%),linear-gradient(135deg,#fff,#f8f8ff)}.exercise-promotion__icon{display:grid;width:3.25rem;height:3.25rem;place-items:center;border-radius:1rem;background:var(--dark-blue);color:#fff;box-shadow:0 .35rem #050f5038}.exercise-promotion--tutor .exercise-promotion__icon{background:#087f6a;box-shadow:0 .35rem #087f6a33}.exercise-promotion__copy{min-width:0}.exercise-promotion__eyebrow{margin:0 0 .15rem;color:#23449b;font-size:.68rem;font-weight:800;letter-spacing:.09em;line-height:1.35;text-transform:uppercase}.exercise-promotion__title{margin:0;color:var(--text);font-family:var(--font-display);font-size:clamp(1.12rem,2vw,1.35rem);line-height:1.25}.exercise-promotion__description{max-width:38rem;margin:.35rem 0 0;color:var(--text-muted);font-size:.9rem;line-height:1.5}.exercise-promotion__cta{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.45rem;padding:.65rem .85rem;border-radius:.8rem;background:var(--dark-blue);color:#fff;font-size:.82rem;font-weight:800;line-height:1.2;text-align:center;transition:box-shadow .16s ease,transform .16s ease}.exercise-promotion__cta:hover{color:#fff;box-shadow:0 .5rem 1.2rem #071b7633;transform:translateY(-1px)}.exercise-promotion__cta:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-strong) 65%,#ffffff);outline-offset:3px}@media (max-width: 680px){.exercise-promotion{grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:1rem}.exercise-promotion__icon{width:2.8rem;height:2.8rem;border-radius:.85rem}.exercise-promotion__cta{grid-column:1 / -1;width:100%}}@media (prefers-reduced-motion: reduce){.exercise-promotion__cta{transition:none}}.lesson-floating-promotion{position:relative;width:100%;margin:1.5rem auto 0;padding:1.1rem;overflow:hidden;border:1px solid rgba(110,231,183,.3);border-radius:1.1rem;background:radial-gradient(circle at 100% 0%,rgba(110,231,183,.17),transparent 42%),#07135c;color:#fff;box-shadow:0 14px 35px #07135c47}.lesson-floating-promotion__close{position:absolute;top:.55rem;right:.55rem;display:grid;width:2rem;height:2rem;padding:0;place-items:center;border:0;border-radius:999px;background:transparent;color:#ffffffc2;cursor:pointer}.lesson-floating-promotion__close:hover,.lesson-floating-promotion__close:focus-visible{background:#ffffff1f;color:#fff;outline:2px solid var(--accent)}.lesson-floating-promotion__icon{display:grid;width:2.65rem;height:2.65rem;margin-bottom:.8rem;place-items:center;border-radius:.8rem;background:#6ee7b724;color:var(--accent)}.lesson-floating-promotion__eyebrow{margin:0;padding-right:2rem;color:var(--accent);font-size:.66rem;font-weight:800;letter-spacing:.13em;line-height:1.3;text-transform:uppercase}.lesson-floating-promotion__title{margin:.4rem 1.5rem 0 0;color:#fff;font-family:var(--font-display);font-size:1.16rem;line-height:1.22}.lesson-floating-promotion__description{margin:.55rem 0 0;color:#fffc;font-size:.78rem;line-height:1.55}.lesson-floating-promotion__cta{display:inline-flex;min-height:2.4rem;align-items:center;justify-content:center;gap:.4rem;margin-top:.9rem;padding:.55rem .8rem;border-radius:999px;background:var(--accent);color:#052e1f;font-size:.75rem;font-weight:800}.lesson-floating-promotion__cta:hover{background:var(--accent-strong);color:#052e1f}.lesson-floating-promotion__cta:focus-visible{outline:2px solid #ffffff;outline-offset:3px}@media (min-width: 1200px){.lesson-floating-promotion{position:fixed;right:6rem;bottom:1.5rem;z-index:2300;width:17rem;max-width:calc(100vw - 7.5rem);margin:0}}@media (max-width: 768px){.lesson-floating-promotion{position:fixed;right:5.25rem;bottom:calc(.75rem + env(safe-area-inset-bottom));left:.75rem;z-index:2300;display:grid;width:auto;max-width:none;margin:0;padding:.72rem .75rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.15rem .65rem;border-radius:.9rem;box-shadow:0 8px 20px #07135c38}.lesson-floating-promotion__icon{display:none}.lesson-floating-promotion__eyebrow,.lesson-floating-promotion__title{grid-column:1}.lesson-floating-promotion__eyebrow{padding-right:0;font-size:.58rem}.lesson-floating-promotion__title{margin:.12rem 0 0;font-family:var(--font-sans);font-size:.82rem;line-height:1.25}.lesson-floating-promotion__description{display:none}.lesson-floating-promotion__close{top:.2rem;right:.2rem;width:1.65rem;height:1.65rem}.lesson-floating-promotion__cta{grid-row:1 / 3;grid-column:2;min-height:2.15rem;margin:0 1.35rem 0 0;padding:.45rem .6rem;font-size:.65rem}}@media (max-width: 390px){.lesson-floating-promotion__cta{max-width:6.2rem;line-height:1.15;text-align:center}}.feedback-prompt{width:min(100%,42rem);margin:1.5rem auto 2rem;padding:1rem 1.1rem;border:1px solid color-mix(in srgb,var(--dark-blue) 16%,var(--border));border-radius:1.1rem;background:linear-gradient(135deg,#fff,#f3fbf8);box-shadow:0 10px 28px #071b7612}.feedback-prompt__copy{text-align:center}.feedback-prompt__eyebrow{margin:0;color:#247a67;font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.feedback-prompt__title{margin:.25rem 0 0;color:var(--text);font-family:var(--font-display);font-size:1.08rem;line-height:1.3}.feedback-prompt__actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.8rem}.feedback-prompt__choices{display:flex;gap:.4rem}.feedback-prompt__choice{display:grid;width:2.65rem;height:2.65rem;padding:0;place-items:center;border:1px solid var(--border);border-radius:.85rem;background:#fff;font-size:1.35rem;cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease}.feedback-prompt__choice:hover:not(:disabled),.feedback-prompt__choice:focus-visible{border-color:var(--accent-strong);background:var(--accent-dim);outline:none;transform:translateY(-2px)}.feedback-prompt__choice.is-selected{border-color:#0f766e;background:#ccfbf1;box-shadow:0 0 0 3px #0f766e1f}.feedback-prompt__choice:disabled{cursor:default;opacity:.55}.feedback-prompt__choice.is-selected:disabled{opacity:1}.feedback-prompt__link{color:var(--dark-blue);font-size:.82rem;font-weight:800;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:.25rem}.feedback-prompt__link:hover,.feedback-prompt__link:focus-visible{color:#0f766e;outline:none}.feedback-prompt__status{min-height:1.25rem;margin-top:.45rem;color:var(--text-muted);font-size:.76rem;line-height:1.4;text-align:center}.feedback-prompt--compact{margin:1rem auto .25rem;padding:.8rem 1rem}@media (max-width: 520px){.feedback-prompt{padding:.85rem}.feedback-prompt__actions{flex-direction:column;gap:.65rem}.feedback-prompt__choice{width:2.8rem;height:2.8rem}}@media (prefers-reduced-motion: reduce){.feedback-prompt__choice{transition:none}}.tutor-form{width:100%;max-width:100%;margin:0 auto;padding:clamp(1.35rem,4vw,3rem);border-radius:20px;background:var(--bg-soft);border:1px solid rgba(110,231,183,.35);box-shadow:var(--shadow);box-sizing:border-box}.tutor-form__title{font-family:var(--font-display);font-size:clamp(1.15rem,4vw,1.35rem);margin:0 0 1rem}.tutor-form__success{margin:0;color:var(--success)}.tutor-form__error{margin:0 0 1rem;color:var(--danger);font-size:.9rem}.tutor-form__submit{width:100%;margin-top:.25rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;min-width:0}.field__label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.field__input,.field__textarea{width:100%;min-width:0;box-sizing:border-box;padding:.65rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--text);font-family:inherit;font-size:1rem}.field__textarea{resize:vertical;min-height:110px}.field__input:focus,.field__textarea:focus{outline:2px solid var(--accent-dim);border-color:var(--accent)}.field__phone{width:100%;min-width:0;box-sizing:border-box;padding:.55rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg)}.field__phone:focus-within{outline:2px solid var(--accent-dim);border-color:var(--accent)}.field__phone .PhoneInputCountry{margin-right:.6rem}.field__phone .PhoneInputInput{min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-family:inherit;font-size:1rem}.field__phone .PhoneInputCountrySelect{cursor:pointer}.field__input{overflow:hidden;text-overflow:ellipsis}select.field__input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;white-space:nowrap}@media (max-width: 560px){.tutor-form{width:100%;max-width:100%;overflow:hidden}select.field__input{width:100%;max-width:100%;font-size:.9rem}.field{margin-bottom:.85rem}.field__input,.field__textarea,.field__phone{font-size:.95rem;padding:.6rem .65rem;width:100%;max-width:100%;box-sizing:border-box}.field__textarea{min-height:95px}}.phone-row{display:grid;grid-template-columns:105px 1fr;gap:.45rem;min-width:0}.country-picker__button{width:100%;min-height:39px;border-radius:10px;border:1px solid var(--border-strong);background:#f8fafc;color:var(--text);font:inherit;font-size:.88rem;display:flex;align-items:center;justify-content:space-between;gap:.3rem;padding:0 .55rem;cursor:pointer}.country-picker__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:#07145f61;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem}.country-picker__card{width:min(410px,94vw);max-height:min(600px,80vh);background:#fff;border-radius:20px;border:1px solid rgba(13,110,71,.989);box-shadow:0 24px 60px #0f172a47;overflow:hidden;display:flex;flex-direction:column;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.country-picker__header{padding:.85rem 1rem;background:#11357a;color:#fff;display:flex;justify-content:space-between;align-items:center}.country-picker__header p{margin:.2rem 0 0;font-size:.78rem;color:#ffffffbf}.country-picker__close{border:none;background:#ffffff1f;color:#fff;width:32px;height:32px;border-radius:999px;font-size:1.2rem;cursor:pointer}.country-picker__list{overflow-y:auto;padding:.45rem}.country-picker__option{width:100%;border:none;background:transparent;padding:.65rem .7rem;border-radius:10px;display:flex;justify-content:space-between;gap:1rem;text-align:left;font:inherit;cursor:pointer}.country-picker__option:hover,.country-picker__option--active{background:var(--accent-dim)}.country-picker__option-code{color:#0f766e}@media (max-width: 560px){.tutor-form{max-width:100%;padding:1rem}.phone-row{grid-template-columns:95px 1fr}.field__input,.field__textarea,.country-picker__button{font-size:.88rem}}.pricing-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch}.pricing-card{position:relative;padding:1.25rem 1.2rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 12px 28px #0f172a14}.pricing-card--highlight{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:linear-gradient(145deg,#fff,#f0fff8);box-shadow:0 16px 34px #34d39929}.pricing-card__badge{position:absolute;top:.8rem;right:.8rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .55rem;border-radius:999px;background:var(--accent-dim);color:#0f766e}.pricing-card__title{margin:0 0 .55rem;font-size:1.05rem;font-weight:800}.pricing-card__price{margin:0 0 .8rem}.pricing-card__amount{font-family:var(--font-display);font-size:1.75rem;font-weight:700}.pricing-card__detail{color:var(--text-muted);font-size:.92rem}.pricing-card__features{margin:.8rem 0 0;padding-left:1.1rem;color:var(--text-muted);font-size:.9rem;line-height:1.55}.select-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.select-card{border:1px solid var(--border-strong);background:#f8fafc;color:var(--text);border-radius:12px;padding:.6rem .65rem;font-size:.85rem;text-align:center;cursor:pointer;transition:all .15s ease}.select-card:hover{background:var(--bg-soft)}.select-card--active{background:var(--accent-dim);border-color:var(--accent);color:#0f766e;font-weight:600}.select-card--recommended{border:1px solid rgba(255,215,0,.6);background:linear-gradient(145deg,#fffbe6,#fff7cc);color:#8a6d00;position:relative}.select-card--recommended:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:12px;box-shadow:0 0 10px #ffd70059;pointer-events:none}.select-card--recommended.select-card--active{border-color:#facc15;background:linear-gradient(145deg,#fff3a3,#ffe066);color:#5c4500;box-shadow:0 6px 18px #facc1559}.select-card--recommended:after{content:"Recommended";position:absolute;top:-8px;right:8px;font-size:.6rem;padding:2px 6px;border-radius:999px;background:#facc15;color:#5c4500;font-weight:700}.level-suggestion{margin-top:.6rem;margin-bottom:.6rem;padding:.75rem .85rem;border-radius:14px;background:#6ee7b724;border:1px solid rgba(110,231,183,.35);color:var(--text-muted);font-size:.86rem}.level-suggestion p{margin:0 0 .45rem}.level-suggestion__link{color:#0f766e;font-weight:700;font-family:var(--font-sans);text-decoration:none}.level-suggestion__link:hover{text-decoration:wavy}.page--home{max-width:960px}.home-hero{width:100%;padding:1.5rem 0 2rem}.home-hero__card{width:100%;min-height:clamp(420px,68vh,620px);max-height:calc(100vh - var(--navbar-hb) - var(--navbar-h) - 3rem);border-radius:30px;overflow:hidden;display:grid;grid-template-columns:.92fr 1.08fr;background:#07135c;box-shadow:0 22px 55px #07135c38}.home-hero__copy{position:relative;z-index:3;padding:clamp(1.5rem,4vh,3rem);background:linear-gradient(90deg,#07135c,#07135c 78%,#07135cad);color:#fff;display:flex;flex-direction:column;justify-content:center}.home-hero__eyebrow{margin:0 0 .8rem;color:var(--accent-strong);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.home-hero__title{max-width:560px;margin:0;font-family:var(--font-display);font-size:clamp(2.1rem,5.6vh,4.3rem);line-height:.98;letter-spacing:-.04em}.home-hero__lead{max-width:560px;margin:clamp(.8rem,2vh,1.2rem) 0 0;color:#ffffffd6;font-size:clamp(.95rem,2vh,1.12rem);line-height:1.65}.home-hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:clamp(1rem,3vh,1.6rem)}.home-hero__demo-btn{color:#fff;border-color:#ffffff59;background-color:#ffffff56}.home-hero__demo-btn:hover{color:var(--accent-strong);border-color:var(--accent-strong)}.home-hero__images{position:relative;height:100%;min-height:0;overflow:hidden}.home-hero__images:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(90deg,#07135c8c,#07135c14)}.home-hero__images img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0;object-fit:cover;display:block;opacity:0;transform:scale(1.04);animation:homeHeroFade 12s infinite ease-in-out}@keyframes homeHeroFade{0%{opacity:0;transform:scale(1.04)}8%{opacity:1}33%{opacity:1}45%{opacity:0;transform:scale(1.12)}to{opacity:0}}@media (max-width: 900px){.home-hero{padding:1rem 0}.home-hero__card{grid-template-columns:1fr;grid-template-rows:1fr;min-height:500px;max-height:80vh}.home-hero__copy,.home-hero__images{grid-column:1 / -1;grid-row:1 / -1}.home-hero__images{z-index:1}.home-hero__images:after{background:linear-gradient(180deg,#07135c4d,#07135cd9)}.home-hero__copy{z-index:3;background:transparent;justify-content:flex-end;padding:2rem 1.2rem;text-align:center;align-items:center}.home-hero__title{font-size:2.4rem;max-width:100%}.home-hero__lead{max-width:100%;font-size:1rem;color:#fff}.home-hero__actions{justify-content:center;width:100%}.home-hero__actions .btn{width:100%;max-width:280px}}@media (max-width: 480px){.home-hero__card{min-height:450px;border-radius:20px}.home-hero__title{font-size:2rem}}.home-categories{margin-top:clamp(2.5rem,6vw,3.5rem)}.home-section-head{margin-bottom:1.35rem}.home-section-head__title{margin:0 0 .4rem;font-family:var(--font-display);font-size:1.35rem;font-weight:700}.home-section-head__desc{margin:0;color:var(--text-muted);line-height:1.55;max-width:42ch}.home-category-grid{list-style:none;margin:0;padding:0;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.home-category-card{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.1rem 1.15rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);min-height:100%;transition:border-color .15s,box-shadow .15s,transform .12s;border-left:4px solid var(--cat-accent, var(--accent))}.home-category-card:hover{border-color:color-mix(in srgb,var(--cat-accent, var(--accent)) 40%,var(--border));box-shadow:var(--shadow);transform:translateY(-2px)}.home-category-card__dot{width:10px;height:10px;border-radius:50%;background:var(--cat-accent, var(--accent));box-shadow:0 0 0 3px color-mix(in srgb,var(--cat-accent, var(--accent)) 28%,transparent)}.home-category-card__title{font-family:var(--font-display);font-weight:700;font-size:1.05rem;margin:0}.home-category-card__desc{font-size:.88rem;color:var(--text-muted);line-height:1.45;flex:1}.home-category-card__cta{font-size:.82rem;font-weight:600;color:var(--cat-accent, var(--accent));margin-top:.25rem}.home-tutor-promo{margin-top:clamp(2.75rem,7vw,4rem);padding:clamp(1.5rem,4vw,2.25rem);border-radius:30px;border:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--navbar-bg) 8%,#07135c),#08409b);overflow:hidden}.home-tutor-promo__inner{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,430px);gap:2rem;align-items:center}.home-tutor-promo__copy{position:relative;z-index:2}.home-tutor-promo__title{margin:0 0 .5rem;font-family:var(--font-display);font-size:clamp(2.1rem,5.6vh,4.3rem);color:#fff}.home-tutor-promo__text{margin:0 0 .85rem;color:var(--text-inverse);line-height:1.6;max-width:42ch}.home-tutor-promo__bullets{margin:0 0 1.15rem;padding-left:1.2rem;color:var(--text-inverse);line-height:1.55}.home-tutor-promo__bullets li{margin-bottom:.35rem}.home-tutor-promo__panel{position:relative;min-height:320px}@media (max-width: 700px){.home-hero__photo{width:min(100%,280px);height:220px}.home-tutor-promo__image{min-height:220px}}.home-tutor-promo__image{border-radius:20px!important;overflow:hidden}.image-carousel{position:relative;width:100%;height:100%;min-height:260px;overflow:hidden;border-radius:inherit}.image-carousel img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);animation-name:imageCarouselFade;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes imageCarouselFade{0%{opacity:0;transform:scale(1.04)}8%{opacity:1}33%{opacity:1}45%{opacity:0;transform:scale(1.12)}to{opacity:0}}@media (max-width: 700px){.image-carousel{min-height:220px}}.page--tutor{max-width:880px}.tutor-page-header{margin-bottom:2rem}.tutor-page-header__title{margin:0 0 .5rem;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,1.85rem)}.tutor-page-header__desc{margin:0;color:var(--text-muted);line-height:1.6;max-width:52ch}.tutor-demo-spotlight{display:grid;grid-template-columns:1fr minmax(200px,260px);gap:1.25rem;padding:clamp(1.35rem,3vw,2rem);margin-bottom:2.5rem;border-radius:var(--radius);border:2px solid color-mix(in srgb,var(--accent) 45%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 14%,var(--bg-elevated)),var(--bg-soft));box-shadow:0 8px 32px #0003}@media (max-width: 700px){.tutor-demo-spotlight{grid-template-columns:1fr}}.tutor-demo-spotlight__badge{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 28%,transparent);color:var(--accent);margin-bottom:.65rem}.tutor-demo-spotlight__title{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.5rem}.tutor-demo-spotlight__lead{margin:0 0 .85rem;color:var(--text-muted);line-height:1.6}.tutor-demo-spotlight__list{margin:0;padding-left:1.15rem;color:var(--text-muted);line-height:1.55}.tutor-demo-spotlight__list li{margin-bottom:.35rem}.tutor-demo-spotlight__aside{display:flex;align-items:center;padding:1rem;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border)}.tutor-demo-spotlight__aside-text{margin:0;font-size:.9rem;color:var(--text-muted);line-height:1.5}.tutor-pricing-block{margin-bottom:2.25rem}.tutor-section-head{margin-bottom:1rem}.tutor-section-head__title{margin:0 0 .25rem;font-family:var(--font-display);font-size:1.2rem}.tutor-section-head__desc{margin:0;font-size:.92rem;color:var(--text-muted)}.tutor-pricing-grid{display:grid;gap:1rem}.tutor-pricing-grid--three{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tutor-pricing-grid--exam{grid-template-columns:minmax(280px,420px)}.tutor-booking-section{margin-top:.5rem;padding-top:2rem;border-top:1px solid var(--border)}.tutor-booking-section__intro{margin-bottom:1.25rem}.tutor-booking-section__title{margin:0 0 .4rem;font-family:var(--font-display);font-size:1.25rem}.tutor-booking-section__desc{margin:0;font-size:.92rem;color:var(--text-muted);line-height:1.55;max-width:52ch}.home-search-shell{position:sticky;top:0;z-index:80;max-width:760px;margin:2rem auto;padding:0 .75rem}.home-search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#0f172a2e;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.home-search{position:relative;z-index:30;width:100%}.home-search--open{transform:none}.home-search__bar{height:56px;display:flex;align-items:center;gap:.75rem;border-radius:999px;padding:0 1.05rem;background:#ffffff94;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.42);box-shadow:0 12px 30px #0f172a21,inset 0 1px #ffffff8c;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.home-search__bar:focus-within{background:#ffffffc2;border-color:#6ee7b7a6;box-shadow:0 16px 38px #0f172a2e,0 0 0 3px #6ee7b72e}.home-search__icon{color:#0f172a73;font-size:1.8rem;line-height:1}.home-search__input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font:inherit;font-size:1rem}.home-search__input::placeholder{color:#1f29378c}.home-search__clear{width:30px;height:30px;border:none;border-radius:999px;background:#ecececc7;color:var(--text-muted);font-size:1.2rem;cursor:pointer}.home-search__panel{position:absolute;top:calc(100% + .5rem);left:.75rem;right:.75rem;border-radius:24px;background:#ffffffd1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.45);box-shadow:0 24px 60px #0f172a38,inset 0 1px #ffffff8c;padding:.75rem;max-height:min(420px,55vh);overflow:hidden}.home-search__hint{margin:0 0 .55rem;padding:0 .45rem;color:var(--text-muted);font-size:.82rem}.home-search__results{display:grid;gap:.35rem;max-height:min(330px,45vh);overflow-y:auto;overscroll-behavior:contain}.home-search__result{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:.7rem;padding:.75rem;border-radius:16px;text-decoration:none;color:var(--text);background:transparent}.home-search__result:hover{background:#6ee7b729}.home-search__result-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:999px;background:#6ee7b729;color:#0f766e;font-weight:800}.home-search__result-text strong{display:block;font-size:.95rem}.home-search__result-text small{display:block;margin-top:.15rem;color:var(--text-muted);font-size:.82rem;line-height:1.35}.home-search__result em{font-style:normal;font-size:.72rem;font-weight:800;color:#0f766e;background:#6ee7b72e;padding:.25rem .45rem;border-radius:999px}.home-search__empty{margin:0;padding:.85rem;color:var(--text-muted)}@media (max-width: 560px){.home-search-shell{position:sticky;top:0;z-index:300;margin:.75rem 0;padding:0 .65rem}.home-search__bar{height:50px;padding:0 .85rem;gap:.55rem;background:#ffffffa3}.home-search__icon{font-size:1.25rem}.home-search__input{font-size:.92rem}.home-search__panel{left:.65rem;right:.65rem;border-radius:20px;max-height:min(390px,58vh)}.home-search__results{max-height:min(300px,46vh)}.home-search__result{grid-template-columns:28px 1fr;gap:.55rem;padding:.65rem}.home-search__result-icon{width:28px;height:28px}.home-search__result em{grid-column:2;justify-self:start}}button.home-search__result{width:100%;border:none;font:inherit;cursor:pointer;text-align:left}@media (max-width: 430px){.home-hero__card{min-height:400px!important;border-radius:20px!important}.home-hero__copy{padding:1.5rem 1rem!important;justify-content:center!important;text-align:center!important;align-items:center!important}.home-hero__title{font-size:1.75rem!important;max-width:100%!important}.home-hero__lead{font-size:.9rem!important;padding:0!important}.home-hero__actions{flex-direction:column!important;gap:10px!important;width:100%!important}.home-hero__actions .btn{width:100%!important;max-width:none!important;padding:.75rem 1rem!important}.home-category-grid{grid-template-columns:1fr!important;gap:.65rem!important}.home-category-card{padding:1rem!important}.home-category-card__title{font-size:.95rem!important}.home-category-card__desc{font-size:.82rem!important}.home-tutor-promo{padding:1.25rem 1rem!important;border-radius:20px!important}.home-tutor-promo__title{font-size:1.6rem!important}.home-tutor-promo__text,.home-tutor-promo__bullets{font-size:.9rem!important}.home-search-shell{margin:1rem auto .5rem!important}.home-search__panel{max-height:65vh!important;padding:.5rem!important}.home-search__result{padding:.5rem!important;gap:.5rem!important}.home-search__result-text strong{font-size:.85rem!important}.home-search__result-text small{font-size:.75rem!important}}@media (max-width: 820px){.home-tutor-promo{background:transparent!important;border:none!important;padding:1rem 0!important;border-radius:0!important}.home-tutor-promo__inner{grid-template-columns:1fr!important;grid-template-rows:1fr!important;gap:0!important;position:relative;min-height:450px;border-radius:24px;overflow:hidden;background:#07135c}.home-tutor-promo__copy,.home-tutor-promo__panel{grid-column:1 / -1!important;grid-row:1 / -1!important}.home-tutor-promo__panel{z-index:1!important;min-height:100%!important;margin-top:0!important}.home-tutor-promo__image{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;border-radius:24px!important}.home-tutor-promo__image .image-carousel{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;min-height:100%!important;height:100%!important;border-radius:24px!important}.home-tutor-promo__image img{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}.home-tutor-promo__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,#07135c4d,#07135cd9);pointer-events:none}.home-tutor-promo__copy{z-index:3!important;background:transparent!important;justify-content:flex-end!important;padding:2rem 1.5rem!important;text-align:center!important;align-items:center!important;display:flex!important;flex-direction:column!important}.home-tutor-promo__title{font-size:2rem!important;text-shadow:0 2px 8px rgba(0,0,0,.3)!important}.home-tutor-promo__text,.home-tutor-promo__bullets{color:#ffffffe6!important;text-shadow:0 1px 4px rgba(0,0,0,.2)!important;max-width:100%!important}}@media (max-width: 560px){.home-tutor-promo__inner{min-height:420px;border-radius:20px}.home-tutor-promo__image,.home-tutor-promo__image .image-carousel{border-radius:20px!important}.home-tutor-promo__copy{padding:1.5rem 1rem!important}.home-tutor-promo__title{font-size:1.6rem!important}.home-tutor-promo__panel-note{max-width:85%!important;font-size:.85rem!important;padding:.8rem!important}.home-tutor-promo__bullets{font-size:.85rem!important;padding-left:1rem!important}}@media (max-width: 430px){.home-tutor-promo__inner{min-height:380px;border-radius:18px}.home-tutor-promo__image,.home-tutor-promo__image .image-carousel{border-radius:18px!important}.home-tutor-promo__copy{padding:1.25rem .9rem!important}.home-tutor-promo__title{font-size:1.4rem!important}.home-tutor-promo__text{font-size:.85rem!important}.home-tutor-promo__panel-note{max-width:90%!important;right:.5rem!important;bottom:.5rem!important}}.home-features{background:var(--dark-blue);padding:2rem;border-radius:24px;margin:2rem auto;max-width:1000px;position:relative}.feature-carousel{width:100%;display:flex;justify-content:center}.feature-carousel__wrapper{position:relative;width:100%;max-width:calc((100vh - var(--navbar-h) - var(--navbar-hb) - 8rem) * (16 / 9))}.feature-carousel__viewport{overflow:hidden;border-radius:16px;box-shadow:0 10px 30px #0006;aspect-ratio:16 / 9;background:#000;max-height:calc(100vh - var(--navbar-h) - var(--navbar-hb) - 8rem);width:100%}.feature-carousel__track{display:flex;height:100%}.feature-carousel__slide{min-width:100%;height:100%;display:flex;justify-content:center;align-items:center}.feature-carousel__link{display:block;width:100%;height:100%;overflow:hidden;color:inherit;cursor:pointer}.feature-carousel__link:focus-visible{outline:4px solid var(--accent);outline-offset:-4px}.feature-carousel__link .feature-carousel__media{transition:transform .18s ease,filter .18s ease}.feature-carousel__link:hover .feature-carousel__media{filter:brightness(1.04);transform:scale(1.01)}.feature-carousel__media{width:100%;height:100%;object-fit:cover}@media (prefers-reduced-motion: reduce){.feature-carousel__link .feature-carousel__media{transition:none}}.feature-carousel__btn{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:#fff;color:#0d1240;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0003;z-index:10;transition:background .2s,transform .2s}.feature-carousel__btn:hover{background:#f1f1f1;transform:translateY(-50%) scale(1.05)}.feature-carousel__btn--prev{left:-28px}.feature-carousel__btn--next{right:-28px}@media (max-width: 768px){.home-features{padding:1.5rem 1rem;border-radius:16px;margin:1.5rem auto}.feature-carousel__wrapper{max-width:calc((100vh - var(--navbar-h) - var(--navbar-hb) - 4.5rem) * (16 / 9))}.feature-carousel__viewport{max-height:calc(100vh - var(--navbar-h) - var(--navbar-hb) - 4.5rem)}.feature-carousel__btn--prev{left:-22px}.feature-carousel__btn--next{right:-22px}.feature-carousel__btn{width:44px;height:44px}}.exercise-ai-feedback{margin-top:1rem;padding:1rem;border-radius:14px;background:var(--bg);color:var(--text-muted);border:1px solid #c2c2c2;border-color:var(--success)}.ai-status{width:fit-content;padding:.3rem .7rem;border-radius:999px;font-size:.78rem;font-weight:800;text-transform:uppercase;margin-bottom:.7rem}.ai-status--correct{background:#dcfce7;color:#166534}.ai-status--needs_improvement{background:#fef3c7;color:#92400e}.ai-correction,.ai-practice{margin:.65rem 0}.ai-feedback-list{margin:.6rem 0;padding-left:1.2rem}.ai-feedback-list li{margin-bottom:.35rem}.nav-ai-wrapper{position:relative;display:inline-flex;align-items:center}.nav-ai-panel-floating{position:fixed;right:20px;top:calc(var(--navbar-h) + var(--navbar-hb) + 12px);z-index:5500;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.nav-ai-resize-handle{position:absolute;left:-13px;top:50%;z-index:3;display:grid;width:28px;height:48px;padding:0;place-items:center;color:#0f3d3a;background:#fff;border:1px solid rgba(15,61,58,.25);border-radius:999px;box-shadow:0 5px 14px #0f172a2e;cursor:ew-resize;transform:translateY(-50%);touch-action:none}.nav-ai-resize-handle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-ai-resize-handle:hover,.nav-ai-resize-handle:focus-visible{color:#fff;background:#0f766e;outline:3px solid rgba(15,118,110,.2)}.nav-ai-panel-floating[data-size=compact] .nav-ai-resize-handle{display:none}body.is-resizing-ai-chat,body.is-resizing-ai-chat *{cursor:ew-resize!important;-webkit-user-select:none!important;user-select:none!important}.nav-ai-panel-floating.is-dragged{right:auto;top:auto}.nav-ai-panel-floating:not(.is-dragged) .frenchgeni-ai-card{height:min(620px,calc(100vh - (var(--navbar-h) + var(--navbar-hb) + 24px)));height:min(620px,calc(100dvh - (var(--navbar-h) + var(--navbar-hb) + 24px)))}.nav-ai-panel-floating.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.nav-ai-panel-floating[data-size=compact] .frenchgeni-ai-card{width:min(320px,90vw);height:min(430px,calc(100vh - 24px));height:min(430px,calc(100dvh - 24px));animation:ai-card-fade .2s ease}.nav-ai-floating-launcher{position:fixed;font-family:var(--font-display);font-size:1.25rem;right:20px;bottom:60px;z-index:5500;width:62px;height:62px;border-radius:50%;border:none;background:var(--dark-blue);color:#fff;font-weight:900;letter-spacing:.02em;cursor:pointer;display:grid;place-items:center;line-height:1;animation:ai-card-fade .2s ease}.nav-ai-floating-launcher__label{display:block;transform:translateY(-1px)}.nav-ai-floating-launcher:hover{transform:translateY(-1px);filter:brightness(1.05);color:var(--success);box-shadow:0 12px 24px #16a34a59}.frenchgeni-ai-card{width:min(var(--ai-card-width, 390px),calc(100vw - 16px));height:min(620px,calc(100vh - 24px));height:min(620px,calc(100dvh - 24px));padding:.9rem;border-radius:22px;background:linear-gradient(145deg,#bfffe6,#f8ffff);border:1px solid rgba(15,118,110,.22);box-shadow:0 22px 45px #0f172a29;color:#0f172a;display:flex;flex-direction:column;overflow:hidden;animation:ai-card-fade .2s ease}@keyframes ai-card-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.frenchgeni-ai-card__heading{min-width:0;display:flex;align-items:center;gap:.6rem}.tooltip-right,.tooltip-bottom{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;background-color:var(--bg-soft);color:#000;font-family:inherit;font-size:.78rem;font-weight:500;white-space:nowrap;padding:.4rem .8rem;border-radius:12px;box-shadow:0 4px 12px #00000014;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .15s ease,transform .15s ease;z-index:100}[data-tooltip]:before{content:"";position:absolute;border-width:6px;border-style:solid;border-color:transparent;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .15s ease,transform .15s ease;z-index:100}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1;visibility:visible}.tooltip-right:after{top:50%;left:calc(100% + 10px);transform:translateY(-50%) translate(-5px)}.tooltip-right:before{top:50%;left:calc(100% + 4px);border-right-color:#e5e7eb;transform:translateY(-50%)}.tooltip-right:hover:after{transform:translateY(-50%) translate(0)}.tooltip-bottom:after{top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-5px)}.tooltip-bottom:before{top:calc(100% + 4px);left:50%;border-bottom-color:#e5e7eb;transform:translate(-50%)}.tooltip-bottom:hover:after{transform:translate(-50%) translateY(0)}.frenchgeni-ai-card__orb{flex:0 0 35px;width:35px;height:35px;display:block;border-radius:50%;background:radial-gradient(circle at 35% 30%,#22d3ee,#14b8a6 45%,#ca8a04);transition:all .2s ease}.nav-ai-panel-floating[data-size=compact] .frenchgeni-ai-card__title{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a}.nav-ai-panel-floating[data-size=compact] .frenchgeni-ai-card__orb-large{flex:0 0 70px;width:70px;height:70px}.nav-ai-panel-floating[data-size=compact] .frenchgeni-ai-card__subtitle{margin:.4rem 0 0;font-size:.88rem;color:#64748b;font-style:italic}.frenchgeni-ai-card__actions{display:inline-flex;align-items:center;gap:.4rem}.nav-ai-panel-floating .frenchgeni-ai-card__chip{border:1px solid rgba(20,184,166,.35);background:linear-gradient(145deg,#ecfeff,#d1fae5);color:#0b3d39;border-radius:999px;padding:.35rem .8rem;font-size:.74rem;font-weight:800;cursor:pointer;box-shadow:0 5px 14px #14b8a62e;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.frenchgeni-ai-card__chip:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #14b8a63d;filter:brightness(1.03)}.frenchgeni-ai-card__chip--new-chat{margin-top:.15rem}.frenchgeni-ai-card__icon-btn{width:30px;height:30px;border-radius:50%;border:none;background:#e2f9f6;color:#0f172a;font-size:.9rem;font-weight:800;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.frenchgeni-ai-card__icon-btn:hover:not(:disabled){transform:translateY(-1px)}.frenchgeni-ai-card__icon-btn--accent{background:linear-gradient(145deg,#d9fbf5,#c4f1f9);color:#0b3d39;box-shadow:0 6px 14px #0f766e33}.frenchgeni-ai-card__icon-btn--danger{background:linear-gradient(145deg,#fee2e2,#fecaca);color:#991b1b;box-shadow:0 6px 14px #b91c1c33}.frenchgeni-ai-card__chip:disabled,.frenchgeni-ai-card__icon-btn:disabled{opacity:.55;cursor:not-allowed}.frenchgeni-ai-card__messages{flex:1;width:100%;min-width:0;overflow-y:auto;overflow-x:hidden;padding:.75rem .2rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:none}.frenchgeni-ai-card__messages::-webkit-scrollbar{display:none}.frenchgeni-ai-card__empty{margin:auto 0;padding:1rem;border-radius:20px;background:#ffffff94;color:#64748b;font-size:.9rem;text-align:center;border:1px solid rgba(100,116,139,.18)}.frenchgeni-ai-card .chat-bubble{max-width:88%;min-width:0;padding:.82rem .95rem;border-radius:18px;font-size:.92rem;line-height:1.55;overflow-wrap:anywhere;word-break:break-word}.frenchgeni-ai-card .chat-bubble--ai:has(.formatted-table-wrap){width:88%}.frenchgeni-ai-card .chat-bubble .formatted-table-wrap,.frenchgeni-ai-card .chat-bubble .formatted-list,.frenchgeni-ai-card .chat-bubble .formatted-quote{min-width:0;max-width:100%}.frenchgeni-ai-card .chat-bubble__line{margin:0}.frenchgeni-ai-card .chat-bubble__line+.chat-bubble__line{margin-top:.45rem}.frenchgeni-ai-card .chat-bubble--user{align-self:flex-end;background:#0f766e;color:#fff;border-bottom-right-radius:6px}.frenchgeni-ai-card .chat-bubble--ai{align-self:flex-start;background:#ffffffd1;color:#0f172a;border-bottom-left-radius:6px}.frenchgeni-ai-card__error{margin:0;color:#b91c1c;font-size:.88rem}.frenchgeni-ai-card__composer{flex-shrink:0;display:flex;align-items:flex-end;gap:8px}.frenchgeni-ai-card__input{flex:1;min-height:44px;max-height:120px;resize:none;overflow-y:hidden;border-radius:20px;padding:.8rem 1rem;border:1px solid rgba(100,116,139,.22);background:var(--bg-elevated);font:inherit;color:inherit}.frenchgeni-ai-card__input:focus{outline:none;border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a62e}.frenchgeni-ai-card__button{flex-shrink:0;width:35px;margin-bottom:6px;height:35px;border-radius:50%;display:grid;place-items:center;background:#0f766e;color:#fff;border:none;font-weight:900;cursor:pointer}.frenchgeni-ai-card__button:hover:not(:disabled){background:#0c5e5a}.frenchgeni-ai-card__button:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 768px){.nav-ai-panel-floating{right:10px;top:calc(var(--navbar-h) + var(--navbar-hb) + 8px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.nav-ai-floating-launcher{right:10px;bottom:calc(16px + env(safe-area-inset-bottom));width:58px;height:58px}.frenchgeni-ai-card{width:min(95vw,390px);height:min(78vh,calc(100vh - 20px));height:min(78dvh,calc(100dvh - 20px));border-radius:18px;padding:.8rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.nav-ai-panel-floating:not(.is-dragged) .frenchgeni-ai-card{height:min(78vh,calc(100vh - (var(--navbar-h) + var(--navbar-hb) + 16px)));height:min(78dvh,calc(100dvh - (var(--navbar-h) + var(--navbar-hb) + 16px)))}.nav-ai-panel-floating[data-size=compact] .frenchgeni-ai-card{width:min(88vw,320px);height:min(62vh,calc(100vh - 20px));height:min(62dvh,calc(100dvh - 20px))}.frenchgeni-ai-card__header{cursor:move}}.frenchgeni-ai-card__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:1rem;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;position:relative}.frenchgeni-ai-card__header-title{position:absolute;left:50%;top:50%;max-width:110px;overflow:hidden;color:#0f3d3a;font-size:.92rem;font-weight:900;line-height:1.1;text-align:center;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%,-50%);pointer-events:none}.frenchgeni-ai-card__mobile-grabber,.frenchgeni-ai-card__mobile-back-icon{display:none}.frenchgeni-ai-card__edit-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.frenchgeni-ai-card__edit-btn:hover{transform:scale(1.05)}.frenchgeni-ai-card__window-controls{display:flex;align-items:center;gap:.25rem;background:#34d399;border:1px solid rgba(6,78,59,.16);border-radius:999px;padding:.25rem}.frenchgeni-ai-card__window-controls button{width:32px;height:32px;color:#073f39;background:#ffffff2e;border:none;border-radius:50%;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:1;transition:color .15s ease,background .15s ease,transform .15s ease}.frenchgeni-ai-card__window-controls button:hover{color:#064e3b;background:#ffffffb8;transform:translateY(-1px)}.frenchgeni-ai-card__window-controls button:focus-visible{background:#fff;outline:3px solid rgba(15,118,110,.28)}.frenchgeni-ai-card__window-controls .ai-control--close:hover,.frenchgeni-ai-card__window-controls .ai-control--close:focus-visible{color:#991b1b;background:#fee2e2}.frenchgeni-ai-card__window-controls .ai-control svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.frenchgeni-ai-card__window-controls button:disabled{opacity:.35;cursor:default}.custom-icon{width:24px;height:24px;object-fit:contain}.custom-icon-small{width:14px;height:14px;object-fit:contain}.frenchgeni-ai-card__empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70%;text-align:center;padding:1rem}.frenchgeni-ai-card__orb-large{flex:0 0 85px;width:85px;height:85px;display:block;border-radius:50%;background:radial-gradient(circle at 35% 30%,#22d3ee,#14b8a6 45%,#ca8a04);transition:all .2s ease}.frenchgeni-ai-card__title{margin:0;font-size:1.4rem;font-weight:700;color:#0f172a}.frenchgeni-ai-card__subtitle{margin:.5rem 0 0;font-size:1rem;color:#64748b;font-style:italic}@media (max-width: 768px){.nav-ai-panel-floating{top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw;width:100dvw;max-width:none;max-height:none}.nav-ai-panel-floating .frenchgeni-ai-card,.nav-ai-panel-floating:not(.is-dragged) .frenchgeni-ai-card,.nav-ai-panel-floating[data-size=compact] .frenchgeni-ai-card{width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;max-height:none;padding:.75rem;padding-top:env(safe-area-inset-top);padding-bottom:calc(.7rem + env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:none}.frenchgeni-ai-card__header{min-height:58px;padding:.85rem .35rem .55rem;cursor:default}.frenchgeni-ai-card__mobile-grabber{position:absolute;top:4px;left:50%;display:block;width:38px;height:4px;border-radius:999px;background:#0f3d3a4d;transform:translate(-50%)}.frenchgeni-ai-card__header-title{max-width:124px;font-size:.96rem}.frenchgeni-ai-card__window-controls{gap:.3rem;padding:.3rem .4rem}.frenchgeni-ai-card__window-controls button{width:30px;height:30px}.frenchgeni-ai-card__window-controls .ai-control--compact,.nav-ai-resize-handle{display:none!important}.frenchgeni-ai-card [data-tooltip]:before,.frenchgeni-ai-card [data-tooltip]:after{display:none}.frenchgeni-ai-card__messages{gap:.65rem;padding:.75rem .15rem 1rem;overscroll-behavior:contain}.frenchgeni-ai-card .chat-bubble{max-width:90%;padding:.75rem .85rem;border-radius:17px;font-size:1rem;line-height:1.5}.frenchgeni-ai-card .chat-bubble--ai:has(.formatted-table-wrap){width:100%;max-width:100%}.frenchgeni-ai-card__composer{gap:.55rem;padding-top:.7rem;border-top:1px solid rgba(15,118,110,.14);background:#f8ffffdb}.frenchgeni-ai-card__input{min-height:48px;padding:.78rem .95rem;border-radius:18px;font-size:16px;line-height:1.4}.frenchgeni-ai-card__button{width:44px;height:44px;margin-bottom:2px}.frenchgeni-ai-card__empty-state{height:100%;padding-bottom:15vh}.nav-ai-floating-launcher{display:grid;place-items:center}}.page--level-test{--level-test-blue: #102786;--level-test-mint: #35d8ad;--level-test-ink: var(--text);--level-test-soft: var(--bg-elevated);width:100%;max-width:none}.page--level-test .level-test-hero{max-width:920px;margin-bottom:1.5rem}.level-test-shell{width:min(920px,calc(100% - 2rem));margin:0 auto 3rem;padding:clamp(1.15rem,2.5vw,1.5rem);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);box-shadow:0 1px #ffffff0a}.level-test-session-layout{display:grid;grid-template-columns:minmax(0,920px) 10.5rem;align-items:start;gap:1rem;width:min(1100px,calc(100% - 2rem));margin:0 auto 3rem}.level-test-session-layout .level-test-shell--session{width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.level-test-intro{text-align:center}.level-test-intro>p{max-width:690px;margin:1.4rem auto;color:var(--text-muted);line-height:1.7}.level-test-intro .level-test-preview-note{margin:.8rem auto 0;color:#7a4d00;font-size:.82rem;font-weight:750}.level-test-intro__facts{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem}.level-test-intro__facts span{padding:.55rem .85rem;border-radius:999px;background:var(--level-test-soft);color:var(--level-test-blue);font-size:.86rem;font-weight:800}.level-test-progress{margin-bottom:1rem;padding-inline:.15rem}.level-test-progress__meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.55rem;color:var(--text-muted);font-size:.88rem;font-weight:800}.level-test-timer{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-width:5.4rem;margin-left:auto;padding:.28rem .55rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);color:var(--dark-blue);font-variant-numeric:tabular-nums}.level-test-timer.is-warning{border-color:#e5bd71;background:#fff8eb;color:#8a5105}.level-test-timer.is-critical{border-color:color-mix(in srgb,var(--danger) 55%,var(--border));background:color-mix(in srgb,var(--danger) 10%,var(--bg-elevated));color:#a3293b;animation:level-test-timer-pulse 1s ease-in-out infinite}@keyframes level-test-timer-pulse{50%{transform:scale(1.04)}}.level-test-progress__track{height:14px;margin-bottom:0;overflow:hidden;border-radius:999px;background:#e5e7eb}.level-test-progress__track span{display:block;height:100%;border-radius:inherit;background:var(--dark-blue);transition:width .26s ease}.level-test-progress--complete{margin-bottom:1.4rem}.level-test-progress--complete .level-test-progress__track span{background:var(--success)}.level-test-question__prompt{margin:0 0 .85rem;color:var(--level-test-ink);font-size:1rem;font-weight:500;line-height:1.55}.level-test-question__stimulus{margin:0 0 1rem;padding:.85rem 1rem;border-left-color:color-mix(in srgb,var(--accent) 70%,transparent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--bg-elevated);color:var(--text-muted);font-size:.95rem;font-style:normal;line-height:1.75}.level-test-question__stimulus.is-read-aloud{border-left-color:color-mix(in srgb,var(--accent) 70%,transparent);background:var(--bg-elevated);color:var(--level-test-ink);font-size:clamp(1.25rem,4vw,1.8rem);text-align:center}.level-test-options{display:grid;gap:.75rem}.level-test-option{display:flex;align-items:flex-start;gap:.55rem;padding:.55rem .65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--level-test-ink);cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.level-test-option:hover{border-color:var(--border-strong);transform:none}.level-test-option.is-selected{border-color:color-mix(in srgb,var(--accent-strong) 65%,var(--border));background:color-mix(in srgb,var(--accent) 12%,var(--bg-elevated))}.level-test-option input{width:1.15rem;height:1.15rem;margin-top:.15rem;accent-color:var(--level-test-blue)}.level-test-option span{line-height:1.5}.level-test-question__input{width:100%}.level-test-writing__count{margin:.55rem 0 0;color:var(--text-muted);font-size:.88rem;text-align:right}.level-test-audio{display:flex;align-items:center;gap:.8rem;margin:0 0 1.35rem;padding:.3rem 0 .6rem .3rem;background:transparent;color:var(--text-muted);font-size:.84rem;font-weight:700}.level-test-audio audio{display:none}.level-test-audio__button{padding:0}.level-test-audio__button:disabled{cursor:not-allowed;opacity:.58}.level-test-audio__status{display:grid;line-height:1.35}.level-test-audio__status strong{color:var(--text);font-size:.92rem}.level-test-recorder{padding:1rem;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-elevated);text-align:center}.level-test-recorder__status{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:2rem;color:#24584a;font-weight:850}.level-test-recorder__status.is-recording{color:#b42318}.level-test-recorder__pulse{width:.7rem;height:.7rem;border-radius:50%;background:#ef4444;box-shadow:0 0 #ef444473;animation:level-test-pulse 1.25s infinite}@keyframes level-test-pulse{70%{box-shadow:0 0 0 9px #ef444400}to{box-shadow:0 0 #ef444400}}.level-test-recorder__actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:1rem}.level-test-recorder .action-mic-card.level-test-recorder__mic{width:66px;height:66px;padding:0;border-radius:18px!important;background:var(--dark-blue);box-shadow:0 5px #041044}.level-test-recorder .action-mic-card.level-test-recorder__mic.is-listening{width:140px;border-radius:33px!important;transform:translateY(3px);box-shadow:0 2px #041044}.level-test-recorder .action-mic-card.level-test-recorder__mic:disabled{cursor:default;opacity:.82}.level-test-recorder .action-mic-icon{width:34px;height:34px;color:#fff}.level-test-recorder .live-wave__bar{background:#fff}.level-test-question-map{position:sticky;top:1rem;padding:.9rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft);box-shadow:0 1px #ffffff0a}.level-test-question-map__heading{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;color:var(--text);font-size:.82rem}.level-test-question-map__heading span{color:var(--text-muted);font-weight:800}.level-test-question-map ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:0;padding:0;list-style:none}.level-test-question-map button{display:grid;place-items:center;width:100%;min-height:2.15rem;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted);font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}.level-test-question-map button:hover:not(:disabled){border-color:var(--border-strong)}.level-test-question-map button.is-answered{border-color:color-mix(in srgb,var(--success) 55%,var(--border));background:color-mix(in srgb,var(--success) 12%,var(--bg-elevated));color:#16634d}.level-test-question-map button.is-skipped{border-color:#e5bd71;background:#fff8eb;color:#8a5105}.level-test-question-map button.is-current{outline:3px solid color-mix(in srgb,var(--dark-blue) 22%,transparent);border-color:var(--dark-blue);color:var(--dark-blue)}.level-test-question-map button:disabled{cursor:not-allowed;opacity:.7}.level-test-question-map__legend{display:grid;gap:.25rem;margin-top:.75rem;color:var(--text-muted);font-size:.67rem}.level-test-question-map__legend span{display:flex;align-items:center;gap:.35rem}.level-test-question-map__legend i{width:.55rem;height:.55rem;border-radius:50%;background:var(--success)}.level-test-question-map__legend i.is-skipped{background:#e5a82d}.level-test-recorder__note,.level-test-recorder__privacy{margin:.8rem 0 0;color:var(--text-muted);font-size:.83rem}.level-test-recorder__note{color:#a15c00}.level-test-navigation,.level-test-review__actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:2rem}.level-test-skip,.level-test-exit{border:0;background:transparent;color:var(--text-muted);font-weight:750;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.level-test-skip:disabled,.level-test-exit:disabled{cursor:not-allowed;opacity:.5}.level-test-exit{display:block;margin:1.25rem auto 0}.level-test-review h2,.level-test-prepared h2{margin-top:0;color:var(--level-test-ink)}.level-test-timeout-notice{padding:.75rem .9rem;border:1px solid #e5bd71;border-radius:var(--radius-sm);background:#fff8eb;color:#714807}.level-test-review__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.55rem;margin-top:1.4rem}.level-test-review__item{display:grid;place-items:center;gap:.15rem;min-height:58px;border:1px solid #d8dce8;border-radius:12px;background:#f8f9fc;color:var(--level-test-ink);font-weight:850;cursor:pointer}.level-test-review__item span{font-size:.58rem;font-weight:700;text-transform:uppercase}.level-test-review__item.is-answered{border-color:#7bd6bc;background:#ecfdf7;color:#16634d}.level-test-review__item.is-skipped{border-color:#f2c98d;background:#fff8eb;color:#8a5105}.level-test-prepared{text-align:center}.level-test-prepared__icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 1rem;border-radius:50%;background:#dcfce7;color:#15803d;font-size:2rem;font-weight:900}.level-test-prepared__note{max-width:620px;margin:1rem auto 1.5rem;color:var(--text-muted);line-height:1.65}.level-test-results{display:grid;gap:1.25rem}.level-test-results__headline{display:flex;align-items:center;gap:1.25rem}.level-test-results__headline h2,.level-test-results__headline p{margin:.2rem 0}.level-test-results__level{display:grid;place-items:center;width:6.5rem;height:6.5rem;flex:0 0 6.5rem;border-radius:50%;color:#fff;background:linear-gradient(145deg,#102780,#22b99a);box-shadow:0 12px 30px #10278033;font-size:2rem;font-weight:900}.level-test-results__eyebrow{color:#214293;font-size:.78rem;font-weight:900;letter-spacing:.09em}.level-test-results__notice{border:1px solid #e1b44d;border-radius:.8rem;padding:.9rem 1rem;background:#fff8df;color:#664b09}.level-test-results__raw,.level-test-skill-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.level-test-results__raw span,.level-test-skill-results>div{display:grid;gap:.2rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem;background:var(--bg-elevated);text-transform:capitalize}.level-test-results__raw strong,.level-test-skill-results strong{color:#102780;font-size:1.25rem}.level-test-results__policy,.level-test-results__calibration{margin:0;color:#526078}.level-test-results__calibration{font-size:.88rem}.level-test-gates{display:grid;gap:.65rem}.level-test-gate{overflow:hidden;border:1px solid var(--border);border-left:5px solid #9aa6bc;border-radius:var(--radius-sm);background:var(--bg-elevated)}.level-test-gate.is-passed{border-left-color:#15956f}.level-test-gate.is-failed{border-left-color:#d04b58}.level-test-gate.is-pending{border-left-color:#d6a327}.level-test-gate summary{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;cursor:pointer;text-transform:capitalize}.level-test-gate summary span{color:#102780;font-size:1.1rem;font-weight:900}.level-test-gate ul{display:grid;gap:.45rem;margin:0;padding:0 1rem 1rem;list-style:none}.level-test-gate li{display:flex;justify-content:space-between;gap:1rem;color:#526078;font-size:.92rem}.level-test-gate li.is-failed{color:#a3293b}.level-test-gate li.is-pending{color:#7c5c09}.level-test-productive-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.level-test-productive-result{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.8rem .9rem;background:var(--bg-elevated)}.level-test-productive-result summary{display:flex;justify-content:space-between;gap:1rem;cursor:pointer;text-transform:capitalize}.level-test-productive-result p{margin:.7rem 0 0;color:#526078;font-size:.9rem}.level-test-productive-result dl{display:grid;gap:.25rem;margin:.75rem 0 0}.level-test-productive-result dl div{display:flex;justify-content:space-between;gap:1rem}.level-test-productive-result dt{text-transform:capitalize}.level-test-productive-result dd{margin:0;font-weight:800}@media (max-width: 640px){.level-test-results__headline{align-items:flex-start}.level-test-results__level{width:4.75rem;height:4.75rem;flex-basis:4.75rem;font-size:1.5rem}.level-test-results__raw,.level-test-skill-results{grid-template-columns:1fr 1fr}.level-test-productive-results{grid-template-columns:1fr}.level-test-gate li{display:grid;gap:.15rem}}@media (max-width: 700px){.page--level-test .level-test-hero{margin-bottom:.75rem}.level-test-shell{width:calc(100% - 1rem);margin-bottom:1.5rem;padding:1rem;border-radius:20px}.level-test-session-layout{display:flex;width:calc(100% - 1rem);margin-bottom:1.5rem;flex-direction:column}.level-test-session-layout .level-test-shell--session{order:2}.level-test-question-map{position:static;order:1;width:100%;padding:.75rem;border-radius:var(--radius-sm)}.level-test-question-map ol{display:flex;gap:.4rem;overflow-x:auto;padding:.1rem 0 .35rem;scroll-snap-type:x proximity;scrollbar-width:thin}.level-test-question-map li{flex:0 0 2.35rem;scroll-snap-align:center}.level-test-question-map__legend{display:none}.level-test-progress__meta{display:grid;grid-template-columns:1fr auto}.level-test-progress__meta>span:nth-child(2){grid-column:1;grid-row:2}.level-test-timer{grid-column:2;grid-row:1 / span 2;align-self:center}.level-test-intro__facts{display:grid}.level-test-question__stimulus{padding:1rem}.level-test-audio{align-items:center;flex-direction:row;text-align:left}.level-test-navigation{display:grid;grid-template-columns:1fr .75fr 1fr}.level-test-navigation .btn{width:100%;padding-inline:.6rem}.level-test-review__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.level-test-review__actions{align-items:stretch;flex-direction:column-reverse}.level-test-review__actions .btn{width:100%}}@media (prefers-reduced-motion: reduce){.level-test-progress__track span,.level-test-option,.level-test-recorder__pulse,.level-test-recorder .action-mic-card.level-test-recorder__mic,.level-test-timer.is-critical{animation:none;transition:none}}.about-page{width:100%;color:var(--text)}.about-hero-card{width:min(100%,1180px);min-height:clamp(420px,72vh,680px);max-height:calc(100vh - var(--navbar-hb) - var(--navbar-h) - 3rem);margin:0 auto;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;background:#07135c;box-shadow:0 22px 55px #07135c38}.about-hero-card__text{padding:clamp(1.5rem,4vh,3rem);position:relative;z-index:3;background:linear-gradient(90deg,#07135c,#07135c 78%,#07135cad);color:#fff;display:flex;flex-direction:column;justify-content:center}.about-label{margin:0 0 .8rem;font-size:.85rem;font-weight:800;color:var(--accent-strong)}.about-hero-card__text h1{max-width:520px;margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,6vh,4.6rem);line-height:.98}.about-hero-card__text p:not(.about-label){max-width:520px;margin:clamp(.7rem,2vh,1rem) 0 0;font-size:clamp(.95rem,2vh,1.15rem);line-height:1.65}.about-hero-card__buttons{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:clamp(1rem,3vh,1.5rem)}.about-video-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem 1.1rem;font-size:clamp(.75rem,1vw,.95rem);font-weight:600;border-radius:999px;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.35);background:#ffffff14;transition:all .2s ease}.about-video-btn:hover{border-color:var(--accent-strong);color:var(--accent-strong)}.about-hero-card__images{position:relative;height:100%;min-height:0;overflow:hidden}.about-hero-card__images:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#07135c94,#07135c0f);z-index:2}.about-hero-card__images img{width:100%;height:100%;min-height:0;object-fit:cover;display:block}.about-contact-card{margin-top:1rem;padding:2rem;border-radius:28px;background:radial-gradient(circle at top right,rgba(110,231,183,.22),transparent 35%),linear-gradient(135deg,#07135c,#0b2a63 55%,#0f766e);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:2rem;box-shadow:0 22px 55px #07135c38}.about-contact-card h2{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.5rem)}.about-contact-card p:not(.about-label){max-width:720px;margin:.8rem 0 0;color:#ffffffd1;line-height:1.7}@media (max-width: 900px){.about-hero-card{grid-template-columns:1fr;max-height:none}.about-hero-card__images{min-height:350px;order:-1}.about-hero-card__images:after{background:linear-gradient(180deg,transparent 50%,#07135c 100%)}.about-hero-card__text{background:#07135c;padding-top:1rem}}@media (max-width: 900px){.about-hero-card{grid-template-columns:1fr;grid-template-rows:1fr}.about-hero-card__text,.about-hero-card__images{grid-column:1 / -1;grid-row:1 / -1}.about-hero-card__images{min-height:100%}.about-hero-card__text{background:linear-gradient(180deg,#07135c66,#07135c 90%);z-index:5;justify-content:flex-end}}@media (max-width: 640px){.about-hero-card__text{padding:2rem 1.3rem}}@media (max-width: 480px){.about-hero-card{border-radius:20px;min-height:auto}.about-hero-card__text{padding:1.8rem 1rem}.about-hero-card__text h1{font-size:2.2rem;line-height:1.05}.about-hero-card__text p:not(.about-label){font-size:1rem;line-height:1.5}.about-hero-card__buttons{flex-direction:column;width:100%}.about-video-btn{width:100%;justify-content:center;padding:.8rem 1.2rem}.about-hero-card__images{min-height:220px}.about-testimonials{padding:2rem 0 1rem}.about-testimonials h2{font-size:1.6rem;padding:0 1rem}.about-testimonial-card{flex-basis:250px;min-height:auto;border-radius:24px}.about-testimonial-card img{height:180px}.about-testimonial-card__bubble{width:85%;min-height:48px;margin:-1.2rem auto 0;font-size:.85rem;padding:.5rem}.about-testimonial-card h3{font-size:1.1rem;margin:1.2rem 0 1rem}.about-testimonials__fade{width:25px}.about-contact-card{flex-direction:column;align-items:flex-start;justify-content:center;padding:1.5rem 1rem;border-radius:20px;gap:1rem}.about-contact-card h2{font-size:1.5rem}.about-contact-card p:not(.about-label){font-size:.95rem}.about-contact-card .btn{width:100%}}.page--contact{max-width:960px}.contact-footer{margin-top:3rem;min-height:300px;border-radius:32px;overflow:hidden;background:linear-gradient(90deg,#07135cf2,#07135cb8,#07135c6b),url(/images/paris-view.png);background-size:cover;background-position:center;box-shadow:var(--shadow)}.contact-footer__overlay{min-height:300px;padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;color:#fff}.contact-footer__brand h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem)}.contact-footer__brand p{max-width:520px;margin:.8rem 0 0;color:#ffffffd1;line-height:1.7}.contact-footer__socials{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:.2rem;width:min(100%,520px)}.contact-footer__link{width:100%;min-height:58px;padding:.75rem 1rem;border-radius:999px;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;color:#fff;text-decoration:none;font-weight:800;background:#ffffff24;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;cursor:pointer}.contact-footer__link:hover{transform:translate(-1px)}.contact-footer__name{min-width:0;white-space:nowrap;font-size:clamp(.85rem,1.5vw,1.05rem)}.contact-footer__link small{margin-left:auto;white-space:nowrap;font-size:.65rem;opacity:.75}.contact-footer__icon{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;font-size:.7rem;font-weight:900;font-family:Instrument Sans,system-ui,sans-serif}.contact-footer__icon img{display:block;width:100%;height:100%;object-fit:contain}@media (max-width: 760px){.contact-footer{min-height:380px;background-position:center}.contact-footer__overlay{min-height:380px;padding:1.5rem 1.25rem 1.25rem;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}.contact-footer__brand p{margin-top:.55rem;line-height:1.5}.contact-footer__socials{width:100%;margin-top:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem}.contact-footer__link{width:clamp(36px,11vw,46px);min-height:0;aspect-ratio:1;justify-self:center;justify-content:center;padding:clamp(.42rem,2vw,.65rem);gap:0}.contact-footer__name,.contact-footer__link small{display:none}.contact-footer__icon{width:100%;height:100%}}.contact-confirmation{text-align:center;padding:2.5rem 1.5rem}.contact-confirmation__icon{width:58px;height:58px;margin:0 auto 1rem;border-radius:50%;display:grid;place-items:center;background:#14b8a624;color:#0f766e;font-size:1.8rem;font-weight:900}.contact-confirmation__title{margin:0 0 .6rem;font-size:1.5rem}.contact-confirmation__text,.contact-confirmation__note{max-width:460px;margin:0 auto 1rem;line-height:1.6}.contact-confirmation__note{color:#0f766e;font-weight:700}.sidebar__levels-btn{width:100%;margin:0 0 .9rem;padding:.7rem .8rem;border:1px solid rgba(15,118,110,.22);border-radius:6px;background:var(--dark-blue);color:#fff;font-weight:800;font-size:1rem;font-family:var(--font-display);display:flex;justify-content:space-between;cursor:pointer}.sidebar__levels-btn:hover{background:var(--navbar-bg)}.levels-modal{position:fixed;top:calc(var(--navbar-hb) + var(--navbar-h));left:0;right:0;bottom:0;z-index:80;display:grid;place-items:center;padding:1rem;background:#0f172a38;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.levels-modal__card{width:min(380px,94vw);border-radius:28px;height:min(720px,calc(100vh - 150px));padding:1rem;background:linear-gradient(145deg,#bfffe6,#f8ffff);border:1px solid rgba(15,118,110,.18);box-shadow:0 24px 70px #0f172a40}.levels-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.levels-modal__head p{margin:0 0 .2rem;color:var(--text-muted);font-weight:800;font-size:.8rem;text-transform:uppercase}.levels-modal__head h2{font-family:var(--font-display);margin:0;color:#102033}.levels-modal__head button{width:36px;height:36px;border:none;border-radius:999px;background:#0f766e1a;color:#0f766e;font-size:1.4rem;cursor:pointer}.levels-modal__grid{display:grid;gap:.65rem}.levels-modal__item{border:1px solid rgba(15,118,110,.16);border-radius:14px;padding:.8rem 1rem;background:#2d99ac;color:#102033;font-weight:800;text-align:left;cursor:pointer}.levels-modal__item:hover{background:#14b8a61a}.level-page{display:grid;gap:1.4rem}.level-category{border-radius:22px;padding:1.2rem;background:var(--bg-elevated);border:1px solid color-mix(in srgb,var(--level-category-color) 35%,transparent)}.level-category__head{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.level-category__eyebrow{margin:0 0 .25rem;color:var(--level-category-color);font-weight:800;font-size:.8rem;text-transform:uppercase}.level-category__title{margin:0}.level-category__link{color:var(--level-category-color);font-weight:800;text-decoration:none}.level-category__grid{display:grid;gap:.8rem}.level-lesson-card{display:flex;gap:.85rem;padding:1rem;border-radius:16px;background:var(--bg);text-decoration:none;color:inherit;border:1px solid var(--border)}.level-lesson-card:hover{transform:translateY(-2px)}.level-lesson-card__dot{width:12px;height:12px;margin-top:.35rem;border-radius:999px;flex-shrink:0}.level-lesson-card h3{margin:0 0 .25rem}.level-lesson-card p{margin:0 0 .4rem;color:var(--text-muted)}.unavailable-state{display:inline-block;width:100%;background:#f8717126;color:#f95e5e;border:1px solid rgba(248,113,113,.35);padding:6px;border-radius:12px;margin-bottom:1rem;text-align:center}.level-lesson-card small{color:var(--text-muted);font-weight:700}@media (max-width: 768px){.levels-modal{display:flex;justify-content:center;align-items:center;top:80px;height:calc(100vh - calc(var(--navbar-h) + var(--navbar-hb)) + 10px);width:100%;padding:1.5rem;z-index:999}.levels-modal__head{font-size:.78rem}.levels-modal__head p{font-size:.75rem}.levels-modal__card{width:90%;max-width:450px;border-radius:20px;padding:1.5rem;max-height:80vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;animation:zoomIn .25s ease}.unavailable-state{padding:8px;font-size:.9rem}.levels-modal__head{font-size:.72rem}.levels-modal__card::-webkit-scrollbar{display:none}.level-lesson-card{padding:.75rem .85rem}.level-category__head{flex-direction:column;align-items:flex-start;gap:.4rem}.level-category__title{font-size:1.1rem}.level-category__link{font-size:.9rem}.level-lesson-card h3{font-size:1rem}}@media (max-width: 480px){.levels-modal{top:80px;height:calc(100vh - calc(var(--navbar-h) + var(--navbar-hb)) + 10px);padding:1rem;align-items:center}.unavailable-state{padding:6px;font-size:.9rem}.levels-modal__head{font-size:.72rem}.levels-modal__card{width:90%;max-height:85%;border-radius:20px;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.unavailable{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);overflow:hidden;padding:1rem}.unavailable__card{background:var(--bg-soft);border:1px solid var(--border);border-radius:22px;padding:1.3rem 1.8rem;width:100%;max-width:400px;text-align:center;box-shadow:0 10px 25px #0000000d,0 2px 6px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.unavailable__card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #00000012,0 4px 10px #0000000d}.unavailable__eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.6rem}.unavailable__title{font-size:1.5rem;font-weight:600;margin-bottom:.6rem;color:var(--text);font-family:var(--font-display)}.unavailable__text{font-size:.95rem;color:var(--text-muted);line-height:1.5;margin-bottom:1.5rem}.unavailable__actions{display:flex;justify-content:center}.btn{padding:.55rem 1.2rem;border-radius:999px;font-size:.85rem;font-weight:500;border:none;cursor:pointer;text-decoration:none;transition:all .2s ease}.btn--primary{background:#5dd3a6;color:#fff}.btn--primary:hover{background:#4bc497;transform:translateY(-1px)}@media (max-width: 768px){.unavailable__card{max-width:340px;padding:1.6rem 1.4rem;border-radius:16px}.unavailable__title{font-size:1.3rem}.unavailable__text{font-size:.9rem}}@media (max-width: 480px){.unavailable{padding:.8rem}.unavailable__card{max-width:300px;padding:1.3rem 1.1rem;border-radius:14px}.unavailable__eyebrow{font-size:.7rem}.unavailable__title{font-size:1.15rem}.unavailable__text{font-size:.85rem;margin-bottom:1.2rem}.btn{font-size:.8rem;padding:.45rem 1rem}}.auth-card{width:100%;background:var(--dark-blue);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);padding:48px 38px;border-radius:32px;display:flex;flex-direction:column;gap:20px}.auth-card h1{color:#fff;text-align:center;font-size:1.9rem;font-weight:700;margin-bottom:8px;letter-spacing:-1px;font-family:var(--font-display)}.social-auth{display:flex;flex-direction:column;gap:14px}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:14px;background:#fff;color:#111827;border:none;padding:15px 20px;border-radius:18px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 6px 20px #00000026}.google-btn:hover{transform:translateY(-2px);background:#f8fafc}.google-mark{width:22px;height:22px;flex:0 0 22px}.divider{display:flex;align-items:center;text-align:center;color:#ffffff8c;font-size:.82rem;text-transform:uppercase;letter-spacing:1px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.12)}.divider:before{margin-right:12px}.divider:after{margin-left:12px}.auth-card form{display:flex;flex-direction:column;gap:16px}.auth-card input{width:100%;padding:16px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;color:#fff;font-size:1rem;outline:none;transition:.25s ease}.auth-card input::placeholder{color:#ffffff73}.auth-card input:focus{border-color:#6ea8ff;background:#ffffff17;box-shadow:0 0 0 4px #6ea8ff26}.submit-btn{border:none;border-radius:18px;padding:16px;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:.25s ease;margin-top:8px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #22c55e59}.auth-card p{text-align:center;color:#ffffffb3;margin-top:8px}.auth-card a{color:#8ab4ff;text-decoration:none;font-weight:600}.auth-card a:hover{color:#fff}@media (max-width: 768px){.auth-page{padding:20px 14px;min-height:calc(100vh - 110px)}.auth-card{max-width:100%;padding:34px 22px;border-radius:26px;gap:18px}.auth-card h1{font-size:1.8rem}.google-btn{padding:14px;border-radius:16px;font-size:.95rem}.google-mark{width:20px;height:20px;flex-basis:20px}.auth-card input{padding:15px 18px;border-radius:16px;font-size:.95rem}.submit-btn{padding:15px;border-radius:16px;font-size:.95rem}.divider{font-size:.72rem}.auth-card p{font-size:.9rem}}.navbar__auth{display:flex;align-items:center;gap:14px;margin-left:auto}.navbar__signin-btn{padding:10px 22px;border-radius:999px;text-decoration:none;background:#ffffff14;border:1px solid rgba(255,255,255,.08);color:#fff;font-size:.9rem;font-weight:600;transition:.25s ease}.navbar__signin-btn:hover{background:#ffffff24;transform:translateY(-1px)}.password-field{position:relative;width:100%}.password-field input{width:100%;padding-right:42px}.password-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b}.password-toggle:hover{color:#0f172a}.auth-error{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.35);padding:12px;border-radius:12px;text-align:center}.auth-success{padding:12px;border:1px solid rgba(74,222,128,.4);border-radius:12px;background:#4ade8024;color:#bbf7d0;line-height:1.45;text-align:center}.auth-forgot-row{display:flex;justify-content:flex-end;margin-top:-7px;font-size:.9rem}.auth-card--recovery{max-width:520px;margin-inline:auto}.auth-recovery-intro,.auth-password-rule{margin:0!important;line-height:1.5}.auth-field-label{color:#ffffffd1;font-weight:700}.auth-pin-input{text-align:center;font-size:1.45rem!important;font-weight:800;letter-spacing:.45rem}.auth-password-rule{color:#fff9!important;font-size:.83rem}.auth-text-button{border:0;background:transparent;color:#8ab4ff;font:inherit;font-weight:700;cursor:pointer}.auth-text-button:disabled{opacity:.55;cursor:not-allowed}.auth-return-notice{margin:0 0 18px;padding:11px 13px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#1e3a8a;font-size:.92rem;font-weight:700;line-height:1.4;text-align:center;display:flex;align-items:center;justify-content:center}.google-btn:disabled,.submit-btn:disabled{opacity:.65;cursor:wait}.page--profile{width:100%;max-width:700px}.profile-card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem;box-shadow:var(--shadow);border:1px solid rgba(110,231,183,.35);box-sizing:border-box}.profile-card__top{justify-content:center;display:flex;flex-direction:column;gap:2rem;align-items:center;margin-bottom:2rem;flex-wrap:wrap}.profile-avatar-block,.profile-avatar-wrapper{display:flex;flex-direction:column;align-items:center}.profile-avatar{width:125px;height:125px;border-radius:999px;object-fit:cover;border:4px solid var(--accent-dim);background:var(--bg-soft)}.profile-upload-btn{margin-top:1rem;padding:.5rem 1.25rem;border:1px solid var(--accent)}.profile-upload-hint{margin-top:.65rem;color:var(--text-muted);font-size:.82rem;text-align:center}.profile-card__info{flex:1;min-width:250px}.profile-card__info h2{margin-top:1rem;margin-bottom:.5rem;font-size:1.45rem;color:var(--text)}.profile-card__info p{color:var(--text-muted);line-height:1.6;max-width:520px}.profile-form{display:flex;flex-direction:column;gap:1.4rem;margin-top:1rem}.profile-field{display:flex;flex-direction:column;gap:.55rem}.profile-field label{font-weight:700;color:var(--text)}.profile-field input{width:100%;padding:1rem;border-radius:16px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:1rem;font-family:inherit;transition:border-color .15s ease,background .15s ease}.profile-field input:focus{outline:none;border-color:var(--accent);background:var(--bg-elevated)}.profile-field input:disabled{opacity:.7;cursor:not-allowed}.profile-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}@media (max-width: 768px){.profile-card{padding:1.25rem}.profile-card__top{flex-direction:column;align-items:center;text-align:center}.profile-card__info{display:flex;flex-direction:column;align-items:center}.profile-actions{flex-direction:column}.profile-actions .btn{width:100%}.profile-avatar{width:110px;height:110px}}.profile-card__plan{display:inline-flex;align-items:center;font-size:.85rem;color:var(--accent);padding:.3rem .75rem;border:1px solid rgba(21,221,141,.35);border-radius:999px;background:#6ee7b724;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.8rem;cursor:pointer}.profile-password-hint{margin-top:.2rem;font-size:.82rem;color:var(--text-muted)}.avatar-ring-premium{border:3px solid #d4af37!important;box-shadow:0 0 10px #d4af3780}.avatar-ring-free{border:3px solid #22c55e!important;box-shadow:0 0 10px #22c55e33}.profile-avatar-frame{width:120px;height:120px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f3f4f6;margin-bottom:12px;transition:all .2s ease-in-out}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.navbar__avatar-container{width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .2s}.navbar__avatar-container:hover{transform:scale(1.05)}.navbar__avatar-image-element{width:100%;height:100%;object-fit:cover}.text-gold{color:#b49123;font-weight:700}.text-green{color:#16a34a;font-weight:700}.role-text-badge{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.avatar-ring-premium{border:3px solid #eab308!important;box-shadow:0 0 12px #eab30873}.text-gold{color:#eab308!important;font-weight:700}.avatar-ring-free{border:3px solid #22c55e!important;box-shadow:0 0 12px #22c55e33}.text-green{color:#22c55e!important;font-weight:700}.profile-avatar-frame,.navbar__profile-avatar,.navbar__profile-large-avatar{border-radius:50%!important;object-fit:cover!important;box-sizing:border-box}.fg-toast-notification{position:fixed;top:24px;right:24px;z-index:10001;display:flex;align-items:center;gap:12px;padding:14px 22px;border-radius:8px;color:#fff;font-weight:500;font-size:.95rem;box-shadow:0 4px 14px #00000026;animation:slideInToast .25s ease-out forwards}.fg-toast-notification.is-success{background-color:#22c55e}.fg-toast-notification.is-error{background-color:#ef4444}@keyframes slideInToast{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.profile-avatar--clickable{cursor:pointer;transition:transform .2s ease,filter .2s ease}.profile-avatar--clickable:hover{transform:scale(1.03);filter:brightness(.95)}.avatar-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#07145f61;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease-out}.avatar-modal-content{position:relative;display:flex;flex-direction:column;align-items:center}.profile-avatar-large{width:340px;height:340px;object-fit:cover;border-radius:50%;box-shadow:0 20px 40px #07145f61;background-color:#fff;animation:scaleUp .25s cubic-bezier(.34,1.56,.64,1)}.avatar-modal-close{position:absolute;top:-45px;right:-5px;background:none;border:none;color:#fffc;font-size:3rem;cursor:pointer;line-height:1;transition:color .2s ease,transform .2s ease}.avatar-modal-close:hover{color:#fff;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.profile-password-section,.profile-password-setup{display:grid;gap:1rem;margin-top:.4rem;padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--bg)}.profile-password-section h3,.profile-password-setup p{margin:0}.profile-password-setup{border-color:#3b82f652;background:#3b82f612}.profile-password-setup .btn{justify-self:start}.profile-forgot-link{color:var(--accent);font-size:.9rem;font-weight:700}.profile-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid rgba(239,68,68,.36);border-radius:16px;background:#ef44440f}.profile-danger-zone h3,.profile-danger-zone p{margin:0}.profile-danger-zone h3{color:#dc2626}.profile-danger-zone p{margin-top:.35rem;color:var(--text-muted);font-size:.88rem;line-height:1.5}.profile-delete-button,.profile-delete-confirm-button{flex:0 0 auto;border:1px solid #dc2626;background:#dc2626;color:#fff}.profile-delete-button:hover,.profile-delete-confirm-button:hover{border-color:#b91c1c;background:#b91c1c}.profile-delete-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;padding:1rem;background:#07145f85;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}.profile-delete-modal{width:min(100%,480px);padding:1.5rem;border:1px solid rgba(239,68,68,.34);border-radius:20px;background:var(--bg-elevated);color:var(--text);box-shadow:0 24px 60px #07145f47;text-align:center;animation:scaleUp .22s ease-out}.profile-delete-modal__icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 1rem;border-radius:999px;background:#ef444424;color:#dc2626;font-size:1.5rem;font-weight:800}.profile-delete-modal h2,.profile-delete-modal p{margin:0}.profile-delete-modal p{margin-top:.75rem;color:var(--text-muted);line-height:1.6}.profile-delete-modal__actions{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem}.profile-delete-pin-form{display:grid;gap:.8rem}.profile-delete-pin-form label{margin-top:.45rem;color:var(--text);font-weight:700;text-align:left}.profile-delete-pin-input{width:100%;padding:.9rem 1rem;border:1px solid var(--border);border-radius:14px;background:var(--bg);color:var(--text);font-size:1.35rem;font-weight:800;letter-spacing:.5em;text-align:center}.profile-delete-pin-input:focus{outline:3px solid rgba(239,68,68,.18);border-color:#dc2626}.profile-delete-resend{justify-self:center;border:0;background:transparent;color:var(--accent);font:inherit;font-size:.88rem;font-weight:700;cursor:pointer}.profile-delete-resend:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 560px){.profile-danger-zone,.profile-delete-modal__actions{align-items:stretch;flex-direction:column}.profile-delete-button,.profile-delete-modal__actions .btn{width:100%}}:root{--brand-blue: #1890ff;--brand-dark-blue: #142b90;--brand-dark-blue-shadow: #0a1854;--brand-green: #58cc02;--brand-green-shadow: #46a302;--brand-green-light: #b8f28b;--brand-green-text: #254e01;--brand-red: rgb(255, 75, 75);--brand-red-shadow: #ea2b2b;--brand-red-light: #ffc8c8;--brand-red-text: #661212;--brand-gray-border: #e5e5e5}.top-nav{position:sticky;top:0;z-index:10;background-color:var(--dark-blue);height:4rem;border-bottom:1px solid #ffffff;display:flex;align-items:center;padding:1.5rem;justify-content:space-between;box-shadow:0 1px 2px #0000000d}.home-btn{background:none;padding:.5rem .7rem;border:none;color:#fff;font-size:.95rem;font-weight:600;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease}.home-btn:hover{color:var(--success);background:#18ce6426}.nav-title{color:var(--navbar-text);font-size:1rem;font-weight:600;font-family:var(--font-sans);text-align:center}.exercise-wrapper{display:flex;flex-direction:column;width:100%}.read-aloud-box{gap:1rem;display:flex;background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:1rem;padding:2rem;box-shadow:0 1px 2px #0000000d;text-align:center;align-items:center;position:sticky!important;top:0!important;z-index:9990!important;width:100%!important;box-sizing:border-box!important}.audio-pill-btn{position:relative;background-color:transparent;color:var(--dark-blue);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;outline:none}.audio-icon{width:28px;height:28px;z-index:2}.expected-text{font-size:1.875rem;font-weight:500;color:var(--text);line-height:1.6}.dialogue-box{background-color:var(--bg-elevated);border:2px solid #ffffff;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.chat-row{display:flex;width:100%}.chat-row.user{justify-content:flex-end}.chat-row.ai{justify-content:flex-start}.chat-bubble{max-width:70%;padding:1rem;border-radius:1rem}.chat-row.user .chat-bubble{background-color:#2563eb;color:#fff;border-bottom-right-radius:0}.chat-row.ai .chat-bubble{background-color:#f3f4f6;color:#1f2937;border-bottom-left-radius:0}.speaker-name{font-size:.75rem;font-weight:700;display:block;margin-bottom:.25rem;opacity:.5;text-transform:uppercase}.voice-recorder-container{display:flex;flex-direction:column;align-items:center;margin-top:2rem}.mic-btn:hover{background-color:#1e40af}.mic-btn.active{background-color:#ef4444;transform:scale(1.1);animation:pulse-animation 2s infinite}.mic-status{margin-top:1rem;color:#6b7280;font-weight:500}@keyframes pulse-animation{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}.voice-tag{display:inline-block;background-color:#e5e7eb;color:#4b5563;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem}.page-title{font-size:clamp(1.5rem,2.5vw,1.85rem);font-family:var(--font-display);font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:.5rem;line-height:1.2;text-align:center}.page-subtitle{font-size:1.125rem;color:var(--text-muted);text-align:center;margin-bottom:3rem}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.selection-card{display:flex;flex-direction:row;background-color:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;cursor:pointer;transition:all .2s ease;text-align:center;box-shadow:0 1px 3px #0000001a}.selection-card:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.level-badge{font-size:1.25rem;font-weight:700;color:#1e3a8a;text-align:center;margin-right:1rem}.topic-icon{font-size:3rem;margin-bottom:1rem}.card-title{font-size:1rem;font-weight:700;color:#1f2937;margin-right:1rem}.card-desc{font-size:.875rem;color:#6b7280}.voice-controls-area{margin-top:1rem;display:flex;justify-content:center;flex-shrink:0}.checking-status{font-weight:500;color:#4b5563;margin-top:.5rem}.voice-recorder-wrapper{display:flex;flex-direction:column;align-items:center}.mic-button.listening{background-color:#ef4444;transform:scale(1.1);animation:pulse-ring 2s infinite}.mic-icon{font-size:1.875rem}.mic-status-text{margin-top:1rem;color:#6b7280;font-weight:500}@keyframes pulse-ring{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 15px #ef444400}to{box-shadow:0 0 #ef444400}}.centered-exercise-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.translate-box{border:1px solid var(--bg-soft);border-radius:.75rem;padding:1.5rem;background-color:var(--bg-elevated);box-shadow:0 1px 2px #70707045;min-width:12rem;min-height:0rem;max-width:100%;width:auto;height:auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.translate-text{font-size:clamp(1.2rem,3vh,1.6rem);font-weight:500;color:#1f2937;text-align:center;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.image-naming-box{width:min(220px,28svh);height:min(220px,28svh);max-width:100%;max-height:100%;border:4px solid var(--success);border-radius:.75rem;background-color:var(--bg-elevated);box-shadow:0 1px 2px #70707045;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:all .2s ease-in-out}.exercise-image{width:100%;height:100%;object-fit:contain}.skeleton-wave{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:speakingSkeletonShimmer 1.5s infinite linear}.speaking-session-page{height:100vh;width:100vw;display:flex;flex-direction:column;background-color:#f3f4f6;overflow:hidden}body,html{margin:0;padding:0;height:100%}.page-container{max-width:1300px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center;flex-grow:1;width:100%;box-sizing:border-box}.translate-box.box--correct{border-color:var(--success);box-shadow:0 0 12px #22c55e33}.translate-box.box--retry{border-color:var(--error);box-shadow:0 0 12px #ef444433}.feedback-container{background-color:#e0e7ff}.action-mic__content{display:inline-flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.01em}.action-mic__icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:32px;border-radius:999px;background:#ffffff29;font-size:.82rem;text-transform:uppercase}.action-wave{display:inline-flex;align-items:center;gap:4px;height:24px}.action-wave span{width:4px;height:8px;border-radius:999px;background:#fff;transition:height 60ms linear}.action-wave__bar{will-change:height}.speaking-feedback-panel{margin-top:.75rem;width:100%;color:#1f2d4d;overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:0}.speaking-feedback-inline{margin-top:.35rem;display:flex;flex-direction:column;align-items:center;gap:.55rem}.speaking-feedback-inline__title{margin:0;min-width:220px;text-align:center;padding:.58rem 1rem;border-radius:10px;font-weight:800;font-size:.95rem}.speaking-feedback-inline.is-success .speaking-feedback-inline__title{background:#8ee1c0;color:#0b1f12}.speaking-feedback-inline.is-retry .speaking-feedback-inline__title{background:#f6b0b0;color:#3f1111}.speaking-feedback-inline__actions{display:flex;justify-content:center}.speaking-btn{border:none;border-radius:10px;padding:.48rem .9rem;font-weight:700;cursor:pointer;font-size:.9rem}.speaking-btn--next{background:#23c26b;color:#fff}.speaking-btn--next:hover{background:#1baa5e}.speaking-btn--retry{background:#ea7b7b;color:#fff}.speaking-btn--retry:hover{background:#dc6767}.listen-repeat-box{width:100%;border:1px solid #d4d8e6;border-radius:14px;min-height:96px;display:flex;align-items:center;padding:.9rem 1rem;box-sizing:border-box}.dialogue-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.dialogue-avatar{font-size:1.7rem;line-height:1}.dialogue-box--figma{border:3px solid #2a8ce7;border-radius:16px;padding:.9rem 1rem}.dialogue-line{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem}.dialogue-line:last-child{margin-bottom:0}.dialogue-line__avatar{font-size:.95rem}.dialogue-line__text{font-size:.95rem;color:#102445}.dialogue-line__play{border:none;border-radius:7px;background:#0f2a92;color:#fff;font-size:.7rem;line-height:1;height:18px;padding:0 6px;cursor:pointer}.exercise-content-area{min-height:240px;flex-shrink:0;animation:cardSlideIn .35s cubic-bezier(.34,1.56,.64,1) forwards;will-change:transform,opacity}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.action-mic-svg-wrapper{color:#fff;display:flex;align-items:center;justify-content:center}.mic-status-hint{margin-top:10px;font-size:clamp(.8rem,1.6vh,.95rem);font-weight:700;color:#afafaf;text-transform:uppercase;letter-spacing:.06em;text-align:center}.mic-error-hint{margin-top:6px;color:var(--brand-red);font-size:.9rem;font-weight:600}@keyframes drawerUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.feedback-panel-fixed.is-success{background-color:var(--brand-green-light);border-top:2px solid var(--brand-green)}.feedback-panel-fixed.is-retry{background-color:var(--brand-red-light);border-top:2px solid #ff7a7a}.feedback-content-wrapper{max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.feedback-status-title{margin:0;font-size:clamp(1.2rem,2.8vh,1.45rem);font-weight:800}.is-success .feedback-status-title{color:var(--brand-green-text)}.is-retry .feedback-status-title{color:var(--brand-red-text)}.feedback-accuracy-subtitle{margin:4px 0 0;font-size:.95rem;font-weight:600}.is-success .feedback-accuracy-subtitle{color:var(--brand-green-text);opacity:.8}.is-retry .feedback-accuracy-subtitle{color:var(--brand-red-text);opacity:.8}.btn-3d{padding:14px 28px;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-radius:12px;border:none;cursor:pointer;transition:filter .2s,transform .1s,box-shadow .1s}.btn-3d:active{transform:translateY(4px)}.btn-success-next{background-color:var(--brand-green);color:#fff;box-shadow:0 5px 0 var(--brand-green-shadow)}.btn-reset{background-color:#ff9f43;color:#fff;box-shadow:0 5px #d35400}.btn-success-next:active{box-shadow:0 1px 0 var(--brand-green-shadow)}.btn-retry{background-color:var(--brand-red);color:#fff;box-shadow:0 5px 0 var(--brand-red-shadow)}.btn-retry:active{box-shadow:0 1px 0 var(--brand-red-shadow)}.checking-card{display:flex;flex-direction:column;align-items:center;gap:12px;font-weight:700;color:#4b5563}.loading-spinner{margin-top:12px;margin-left:12px;width:28px;height:28px;border:4px solid #e5e7eb;border-top-color:var(--dark-blue);border-radius:50%;animation:spinnerSpin .8s linear infinite}@keyframes spinnerSpin{to{transform:rotate(360deg)}}.centered-layout{background:transparent}.progress-bar-background{width:100%;background-color:#e5e5e5;border-radius:999px;height:14px;margin-bottom:1.2rem}.instruction-text{font-size:clamp(1.1rem,2.5vh,1.4rem);font-weight:800;color:#3c3c3c;margin:0;text-align:center;padding-bottom:10px}.translate-text,.expected-text{font-size:clamp(1rem,4vw,1.6rem)}.action-mic-card{position:relative;width:clamp(50px,8svh,66px);height:clamp(50px,8svh,66px);background-color:var(--brand-dark-blue);border:none;border-radius:max(14px,2.2svh)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 0 var(--brand-dark-blue-shadow);transition:all .1s ease;outline:none}.action-mic-card:active{transform:translateY(3px);box-shadow:0 2px 0 var(--brand-dark-blue-shadow)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:#07145f61;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem}.quit-modal-card{background:#ffffffab;border:1px solid rgba(13,110,71,.989);border-radius:20px;padding:2rem;width:min(410px,94vw);max-height:min(600px,80vh);text-align:center;display:flex;flex-direction:column;box-shadow:0 24px 60px #0f172a47;overflow:hidden;box-sizing:border-box;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1) forwards}.quit-modal-icon{font-size:3.5rem;margin-bottom:1rem}.quit-modal-title{font-size:1.5rem;font-weight:800;color:#3c3c3c;margin:0 0 .75rem}.quit-modal-text{font-size:1rem;font-weight:600;color:#3f3f3f;line-height:1.5;margin:0 0 2rem}.quit-modal-actions{display:flex;flex-direction:column;gap:1rem;width:100%}.btn-keep-learning{background-color:var(--success);border:1px solid var(--border);color:#fff;width:100%}.btn-keep-learning:hover{background-color:#1baa5e}.btn-quit-session{background-color:#fff;color:var(--brand-red);border:1px solid var(--border);width:100%}.btn-quit-session:hover{background-color:#f5c6c6;border-color:#ffc8c8}.btn-quit-session:active{transform:translateY(4px);box-shadow:0 0 0 var(--brand-gray-border)}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.score-summary-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;animation:cardSlideIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.score-trophy-illustration{width:100px;height:100px;margin-bottom:.5rem}.score-completion-title{font-size:clamp(1.4rem,3.2vh,1.8rem);font-weight:800;color:#3c3c3c;margin:0 0 .25rem}.score-completion-subtitle{font-size:clamp(.9rem,2vh,1.05rem);font-weight:600;color:#aaa;margin:0 0 2rem}.score-stats-row{display:flex;gap:1rem;width:100%;max-width:400px;justify-content:center;box-sizing:border-box}.score-stat-box{flex:1;background:#fff;border:2px solid var(--brand-gray-border);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:4px;box-shadow:0 4px 0 var(--brand-gray-border)}.score-stat-label{font-size:.75rem;font-weight:800;color:#afafaf;letter-spacing:.08em}.score-stat-value{font-size:clamp(1.3rem,2.8vh,1.65rem);font-weight:900;color:#4b5563}.accuracy-accent .score-stat-value{color:var(--brand-red)}.score-stat-box.accuracy-red{border-color:#ffc8c8;box-shadow:0 4px #ffb3b3}.accuracy-red .score-stat-label,.accuracy-red .score-stat-value{color:#ea7b7b}.score-stat-box.accuracy-yellow{border-color:#ffebb3;box-shadow:0 4px #ffda71}.accuracy-yellow .score-stat-label,.accuracy-yellow .score-stat-value{color:#e2a829}.score-stat-box.accuracy-green{border-color:#bce596;box-shadow:0 4px #a5d675}.accuracy-green .score-stat-label,.accuracy-green .score-stat-value{color:#58cc02}.back-topics-action-btn{text-align:center;width:100%;max-width:320px;margin:.5rem 0}.header-meta-row{display:flex;justify-content:space-between;align-items:center;width:100%}.attempts-badge{font-size:.85rem;font-weight:800;color:#4b5563;background-color:#f1f1f1;padding:4px 12px;border-radius:12px;border:2px solid var(--brand-gray-border)}.attempts-badge.danger-alert{color:var(--brand-red);background-color:#fff5f5;border-color:#ffc8c8}.feedback-panel-fixed.is-strikeout{background-color:#feebd0;border-top:2px solid #ffb347}.is-strikeout .feedback-status-title{color:#d46b08}.is-strikeout .feedback-accuracy-subtitle{color:#e67e22}.is-strikeout .btn-success-next{background-color:#ff9f43;box-shadow:0 5px #d35400}.is-strikeout .btn-success-next:active{box-shadow:0 0 #d35400}.topic-dashboard-layout{display:flex;flex-direction:column;height:100vh;width:100%;background-color:#f7f9fa;overflow:hidden}.dashboard-scroll-footprint{flex:1;overflow-y:auto;padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.dashboard-hero-banner{text-align:center;margin-bottom:2rem;max-width:520px;width:100%}.banner-graphic-badge{font-size:3rem;margin-bottom:.5rem}.hub-main-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:#3c3c3c;margin:0}.hub-subtitle{color:#777;font-size:.95rem;font-weight:500;margin:.25rem 0 0}.stages-linear-path{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:520px;padding-bottom:3rem}.center-button{display:flex;justify-content:center;width:100%}.path-node-card{display:flex;align-items:center;background:#fff;border:2px solid #e5e5e5;border-radius:20px;padding:1rem 1.25rem;cursor:pointer;box-shadow:0 4px #e5e5e5;transition:transform .15s ease,background-color .15s ease;position:relative;-webkit-user-select:none;user-select:none}.path-node-card.is-active-playable:hover{background-color:#fafafa;transform:translateY(-2px)}.path-node-card.is-active-playable:active{transform:translateY(2px);box-shadow:0 0 #e5e5e5}.path-node-card.is-locked-state{background-color:#f1f1f1;border-color:#e5e5e5;box-shadow:none;cursor:not-allowed;opacity:.75}.node-icon-avatar{width:50px;height:50px;background:#f1f3f5;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0;margin-right:1.25rem}.is-active-playable .node-icon-avatar{background:#e8f5e9}.node-metadata-group{flex:1;display:flex;flex-direction:column;text-align:left}.node-step-tag{font-size:.7rem;font-weight:800;letter-spacing:.05em;color:#1cb0f6}.is-locked-state .node-step-tag{color:#afafaf}.node-title-label{font-size:1.1rem;font-weight:700;margin:2px 0;color:#3c3c3c}.node-desc-label{font-size:.85rem;font-weight:500;color:#777;margin:0}.node-action-arrow{font-size:1.1rem;color:#bcc6cc;font-weight:700}.level-indicator-pill{background:#ffc800;color:#fff;font-weight:900;padding:4px 14px;border-radius:12px;font-size:.85rem;box-shadow:0 2px #ca9e00}.matching-exercise-wrapper{width:100%;max-width:540px;display:flex;flex-direction:column;gap:2vh}.matching-grid-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%}.matching-column-stack{display:flex;flex-direction:column;gap:.75rem}.matching-tap-card{width:100%;padding:clamp(.6rem,2vh,1.2rem) 1rem;font-size:clamp(.95rem,2.2vh,1.2rem);font-weight:700;color:#3c3c3c;background:#fff;border:2px solid #e5e5e5;border-radius:16px;box-shadow:0 4px #e5e5e5;cursor:pointer;transition:all .1s ease;text-align:center;height:100%;display:flex;align-items:center;justify-content:center}.matching-tap-card:hover:not(:disabled){background-color:#fafafa}.matching-tap-card.is-selected-node{color:#1831d6;background-color:#dfddff;border-color:#8484ff;box-shadow:0 4px #8486ff}.matching-tap-card.is-error-node{color:#ea2b2b;background-color:#ffdfe0;border-color:#ff9395;box-shadow:0 4px #ff9395}.matching-tap-card.is-hidden-node{opacity:.2;cursor:default;background-color:#f1f1f1;border-color:#e5e5e5;box-shadow:none;transform:translateY(4px)}.exercise-container{display:flex;flex-direction:column;height:100%;width:100%;background-color:#fff;border-radius:var(--radius);box-sizing:border-box;overflow:hidden}.speaking-feedback-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:5800;display:flex;align-items:center;gap:10px;width:min(420px,calc(100vw - 32px));padding:14px 16px;border-radius:999px;color:#fff;box-shadow:0 18px 38px #0f172a2e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:speakingToastIn .24s ease-out forwards;cursor:pointer;border:1px solid rgba(255,255,255,.18)}.speaking-feedback-toast--success{background:linear-gradient(135deg,#16a34a,#22c55e)}.speaking-feedback-toast--warning{background:linear-gradient(135deg,#d97706,#f59e0b)}.speaking-feedback-toast--error{background:linear-gradient(135deg,#dc2626,#ef4444)}.speaking-feedback-toast__icon{width:28px;height:28px;flex:0 0 28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff2e;font-size:.95rem;font-weight:800}.speaking-feedback-toast__message{font-size:.95rem;line-height:1.35;font-weight:600}.speaking-explanation-backdrop{z-index:5600;background:#36289375;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 16px;box-sizing:border-box}.speaking-explanation-modal__chrome{width:min(760px,calc(100vw - 32px));display:flex;justify-content:flex-end;align-items:center;margin-bottom:12px;pointer-events:none;z-index:5605;position:relative}.speaking-explanation-modal-card{width:min(760px,calc(100vw - 32px));max-height:min(82vh,760px);overflow:auto;scrollbar-width:none;-ms-overflow-style:none;padding:24px;border-radius:28px;background:radial-gradient(circle at top,#fffffffa,#f7fafffa 52%,#f1f7fff5);border:2px solid #29e26b;box-shadow:0 30px 90px #0f172a59;animation:modalScaleUp .26s cubic-bezier(.34,1.56,.64,1) forwards;box-sizing:border-box;position:relative;z-index:5602}.speaking-explanation-modal-card::-webkit-scrollbar{width:0;height:0}.speaking-explanation-modal__topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:10;background-color:transparent;padding-top:16px;padding-bottom:16px;margin-bottom:0}.speaking-explanation-modal__floating-close{width:48px;height:48px;border:none;border-radius:999px;background:#fff;box-shadow:0 16px 32px #0f172a2e;cursor:pointer;display:grid;place-items:center;position:relative;transform:none;z-index:5606;pointer-events:auto}.speaking-explanation-modal__floating-close span{position:absolute;width:18px;height:2px;border-radius:999px;background:#1f2937}.speaking-explanation-modal__floating-close span:first-child{transform:rotate(45deg)}.speaking-explanation-modal__floating-close span:last-child{transform:rotate(-45deg)}.speaking-explanation-modal__pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#19c9a7,#27d27a);color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 10px 20px #19c9a738}.speaking-explanation-modal__close{width:44px;height:44px;border:none;border-radius:999px;background:#fff;box-shadow:0 8px 20px #0f172a1f;cursor:pointer;display:grid;place-items:center;position:relative}.speaking-explanation-modal__close span{position:absolute;width:18px;height:2px;border-radius:999px;background:#1f2937}.speaking-explanation-modal__close span:first-child{transform:rotate(45deg)}.speaking-explanation-modal__close span:last-child{transform:rotate(-45deg)}.speaking-explanation-modal__hero{padding:10px 0 14px;text-align:center}.speaking-explanation-modal__label{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:#6b7280;font-weight:700}.speaking-explanation-modal__title{margin:8px 0 10px;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.1;color:#1f2937}.speaking-explanation-modal__meaning{font-size:1rem;color:#4b5563;font-weight:600}.speaking-explanation-modal__error{margin-top:10px;padding:10px 12px;border-radius:14px;background:#fee2e2;color:#991b1b;font-weight:600}.score-ring-card{flex:1;min-width:150px;padding:.75rem 1rem .9rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;background:#fff;border:2px solid var(--brand-gray-border);border-radius:16px;box-shadow:0 4px 0 var(--brand-gray-border)}.score-ring{--score-ring-color: #58cc02;position:relative;width:112px;height:112px;display:grid;place-items:center;color:var(--score-ring-color);animation:scoreRingArrival .5s cubic-bezier(.34,1.56,.64,1) both}.score-ring.accuracy-red{--score-ring-color: #ea7b7b}.score-ring.accuracy-yellow{--score-ring-color: #e2a829}.score-ring.accuracy-green{--score-ring-color: #58cc02}.score-ring__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.score-ring__track,.score-ring__progress{fill:none;stroke-width:9}.score-ring__track{stroke:#edf1f3}.score-ring__progress{stroke:currentColor;stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 2px 2px rgba(15,23,42,.12))}.score-ring__value{position:relative;font-size:1.55rem;font-weight:900;color:currentColor;font-variant-numeric:tabular-nums}@keyframes scoreRingArrival{0%{opacity:0;transform:scale(.78) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@media (prefers-reduced-motion: reduce){.score-ring{animation:none}.score-ring__progress{transition:none}}.speaking-explanation-modal__fallback-note{margin-top:10px;padding:10px 12px;border-radius:14px;background:#eff6ff;color:#1e40af;font-size:.9rem;font-weight:700}.speaking-explanation-modal__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:10px}.speaking-explanation-card{background:#ffffffb8;border:1px solid rgba(148,163,184,.24);border-radius:22px;padding:16px;box-shadow:0 12px 30px #0f172a14}.speaking-explanation-card--main{min-height:100%}.speaking-explanation-card--examples,.speaking-explanation-card--fallback{margin-top:14px}.speaking-explanation-card__title{font-size:.95rem;font-weight:800;color:#111827;margin-bottom:10px}.speaking-explanation-card__text{margin:0;color:#374151;line-height:1.55;font-weight:500}.speaking-explanation-note{margin-top:12px;padding:12px;border-radius:16px;background:#eefdf2;color:#14532d;display:flex;flex-direction:column;gap:4px}.speaking-explanation-note__label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.speaking-explanation-list{margin:0;padding-left:18px;color:#374151;line-height:1.45;display:flex;flex-direction:column;gap:8px}.speaking-explanation-examples{display:grid;grid-template-columns:1fr 1fr;gap:10px}.speaking-explanation-example{border-radius:16px;padding:12px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(148,163,184,.2)}.speaking-explanation-example__fr{font-weight:800;color:#111827;margin-bottom:4px}.speaking-explanation-example__en{color:#4b5563;font-size:.92rem}.speaking-explanation-loading{color:#6b7280;font-weight:600}.speaking-explanation-loading-shell{display:flex;flex-direction:column;gap:14px}.speaking-explanation-skeleton,.speaking-skeleton{border-radius:18px;background:linear-gradient(110deg,#e2e8f059 8%,#fffffff5,#e2e8f059 68%);background-size:220% 100%;animation:speakingSkeletonShimmer 1.35s ease-in-out infinite}.speaking-explanation-skeleton--hero{padding:18px 12px 14px;display:flex;flex-direction:column;gap:12px;align-items:center}.speaking-explanation-skeleton__eyebrow{width:118px;height:14px}.speaking-explanation-skeleton__title{width:min(360px,82%);height:28px}.speaking-explanation-skeleton__subtitle{width:min(440px,92%);height:18px}.speaking-explanation-skeleton-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.speaking-explanation-skeleton-card{min-height:180px;padding:16px;border-radius:22px;background:#ffffff94;border:1px solid rgba(148,163,184,.18);box-shadow:0 12px 30px #0f172a0d;display:flex;flex-direction:column;gap:12px}.speaking-explanation-skeleton-card--examples{min-height:160px}.speaking-explanation-skeleton__heading{width:150px;height:16px}.speaking-explanation-skeleton__line{width:100%;height:14px}.speaking-explanation-skeleton__line--short{width:72%}.speaking-explanation-skeleton__chip{width:180px;height:34px;margin-top:auto}.speaking-explanation-skeleton-list{display:flex;flex-direction:column;gap:10px}.speaking-explanation-skeleton__bullet{width:100%;height:13px}.speaking-explanation-skeleton__bullet--short{width:82%}.speaking-explanation-skeleton-examples{display:grid;grid-template-columns:1fr 1fr;gap:10px}.speaking-explanation-skeleton__example{height:74px;border-radius:16px}.speaking-explanation-empty-state{min-height:72px;display:flex;align-items:center;justify-content:center;border-radius:16px;border:1px dashed rgba(148,163,184,.28);color:#6b7280;font-weight:600;background:#ffffff80}@keyframes speakingToastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes speakingSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 720px){.speaking-explanation-backdrop{padding:14px 10px 18px}.speaking-explanation-modal__chrome{width:min(100%,560px);margin-top:54px;margin-bottom:8px;padding-right:4px}.speaking-explanation-modal__floating-close{width:38px;height:38px}.speaking-explanation-modal-card{width:min(100%,560px);max-height:calc(100vh - 92px);padding:16px 14px 18px;border-radius:24px;align-self:center}.speaking-explanation-modal__grid,.speaking-explanation-skeleton-grid,.speaking-explanation-skeleton-examples{grid-template-columns:1fr}.speaking-explanation-modal__hero{padding:4px 0 10px}.speaking-explanation-modal__title{font-size:clamp(1.35rem,7vw,1.8rem)}.speaking-explanation-card,.speaking-explanation-skeleton-card{padding:14px;border-radius:18px}.speaking-explanation-card--examples,.speaking-explanation-skeleton-card--examples{margin-top:10px}.speaking-explanation-modal__topbar{padding-bottom:12px}.speaking-explanation-examples{grid-template-columns:1fr}}.feedback-panel-fixed{width:100%;padding:24px 40px;box-sizing:border-box;z-index:4500}.exercise-header-group{display:flex;flex-direction:column;align-items:center;padding:.5rem;max-width:1000px;width:100%;box-sizing:border-box}.close-session-x{background:none;border:none;font-size:1.5rem;color:#afafaf;cursor:pointer;padding:0}.progress-bar-rail{flex:1;height:16px;background-color:#e5e5e5;border-radius:12px}@media (max-width: 435px){.instruction-text,.footer-content-holder{font-size:.8rem}}.progress-bar-fill{height:100%;background-color:var(--dark-blue);border-radius:12px;transition:width .3s ease}.attempt-counter-pill{background:#f1f1f1;padding:.4rem .8rem;border-radius:12px;font-weight:700;font-size:.85rem;color:#777}.footer-action-row{display:flex;align-items:center;justify-content:space-between;max-width:1000px;width:100%;margin:0 auto}.ui-check-submit-btn,.ui-continue-btn{padding:1rem 3rem;font-size:1.1rem;font-weight:800;text-transform:uppercase;border-radius:16px;border:none;cursor:pointer;box-shadow:0 5px #1899d6;background-color:#1cb0f6;color:#fff;transition:transform .1s,box-shadow .1s}.ui-check-submit-btn:active:not(:disabled),.ui-continue-btn:active{transform:translateY(5px);box-shadow:0 0 0 transparent}.ui-check-submit-btn:disabled{background-color:#e5e5e5;color:#afafaf;box-shadow:none;cursor:not-allowed}.exercise-footer-group.footer-correct-theme{background-color:#d7ffb8;border-color:#b8f28b}.footer-correct-theme .ui-continue-btn{background-color:#58cc02;box-shadow:0 5px #46a302}.footer-correct-theme .feedback-message-block{color:#58a700}.speech-feedback-container{width:100%;max-width:650px;margin:24px auto 0;padding:24px;background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 1px 3px #0000000d;font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box}.feedback-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f3f4f6;padding-bottom:16px;margin-bottom:16px}.feedback-title{margin:0;font-size:18px;font-weight:600;color:#1f2937}.feedback-subtitle{margin:4px 0 0;font-size:14px;color:#6b7280}.header-score-box{text-align:right}.score-percentage{font-size:24px;font-weight:700}.passed-text{color:#16a34a}.failed-text{color:#ef4444}.score-badge{display:inline-block;font-size:12px;font-weight:500;padding:2px 10px;border-radius:9999px;margin-top:4px}.badge-passed{background-color:#dcfce7;color:#166534}.badge-failed{background-color:#fee2e2;color:#991b1b}.breakdown-display-box{display:flex;flex-wrap:wrap;gap:8px;font-size:18px;font-weight:500;padding:16px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;line-height:1.6}.word-correct{color:#16a34a}.word-missing{color:#9ca3af;text-decoration:line-through;opacity:.6}.word-extra{color:#ea580c;font-style:italic;background-color:#fff7ed;padding:0 4px;border-radius:4px}.word-incorrect{position:relative;display:inline-block;color:#ef4444;background-color:#fee2e2;padding:0 4px;border-radius:4px;text-decoration:underline;text-decoration-style:wavy;text-decoration-color:#f87171;cursor:help}.word-tooltip{visibility:hidden;position:absolute;bottom:130%;left:50%;transform:translate(-50%);background-color:#111827;color:#fff;text-align:center;padding:6px 10px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:50;opacity:0;box-shadow:0 4px 6px -1px #0000001a;transition:opacity .15s ease-in-out,visibility .15s ease-in-out}.word-incorrect:hover .word-tooltip{visibility:visible;opacity:1}.feedback-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:16px;padding-top:12px;border-top:1px solid #f3f4f6;font-size:12px;color:#6b7280}.legend-item{display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-correct{background-color:#22c55e}.dot-incorrect{background-color:#ef4444}.dot-missing{background-color:#9ca3af}.dot-extra{background-color:#f97316}.exercise-layout-container{padding:16px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.processing-status-text{text-align:center;color:#6b7280;font-size:14px;font-weight:500;margin:12px 0;animation:classicPulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.speaking-session-layout-root{display:flex;flex-direction:column;width:100vw;background-color:#f3f4f6}.fixed-session-viewport{height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;background-color:#fff;padding-bottom:0!important}.matching-board{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:600px;margin:0 auto}.match-card{padding:1.2rem;font-size:1.1rem;font-weight:700;color:#4b5563;background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px #e5e7eb;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;transition:all .1s ease}.match-card:active:not(.is-disabled){transform:translateY(4px);box-shadow:0 0 #e5e7eb}.match-card.is-selected{background-color:#ddf4ff;border-color:#84d8ff;color:#1899d6;box-shadow:0 4px #84d8ff}.match-card.is-matched{background-color:#d7ffb8;border-color:#84d914;color:#58a700;box-shadow:0 4px #84d914;pointer-events:none;animation:matchPop .3s ease}.match-card.is-error{background-color:#ffdfe0;border-color:#ff9395;color:#ea2b2b;box-shadow:0 4px #ff9395;animation:actionShake .4s ease}.match-card.is-disabled{opacity:.4;pointer-events:none}.sentence-builder-container{width:100%;max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.sentence-slot-area{min-height:4rem;padding:1rem;border-bottom:2px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-start}.sentence-tokens-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;min-height:20px}.word-token{padding:.3rem .5rem;font-size:.9rem;font-weight:600;color:var(--text);background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 3px #e5e7eb;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s}.word-token:active:not(.is-used){transform:translateY(3px);box-shadow:0 0 #e5e7eb}.word-token.is-used{background-color:#e5e7eb;color:transparent;box-shadow:none;border-color:transparent;pointer-events:none}.sentence-placeholder{color:#9ca3af;font-weight:700}.sentence-slot-area.is-error-node{border-bottom-color:#ff9395;animation:actionShake .4s ease}.sentence-attempt-counter{align-self:center;margin-top:-1rem;padding:.35rem .75rem;color:#475569;background:#f1f5f9;border-radius:999px;font-size:.85rem;font-weight:800}.selected-word-token.is-hint-mistake{color:#9f1239;background:#fff1f2;border-color:#fb7185;box-shadow:0 3px #fb7185}.sentence-hint-gap{width:2.25rem;height:2rem;background:#fff1f2;border:2px dashed #fb7185;border-radius:10px}.selected-word-token{color:#0b1b55;background-color:#ddf4ff;border-color:#84d8ff;box-shadow:0 3px #84d8ff}.sentence-action-row{display:flex;align-items:center;justify-content:center;gap:.75rem}.sentence-reset-btn{border:0;background:transparent;color:#64748b;font-size:1rem;font-weight:800;cursor:pointer}.sentence-check-btn:disabled{opacity:.55;cursor:not-allowed}.sentence-retry-note,.no-mic-footer-hint{margin:0;text-align:center;color:var(--text-secondary);font-weight:800}.live-dialogue-canvas{width:100%;height:100%;display:flex;flex-direction:column;background-color:#f9fafb;border-radius:20px;overflow:hidden;box-shadow:inset 0 2px 4px #00000005}.dialogue-history-feed{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.2rem}.typing-dots{display:inline-flex;gap:4px;padding:.5rem 1rem;background-color:#e5e7eb;border-radius:1rem;border-bottom-left-radius:0}.typing-dots span{width:8px;height:8px;background-color:#9ca3af;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes matchPop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes actionShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.scrollable-page-viewport .dashboard-scroll-footprint{overflow-y:visible;flex:none;width:100%}.fixed-session-viewport .page-container{height:80%;width:100%;max-width:800px;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;overflow-y:hidden}.fixed-session-viewport .exercise-container-root,.fixed-session-viewport .exercise-wrapper{display:flex;flex-direction:column;flex:1;gap:1rem;overflow:hidden}.fixed-session-viewport .exercise-body,.fixed-session-viewport .matching-board,.fixed-session-viewport .sentence-builder-container{margin-top:.25rem;flex:1;display:flex;flex-direction:column;justify-content:center}.speaking-session-layout-root .top-nav{flex-shrink:0}.scrollable-page-viewport .main-area,.fixed-session-viewport .main-area{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}@media (max-height: 740px){.top-nav{height:3.5rem;padding:2rem 1rem}.exercise-title,.page-title{font-size:1.3rem!important;margin-bottom:.25rem!important}.exercise-subtitle,.page-subtitle{font-size:.9rem!important;margin-bottom:.5rem!important}.matching-board{gap:.5rem}.match-card{padding:.75rem 1rem;font-size:.95rem;border-radius:12px;box-shadow:0 3px #e5e7eb}.match-card.is-selected{box-shadow:0 3px #84d8ff}.match-card.is-matched{box-shadow:0 3px #84d914}.match-card.is-error{box-shadow:0 3px #ff9395}.sentence-builder-container{gap:1rem}.sentence-slot-area{min-height:3rem;padding:.5rem}.word-token{padding:.5rem 1rem;font-size:.95rem;border-radius:10px}.read-aloud-box{padding:1rem!important;margin-bottom:.5rem!important}.feedback-panel-fixed{padding:1rem!important}}@media (max-width: 600px){.feedback-content-wrapper{flex-direction:column;gap:1rem;text-align:center}.header-score-box{text-align:center;margin-top:10px}.score-stats-row{flex-direction:column;gap:10px}}@media (max-height: 600px){.top-nav{height:3rem}.matching-board{gap:.35rem}.match-card{padding:.5rem;font-size:.85rem}.word-token{padding:.4rem .75rem;font-size:.85rem}.scrollable-page-viewport,.fixed-session-viewport{padding-bottom:3rem}.instruction-text{font-size:.9rem}}@media (max-width: 375px){.btn-3d{padding:12px 16px;font-size:.9rem;width:100%}.top-nav{padding:1rem .5rem}.feedback-panel-fixed{padding:1rem!important}.action-mic-card{width:48px;height:48px}.scrollable-page-viewport,.fixed-session-viewport{padding-bottom:3rem}.instruction-text{font-size:.8rem}.speaking-feedback-toast{top:12px;left:50%;width:calc(100vw - 24px);max-width:none;transform:translate(-50%)}}@media (max-width: 640px){.speaking-feedback-toast{top:12px;left:50%;width:calc(100vw - 24px);max-width:none;transform:translate(-50%)}}.floating-help-btn{position:absolute;bottom:clamp(16px,4vw,24px);right:clamp(12px,3vw,16px);background:transparent;color:#afafaf;border:2px solid #e5e5e5;border-radius:clamp(8px,2vw,12px);padding:clamp(4px,1.5vw,6px) clamp(8px,2.5vw,12px);font-size:clamp(.7rem,2.5vw,.8rem);font-weight:700;cursor:pointer;z-index:4000;transition:all .2s ease}.floating-help-btn:hover{background:#f7f7f7;color:#4b5563}.mic-help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:#07145f61;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem}.mic-help-modal{width:min(410px,94vw);max-height:min(600px,80vh);background:#fff;border-radius:20px;border:1px solid rgba(13,110,71,.989);box-shadow:0 24px 60px #0f172a47;overflow:hidden;display:flex;flex-direction:column;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275)}.mic-help-header{padding:.85rem 1rem;background:#11357a;color:#fff;display:flex;justify-content:space-between;align-items:center}.close-help-btn{border:none;background:#ffffff1f;color:#fff;width:32px;height:32px;border-radius:999px;font-size:1.2rem;cursor:pointer}.mic-help-body{overflow-y:auto;margin-bottom:24px}.guide-section{margin-bottom:16px;padding:12px;background-color:#f7f7f7;border-radius:12px}.guide-section strong{display:block;margin-bottom:4px;color:#4b5563}.guide-section p{margin:0;font-size:.9rem;color:#6b7280;line-height:1.4}.full-width{width:100%}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.btn-modal-dismiss-flat,.btn-modal-confirm-destructive,.btn-3d,.btn-keep-learning,.btn-quit-session{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation;min-height:48px;cursor:pointer;width:100%;box-sizing:border-box}@keyframes pulse-opacity{0%,to{opacity:.4}50%{opacity:1}}.word-breakdown-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.word-chip{padding:.2rem .55rem;border-radius:999px;font-size:.9rem;font-weight:500}.word-chip--correct{background:#d1fae5;color:#065f46}.word-chip--wrong{background:#fee2e2;color:#991b1b}.word-chip--warning{background:#fef3c7;color:#92400e}.action-mic-card{width:66px;height:66px;border-radius:50%;background-color:var(--brand-dark-blue);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 0 var(--brand-dark-blue-shadow);transition:all .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.action-mic-card.is-listening{width:140px;border-radius:33px;transform:translateY(3px);box-shadow:0 2px 0 var( --brand-dark-blue)}.action-mic-icon{width:34px;height:34px;color:#fff}.live-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:50px;width:100%}.live-wave__bar{width:4px;min-height:4px;background-color:#fff;border-radius:999px;transition:height 75ms cubic-bezier(.215,.61,.355,1);will-change:height}.exercise-body-group{flex:1 0 auto!important;overflow:visible!important}.exercise-footer-group{position:fixed!important;bottom:0!important;left:0!important;width:100vw!important;z-index:999!important;border-top:2px solid #e5e5e5;padding:.7rem;background-color:#fff;box-sizing:border-box}.feedback-panel-fixed,.exercise-container .feedback-panel-fixed{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100vw!important;z-index:9999!important;box-sizing:border-box!important;box-shadow:0 -4px 15px #0000000d!important}.scrollable-page-viewport{height:100vh;height:100dvh;padding-bottom:0;overflow-y:auto;overflow-x:hidden}.exercise-body-group{flex:1;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;margin-bottom:2svh;animation:popIn .3s cubic-bezier(.34,1.56,.64,1) forwards;overflow-y:auto}.ui-disabled-fade{opacity:.3!important;filter:grayscale(100%)!important;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;transition:all .2s ease-in-out}.matching-grid-unified{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:1.5rem;width:100%}.fixed-session-viewport,.fixed-session-viewport .main-area{overflow:hidden}.fixed-session-viewport .page-container.session-page-wrapper{height:100%;min-height:0;padding:clamp(.75rem,2.5svh,2rem) clamp(.75rem,4vw,2rem) 0;overflow:hidden}.exercise-container--no-mic{--speaking-footer-space: calc(3.75rem + env(safe-area-inset-bottom)) }.exercise-container--voice{--speaking-footer-space: calc(6rem + env(safe-area-inset-bottom)) }.fixed-session-viewport .exercise-container{min-height:0;padding-bottom:var(--speaking-footer-space)}.fixed-session-viewport .exercise-header-group{flex:0 0 auto}.fixed-session-viewport .exercise-body-group{flex:1 1 auto!important;min-height:0;justify-content:flex-start;padding:.25rem .15rem .75rem;margin-bottom:0;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}.exercise-container--no-mic .exercise-body-group>*{margin-block:auto}.exercise-footer-group{min-height:var(--speaking-footer-space);padding-bottom:max(.7rem,env(safe-area-inset-bottom))}.matching-exercise-wrapper{min-height:0;gap:clamp(.5rem,1.7svh,1rem)}.matching-grid-unified{grid-auto-rows:minmax(3.25rem,auto);gap:clamp(.55rem,1.8svh,1.25rem)}.matching-tap-card{min-height:clamp(3.25rem,9svh,5.4rem);height:auto;padding:clamp(.45rem,1.5svh,.9rem) clamp(.45rem,2.5vw,1rem);font-size:clamp(.82rem,2.2svh,1.2rem);line-height:1.2;overflow-wrap:anywhere}.translate-word{display:inline;margin:0 .08em;padding:0;border:0;border-bottom:2px dotted currentColor;border-radius:0;background:transparent;color:inherit;font:inherit;line-height:inherit;cursor:pointer}.translate-word:hover,.translate-word:focus-visible{border-bottom-style:dotted;background:transparent;color:inherit;outline:2px dotted currentColor;outline-offset:3px}.translate-sentence-action{margin-top:.85rem;padding:.2rem 0;border:0;border-bottom:2px dotted currentColor;border-radius:0;background:transparent;color:#4b5563;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.translate-sentence-action:hover,.translate-sentence-action:focus-visible{color:var(--dark-blue);outline:2px dotted currentColor;outline-offset:4px}.translate-meaning-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;pointer-events:none}.translate-meaning-card{position:absolute;top:50%;left:50%;width:min(22rem,calc(100vw - 2rem));max-height:min(18rem,calc(100dvh - 2rem));padding:1.25rem 3rem 1.25rem 1.25rem;overflow-y:auto;border:1px solid #d1d5db;border-radius:1rem;background:#fff;color:#1f2937;box-shadow:0 18px 48px #0f172a38;transform:translate(-50%,-50%);pointer-events:auto;text-align:left}.translate-meaning-card__label{display:block;margin-bottom:.4rem;color:#6b7280;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.translate-meaning-card strong{display:block;font-size:1.05rem}.translate-meaning-card p{margin:.65rem 0 0;line-height:1.45}.translate-meaning-card__close{position:absolute;top:.65rem;right:.65rem;width:2rem;height:2rem;padding:0;border:1px solid #d1d5db;border-radius:50%;background:#fff;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer}@media (max-height: 760px){.fixed-session-viewport .page-container.session-page-wrapper{padding-top:.55rem}.exercise-header-group{padding-block:.25rem}.progress-bar-background{height:10px;margin-bottom:.65rem}.instruction-text{padding-bottom:.25rem;font-size:clamp(.85rem,2.3svh,1.05rem)}.matching-grid-unified{grid-auto-rows:minmax(2.8rem,auto);gap:clamp(.4rem,1.2svh,.7rem)}.matching-tap-card{min-height:clamp(2.8rem,8svh,4rem);padding-block:clamp(.3rem,1svh,.55rem);border-radius:12px;font-size:clamp(.76rem,2svh,.98rem);box-shadow:0 3px #e5e5e5}}@media (max-height: 620px){.matching-grid-unified{grid-auto-rows:minmax(2.45rem,auto);gap:.32rem}.matching-tap-card{min-height:2.45rem;padding:.22rem .4rem;font-size:.72rem;line-height:1.12}}.speaking-layout{max-width:1000px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif;padding:clamp(1.25rem,2vw,2rem) clamp(1rem,2vw,1.75rem) 2.5rem;box-sizing:border-box}.levels-grid{align-items:stretch}.speaking-header{text-align:center;margin-bottom:3rem}.speaking-title{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,1.85rem);font-weight:700;margin:0 0 .5rem;letter-spacing:-.02em;line-height:1.2}.speaking-subtitle{color:var(--text-muted);font-size:1.1rem}.levels-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.level-card{background-color:var(--bg-soft);border-radius:15px;overflow:hidden;width:100%;max-width:380px;margin:0 auto;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column}@media (min-width: 600px){.level-card{width:calc(50% - 1rem)}}.level-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.level-card__image-wrapper{position:relative;height:220px;width:100%;background-color:#495057}.level-card__image{width:100%;height:100%;object-fit:cover;opacity:.9}.level-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#adb5bd;font-style:italic;font-size:.9rem;transition:background-color .4s ease,color .4s ease}.level-card__badge{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);width:50px;height:50px;background-color:#2b2d31f2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;z-index:2}.level-card__content{padding:2.5rem 1.5rem 1.5rem;text-align:center;color:var(--text);flex-grow:1}.level-card__name{margin:0 0 .5rem;font-size:1.5rem}.level-card__desc{margin:0;font-size:.95rem;color:var(--text-muted);line-height:1.4}.level-card:hover .level-card__image-placeholder{background-color:#5c636a;color:#f8f9fa}@media (max-width: 768px){.speaking-layout{padding-top:.75rem;padding-bottom:2rem}}@media (max-width: 435px){.speaking-layout{padding:.35rem .75rem 1.75rem}.speaking-header{margin-bottom:1.5rem}.level-card{width:100%;max-width:none}.level-card__image-wrapper{height:min(42vw,190px)}.level-card__content{padding:2rem 1rem 1.25rem}.copy-year{margin-top:1.5rem;padding-bottom:env(safe-area-inset-bottom)}}.speaking-topics-page{padding-top:2rem;display:flex;flex-direction:column;min-height:100vh}.topics-header{text-align:center;margin-bottom:2rem}.topics-loading{text-align:center;margin:3rem 0}.empty-level-card{text-align:center;padding:4rem 2rem;background-color:var(--bg-soft);border-radius:16px;border:#a4a4a4 solid 1px;max-width:500px;margin:0 auto 3rem}.empty-level-title{font-family:var(--font-display);color:var(--text);margin-bottom:.5rem}.empty-level-text{color:var(--text-secondary);margin-bottom:2rem}.btn-go-back{display:inline-flex;align-items:center;justify-content:center;margin-bottom:.5rem;gap:.35rem;padding:.55rem 1.1rem;border-radius:999px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:inherit;font-size:clamp(.75rem,1vw,.95rem);white-space:nowrap}.topics-search-container{display:flex;justify-content:center;margin-bottom:3rem}.topics-search-bar{width:100%;max-width:500px;position:relative}.topics-no-match{text-align:center;color:var(--text-secondary);margin:3rem 0}.topics-modern-search{margin:0 auto 3rem;max-width:600px;position:relative;z-index:10;width:100%}.topics-card-grid{display:grid;grid-template-columns:100%;gap:1.5rem;width:100%;max-width:900px;margin:0 auto}@media (min-width: 500px){.topics-card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.topic-card-hero{position:relative;background-color:var(--bg-soft);border-radius:24px;overflow:hidden;min-height:240px;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer;box-shadow:0 10px 25px #07135c26;transition:transform .25s ease,box-shadow .25s ease}.topic-card-hero:hover{transform:translateY(-6px);box-shadow:0 16px 35px #07135c40}.topic-card-hero:active{transform:translateY(2px);box-shadow:0 4px 10px #07135c33}.topic-card-hero__bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.topic-card-hero__icon{font-size:10rem;transform:rotate(-10deg) scale(1.2);-webkit-user-select:none;user-select:none}.topic-card-hero__img{width:100%;height:100%;object-fit:cover}.topic-card-hero__overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:linear-gradient(0deg,#051bacfc,#0216938a,#03185300 60%)}.topic-card-hero__content{position:relative;z-index:3;padding:2rem 1.5rem;text-align:center}.topic-card-hero__title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .5rem}.topic-card-hero__title:hover{color:var(--accent)}.topic-card-hero__desc{font-size:.95rem;font-weight:500;color:#fff;margin:0;line-height:1.4;opacity:.9}.pro-dashboard-layout{padding:1.5rem;max-width:700px;margin:0 auto;font-family:Inter,system-ui,sans-serif;background-color:transparent;min-height:100vh}.pro-dashboard-header{margin-bottom:1.5rem}.pro-header-content{display:flex;justify-content:space-between;align-items:center}.pro-topic-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;margin:0 0 .25rem;color:var(--text)}.pro-topic-desc{font-size:.95rem;color:var(--text-secondary);margin:0}.pro-hero-image{width:56px;height:56px;object-fit:contain}.pro-stages-list{display:flex;flex-direction:column;gap:1rem}.stage-card{position:relative;display:flex;min-height:80px;border-radius:20px;overflow:hidden;background:#fff;border:#00d61a 2px solid;box-shadow:0 4px 12px #0000000d;transition:all .2s ease;cursor:pointer}.stage-card:hover:not(.locked){transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.stage-card.locked{border-color:#e2e8f0;background:#f8fafc;cursor:not-allowed;opacity:.6}.stage-side-bar{width:16px;background:#00d61a;flex-shrink:0}.stage-content{flex:1;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem}.stage-label{font-size:.75rem;font-weight:800;color:#00c81d;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.stage-title{font-size:1.15rem;font-weight:700;margin:0;color:#1e293b}.stage-description{color:#64748b;margin-top:.25rem;font-size:.85rem}.status-circle,.progress-ring{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-svg{width:80%;height:80%}.status-circle.completed{background:#00d61a;color:#fff;font-size:1.75rem;font-weight:800}.status-circle.lock{border:4px solid #E2E8F0;color:#94a3b8}.status-circle.lock svg{width:20px;height:20px}.locked{opacity:.6;cursor:not-allowed}.locked .stage-side-bar{background:#e2e8f0}.locked .stage-title,.locked .stage-description,.locked .stage-label{color:#94a3b8}.progress-ring{position:relative;background:radial-gradient(closest-side,white 78%,transparent 80%),conic-gradient(#00d61a var(--progress),#E2E8F0 0)}.progress-ring span{font-size:1rem;font-weight:700;color:#1e293b}.topic-completion-card{margin-top:1rem;padding:2rem;text-align:center;background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000000d;border:2px solid #00d61a}.topic-completion-card h3{margin:0 0 1.25rem;font-size:1.25rem;color:#0f172a}.speakingbreadcrumb{display:inline-block;font-size:14px;color:#aa9c06}.speakingbreadcrumb:hover{color:#aa9c06!important}.speakingbreadcrumb_gray{color:var(--text-muted)}@media (max-width: 600px){.pro-dashboard-layout{padding:1rem}.pro-stages-list{gap:.65rem}.stage-card{min-height:65px;border-radius:16px}.stage-content{padding:.75rem 1rem}.stage-title{font-size:1rem}.stage-description{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.status-circle,.progress-ring{width:44px;height:44px}.progress-ring span{font-size:.8rem}.status-circle.completed{font-size:1.25rem}}.hero-divider-line{height:1px;background:#00000014;margin:16px 0}.dashboard-stats-row{display:flex;align-items:center;gap:32px}.stat-metric-block{display:flex;flex-direction:column}.stat-metric-block .metric-label{font-size:12px;color:#666;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.stat-metric-block .metric-value{font-size:20px;font-weight:800;color:#333}.btn-dashboard-reset-action{margin-left:auto;display:flex;align-items:center;gap:6px;background:none;border:none;color:#ff4b4b;font-weight:700;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background .2s}.btn-dashboard-reset-action:hover{background:#fff0f0}.modal-backdrop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:#07145f61;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem}.confirmation-modal-card{background:#ffffffab;border:1px solid rgba(13,110,71,.989);border-radius:20px;padding:2rem;width:min(410px,94vw);max-height:min(600px,80vh);text-align:center;display:flex;flex-direction:column;box-shadow:0 24px 60px #0f172a47;overflow:hidden;box-sizing:border-box;animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1) forwards}.alert-warning-icon-frame{font-size:3.5rem;margin-bottom:1rem}.modal-title-header{font-size:1.5rem;font-weight:800;color:#3c3c3c;margin:0 0 .75rem}.modal-description-body{font-size:1rem;font-weight:600;color:#3f3f3f;line-height:1.5;margin:0 0 2rem}.modal-action-buttons-group{display:flex;flex-direction:column;gap:1rem;width:100%}.btn-modal-dismiss-flat{background-color:var(--success);border:1px solid var(--border);color:#fff;width:100%}.btn-modal-dismiss-flat:hover{background-color:#1baa5e}.btn-modal-confirm-destructive{flex:1;background-color:#fff;color:var(--brand-red);border:1px solid var(--border);width:100%}.btn-modal-confirm-destructive:hover{background-color:#f5c6c6;border-color:#ffc8c8}.speaking-lockout-wrapper{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:24px;width:100%}.speaking-lockout-card{background:var(--bg-elevated);border:2px solid #e5e5e5;border-radius:16px;padding:40px 24px;text-align:center;max-width:420px;width:100%;box-shadow:0 4px #e5e5e5}.speaking-lockout-icon{font-size:44px;margin-bottom:16px}.speaking-lockout-title{font-size:22px;color:#333;font-weight:700;margin-bottom:12px}.speaking-lockout-text{font-size:15px;color:#666;line-height:1.6;margin-bottom:24px}.speaking-lockout-link{display:inline-block;background-color:var(--dark-blue);color:#fff;text-decoration:none;font-weight:600;font-size:16px;padding:15px 20px;border-radius:8px;transition:background-color .2s ease;width:100%;box-sizing:border-box}.speaking-lockout-link:hover{background-color:#041956;transform:translateY(-2px)}.speaking-lockout-icon,.quit-modal-icon{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.lockout-svg-emblem{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.speaking-lockout-card:hover .lockout-svg-emblem{transform:scale(1.08)}.formatted-list{max-width:100%;padding-left:20px;margin:.7rem 0;overflow-wrap:anywhere}.formatted-link{color:#3b82f6;text-decoration:underline;overflow-wrap:anywhere;word-break:break-word;transition:color .2s ease-in-out}.formatted-link:hover{color:#2563eb}.formatted-inline-code{display:inline;max-width:100%;background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;font-family:monospace;font-size:.9em;white-space:break-spaces;overflow-wrap:anywhere}.formatted-highlight{background-color:#fef08a;padding:0 .25rem;border-radius:.125rem}.formatted-table-wrap{display:block;width:100%;min-width:0;max-width:100%;margin:.7rem 0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-gutter:stable;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;border:1px solid #cbd5e1;border-radius:10px;background:#ffffffc7}.formatted-table-wrap:focus-visible{outline:3px solid rgba(20,184,166,.35);outline-offset:2px}.formatted-table-wrap::-webkit-scrollbar{height:7px}.formatted-table-wrap::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}.formatted-table{width:max-content;min-width:100%;max-width:none;border-collapse:collapse;font-size:.88em}.formatted-table th,.formatted-table td{min-width:7.5rem;max-width:20rem;padding:.5rem .6rem;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;text-align:left;vertical-align:top;white-space:normal;overflow-wrap:anywhere}.formatted-table th:last-child,.formatted-table td:last-child{border-right:0}.formatted-table tr:last-child td{border-bottom:0}.formatted-table th{background:#ecfdf5;color:#134e4a;font-weight:800}.formatted-quote{max-width:100%;margin:.7rem 0;padding:.65rem .8rem;border-left:4px solid #14b8a6;border-radius:0 9px 9px 0;background:#f0fdfa;color:#134e4a;overflow-wrap:anywhere}@media (max-width: 768px){.formatted-table-wrap{scrollbar-width:thin}.formatted-table th,.formatted-table td{min-width:7rem;padding:.45rem .5rem}}.tts-word{--tts-accent: #0f766e;--tts-accent-soft: rgba(15, 118, 110, .14);--tts-bubble-bg: rgba(15, 23, 42, .96);position:relative;display:inline-flex;align-items:center;gap:.1rem;cursor:pointer;color:inherit;font-weight:600;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:1.6px;text-decoration-color:#6b72808c;text-underline-offset:.2em;border-radius:.4rem;padding:0 .14em;margin:0 -.04em;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .18s ease,background-color .18s ease,text-decoration-color .18s ease,box-shadow .18s ease,transform .12s ease}.tts-word:hover,.tts-word:focus-visible{color:var(--tts-accent);background:var(--tts-accent-soft);text-decoration-color:currentColor}.tts-word:focus-visible{outline:none;box-shadow:0 0 0 3px #0f766e2e}.tts-word:active{transform:translateY(1px)}.tts-word.is-active{color:var(--tts-accent);background:linear-gradient(180deg,#0f766e14,#0f766e24);text-decoration-style:solid;text-decoration-color:#0f766ee6}.tts-word[data-state=preparing]{color:var(--tts-accent);text-decoration-style:solid;text-decoration-color:#0f766ed1}.tts-word[data-state=playing]{color:#059669;text-decoration-style:solid;text-decoration-color:#059669f2;box-shadow:inset 0 -.45em #05966914}.tts-word__text{position:relative;z-index:1}.tts-word__bubble{position:absolute;left:50%;bottom:calc(100% + .5rem);display:inline-flex;align-items:center;gap:.4rem;padding:.46rem .72rem;border-radius:.8rem;background:linear-gradient(135deg,var(--tts-bubble-bg),rgba(15,118,110,.97));color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;box-shadow:0 16px 40px #0f172a3d;pointer-events:none;z-index:50;opacity:0;visibility:hidden;transform:translate(-50%,8px) scale(.98);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}.tts-word__bubble svg{flex:0 0 auto}.tts-word__arrow{position:absolute;top:100%;left:50%;transform:translate(-50%)}.tts-word__arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(15,118,110,.97)}.tts-word:hover .tts-word__bubble,.tts-word:focus-visible .tts-word__bubble,.tts-word[data-state=preparing] .tts-word__bubble,.tts-word[data-state=playing] .tts-word__bubble{opacity:1;visibility:visible;transform:translate(-50%) scale(1);transition-delay:0s}.tts-word[data-state=playing] .tts-word__bubble{animation:tts-pulse 1.4s ease-in-out infinite}@keyframes tts-pulse{0%,to{box-shadow:0 16px 40px #0f172a3d}50%{box-shadow:0 18px 48px #05966947}}@media (prefers-reduced-motion: reduce){.tts-word,.tts-word__bubble{transition:none}.tts-word[data-state=playing] .tts-word__bubble{animation:none}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;height:auto}.muted{color:var(--text-muted)}.small{font-size:.875rem}.center{text-align:center}.inline-link{color:var(--accent);text-decoration:underline;text-underline-offset:3px}