@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Nunito:wght@500;600;700;800;900&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--agen-primary:#0071e3;--agen-primary-light:#06c;--agen-primary-dark:#005bb5;--agen-secondary:#e0352b;--agen-accent:#d97a00;--agen-success:#1f9d55;--agen-warning:#e08600;--skill-listening:#0a84c6;--skill-speaking:#d6336c;--skill-reading:#1f9d55;--skill-writing:#8e4ec6;--bg-base:#f5f5f7;--bg-surface:#fff;--bg-elevated:#f5f5f7;--bg-glass:#00000008;--bg-glass-hover:#0000000f;--bg-nav:#ffffffb8;--bg-tint:#0071e30f;--text-primary:#1d1d1f;--text-secondary:#515154;--text-muted:#86868b;--text-on-primary:#fff;--border-subtle:#00000014;--border-medium:#00000029;--gradient-primary:linear-gradient(var(--agen-primary), var(--agen-primary));--gradient-hero:linear-gradient(var(--text-primary), var(--text-primary));--gradient-card:linear-gradient(var(--bg-surface), var(--bg-surface));--gradient-success:linear-gradient(var(--agen-success), var(--agen-success));--shadow-sm:0 1px 2px #0000000a, 0 1px 8px #0000000a;--shadow-md:0 4px 24px #00000014;--shadow-lg:0 12px 48px #0000001f;--shadow-glow:var(--shadow-md);--shadow-success:var(--shadow-md);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--page-gutter:clamp(20px, 4vw, 64px);--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(.25, .1, .25, 1);--transition-fast:.15s var(--ease-out);--transition-base:.25s var(--ease-out);--transition-slow:.4s var(--ease-out);--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--agen-primary:#0a84ff;--agen-primary-light:#2997ff;--agen-primary-dark:#0071e3;--agen-secondary:#ff453a;--agen-accent:#ff9f0a;--agen-success:#30d158;--agen-warning:#ff9f0a;--skill-listening:#64d2ff;--skill-speaking:#ff6482;--skill-reading:#30d158;--skill-writing:#bf5af2;--bg-base:#000;--bg-surface:#1c1c1e;--bg-elevated:#2c2c2e;--bg-glass:#ffffff0d;--bg-glass-hover:#ffffff17;--bg-nav:#161617b8;--bg-tint:#0a84ff1f;--text-primary:#f5f5f7;--text-secondary:#c7c7cc;--text-muted:#8e8e93;--border-subtle:#ffffff1a;--border-medium:#ffffff2e;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 24px #00000080;--shadow-lg:0 12px 48px #0009}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:17px;line-height:1.47}::selection{background:#0071e333}:focus-visible{outline:2px solid var(--agen-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full);border:2px solid var(--bg-base)}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-primary);font-weight:600;line-height:1.12}h1{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700}h2{font-size:clamp(1.6rem,3.5vw,2.25rem)}h3{letter-spacing:-.015em;font-size:clamp(1.15rem,2.2vw,1.35rem)}h4{letter-spacing:-.01em;font-size:1.05rem}p{color:var(--text-secondary)}a{color:var(--agen-primary-light);transition:color var(--transition-fast), opacity var(--transition-fast);text-decoration:none}a:hover{opacity:.8}.eyebrow{color:var(--text-muted);letter-spacing:0;font-size:.8rem;font-weight:600}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-full);font-family:var(--font-sans);letter-spacing:-.01em;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:1px solid #0000;padding:11px 22px;font-size:.94rem;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.btn:hover{opacity:1}.btn:active{transform:scale(.98)}.btn-primary{background:var(--agen-primary);color:var(--text-on-primary)}.btn-primary:hover{background:var(--agen-primary-dark);color:var(--text-on-primary)}.btn-ghost{background:var(--bg-glass);color:var(--text-primary)}.btn-ghost:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.btn-outline{color:var(--agen-primary-light);border-color:var(--agen-primary-light);background:0 0}.btn-outline:hover{background:var(--bg-tint)}.btn-success{background:var(--agen-success);color:#fff}.btn-success:hover{filter:brightness(.94);color:#fff}.btn-lg{padding:14px 28px;font-size:1.02rem}.btn-sm{padding:7px 15px;font-size:.85rem}.btn-full{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:box-shadow var(--transition-base), transform var(--transition-base), border-color var(--transition-base);color:var(--text-primary)}.card-hover{cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-glass{background:var(--bg-nav);-webkit-backdrop-filter:saturate(180%)blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.card-gradient{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.icon-tile{background:var(--bg-elevated);width:44px;height:44px;color:var(--text-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.skill-badge{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:500;display:inline-flex}.skill-listening{background:color-mix(in srgb, var(--skill-listening) 12%, transparent);color:var(--skill-listening)}.skill-speaking{background:color-mix(in srgb, var(--skill-speaking) 12%, transparent);color:var(--skill-speaking)}.skill-reading{background:color-mix(in srgb, var(--skill-reading) 12%, transparent);color:var(--skill-reading)}.skill-writing{background:color-mix(in srgb, var(--skill-writing) 12%, transparent);color:var(--skill-writing)}.progress-bar{background:var(--bg-glass-hover);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:var(--agen-primary);height:100%;transition:width .6s var(--ease-out)}.xp-badge,.streak-badge{border-radius:var(--radius-full);background:var(--bg-glass);color:var(--text-secondary);align-items:center;gap:5px;padding:4px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.xp-badge svg{color:var(--agen-accent)}.streak-badge svg{color:var(--agen-secondary)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-input{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;padding:12px 14px;font-size:1rem}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--agen-primary);box-shadow:0 0 0 4px #0071e326}.alert-error{border-radius:var(--radius-md);color:var(--agen-secondary);background:#ff3b3014;align-items:center;gap:8px;padding:10px 14px;font-size:.875rem;display:flex}.level-badge{border-radius:var(--radius-full);letter-spacing:.02em;background:var(--text-primary);color:var(--bg-surface);align-items:center;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.segmented{background:var(--bg-glass-hover);border-radius:10px;gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:500}.segmented button[aria-pressed=true]{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 3px #0000001f}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes bounce-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in-up{animation:fadeInUp .5s var(--ease-out) both}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.animate-bounce-in{animation:bounce-in .3s var(--ease-out) both}.animate-spin{animation:1s linear infinite spin}.skeleton{background:var(--bg-glass-hover);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--bg-glass) 50%, transparent 100%);animation:1.4s infinite skeleton-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-sweep{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after,.animate-fade-in-up,.animate-bounce-in,.animate-pulse-glow{animation:none}}.delay-100{animation-delay:50ms}.delay-200{animation-delay:.1s}.delay-300{animation-delay:.15s}.delay-400{animation-delay:.2s}.container{width:100%;padding:0 var(--page-gutter);margin:0 auto}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;display:grid}@media (min-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1000px){.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.text-center{text-align:center}.text-gradient{color:var(--text-primary)}.text-muted{color:var(--text-muted)}.nowrap{white-space:nowrap}@media (max-width:768px){body{font-size:16px}.card{padding:var(--spacing-md)}.grid-cols-2{grid-template-columns:1fr!important}body{padding-bottom:76px}}.hero{color:#1d1d1f;background:#eaf3ff;position:relative;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{object-position:right center}.hero-media:after{content:"";background:linear-gradient(90deg,#eaf3ffeb 0%,#eaf3ff8c 34%,#eaf3ff00 58%);position:absolute;inset:0}.hero-content{z-index:1;aspect-ratio:2000/857;width:100%;min-height:560px;padding:72px var(--page-gutter);flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative}.hero-content>*{max-width:min(620px,46%)}.hero h1{color:#1d1d1f;letter-spacing:-.04em;margin-bottom:20px;font-size:clamp(2.2rem,4.2vw,4.25rem);font-weight:700;line-height:1.08}.hero p{color:#3a3a3c;margin-bottom:32px;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.5}.hero-actions{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.hero-link{color:#06c;align-items:center;gap:2px;font-size:1.02rem;display:inline-flex}@media (max-width:900px){.hero-media{aspect-ratio:4/3;width:100%;position:relative;inset:auto}.hero-media img{object-position:76% center}.hero-media:after{background:linear-gradient(#eaf3ff00 70%,#eaf3ff 100%)}.hero-content{aspect-ratio:auto;text-align:center;min-height:0;padding:8px var(--page-gutter) 56px;align-items:center}.hero-content>*{max-width:600px}.hero-actions{justify-content:center}}.lp-nav{z-index:100;background:var(--bg-nav);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border-subtle);height:60px;position:sticky;top:0}.lp-nav-inner{height:100%;padding:0 var(--page-gutter);justify-content:space-between;align-items:center;gap:24px;display:flex}.lp-nav-links{gap:22px;font-size:.9rem;display:flex}.lp-nav-links a{color:var(--text-secondary);position:relative}.lp-nav-links a:after{content:"";background:var(--agen-primary);height:2px;transition:transform .25s var(--ease-out);border-radius:2px;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.lp-nav-links a:hover{color:var(--text-primary);opacity:1}.lp-nav-links a:hover:after{transform:scaleX(1)}@media (max-width:980px){.lp-nav-links{display:none}}@media (max-width:480px){.lp-nav-login{display:none}}.hero-media{animation:20s ease-in-out infinite alternate heroZoom}@keyframes heroZoom{0%{transform:scale(1)}to{transform:scale(1.045)}}.hero-badge{color:#0058b0;-webkit-backdrop-filter:blur(8px);background:#ffffffbf;border:1px solid #0071e32e;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:18px;padding:7px 14px;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 4px 16px -6px #0071e359}.hero-badge svg{color:#f59e0b}.hero-trust{align-items:center;gap:14px;margin-top:28px;display:flex}.avatar-stack{display:flex}.avatar-stack span{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:-10px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #0000001f}.avatar-stack span:first-child{margin-left:0}.stars{align-items:center;gap:2px;display:inline-flex}.stars b{color:#1d1d1f;margin-left:6px;font-size:.9rem}.hero-trust-text{color:#3a3a3c;margin-top:2px;font-size:.85rem}@media (max-width:900px){.hero-trust{justify-content:center}.hero-badge{margin-left:auto;margin-right:auto}}.btn-shine{overflow:hidden}.btn-shine:after{content:"";background:linear-gradient(110deg,#0000,#ffffff73,#0000);width:40%;animation:3.6s ease-in-out infinite shine;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}@keyframes shine{0%,60%{left:-60%}to{left:130%}}.btn-primary.btn-shine{box-shadow:0 10px 28px -10px #0071e3b3}.btn-primary.btn-shine:hover{transform:translateY(-2px);box-shadow:0 14px 32px -10px #0071e3cc}.lp-section{padding:clamp(64px, 9vw, 110px) var(--page-gutter);position:relative}.lp-tinted{background:linear-gradient(180deg, var(--bg-base), color-mix(in srgb, var(--bg-base) 70%, #eaf3ff))}.lp-heading{text-align:center;max-width:760px;margin:0 auto 56px}.lp-heading h2{letter-spacing:-.035em;text-wrap:balance;margin-top:14px;font-size:clamp(2rem,4.5vw,3.1rem);font-weight:700}.lp-heading p{margin-top:14px;font-size:1.12rem}.lp-eyebrow{color:var(--agen-primary-light);background:var(--bg-tint);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.lp-card{background:var(--bg-surface);border:1px solid var(--border-subtle);transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out), border-color .35s var(--ease-out);border-radius:24px;padding:28px;position:relative;overflow:hidden}.lp-card:hover{border-color:color-mix(in srgb, var(--agen-primary) 30%, transparent);transform:translateY(-6px);box-shadow:0 24px 48px -20px #003ca040}.lp-card h3{margin:18px 0 8px;font-size:1.2rem}.lp-card p{font-size:.95rem;line-height:1.55}.lp-icon{transition:transform .35s var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.lp-card:hover .lp-icon{transform:scale(1.08)rotate(-4deg)}.lp-stat{align-items:center;gap:18px;display:flex}.lp-stat-value{letter-spacing:-.03em;font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:700;line-height:1}.lp-stat-label{color:var(--text-muted);margin-top:6px;font-size:.9rem}.lp-skill-glow{background:radial-gradient(circle, color-mix(in srgb, var(--tone) 28%, transparent), transparent 70%);width:180px;height:180px;transition:transform .5s var(--ease-out);border-radius:50%;position:absolute;bottom:-70px;right:-60px}.lp-skill:hover .lp-skill-glow{transform:scale(1.5)}.lp-bento{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:700px){.lp-bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.lp-bento{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-bento-wide{grid-column:span 2}}.lp-bento-coach{grid-template-columns:1fr;align-items:center;gap:24px;display:grid}@media (min-width:900px){.lp-bento-coach{grid-template-columns:1.1fr 1fr}}.lp-checks{flex-direction:column;gap:10px;margin:18px 0 0;list-style:none;display:flex}.lp-checks li{color:var(--text-primary);align-items:center;gap:10px;font-size:.95rem;display:flex}.lp-checks svg{color:#fff;background:linear-gradient(135deg,#10b981,#14b8a6);border-radius:50%;flex-shrink:0;width:22px;height:22px;padding:3px}.lp-chat{background:linear-gradient(160deg,#eaf3ff,#f5f9ff);border-radius:20px;flex-direction:column;gap:10px;padding:20px;display:flex}.lp-bubble{opacity:0;max-width:88%;animation:bubbleIn .5s var(--ease-out) forwards;border-radius:18px;padding:10px 14px;font-size:.9rem;line-height:1.4}.lp-bubble-ai{color:#1d1d1f;background:#fff;animation-delay:.3s;box-shadow:0 4px 12px #0000000f}.lp-bubble-me{color:#fff;background:#0071e3;align-self:flex-end;animation-delay:1.1s}.lp-bubble-tip{color:#7a4b00;background:#fff7e6;border:1px solid #ffe1a8;flex-wrap:wrap;align-items:flex-start;gap:6px;animation-delay:1.9s;display:flex}.lp-bubble-tip svg{color:#f59e0b;margin-top:3px}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.lp-wave{align-items:center;gap:4px;height:64px;margin-top:22px;display:flex}.lp-wave span{transform-origin:50%;background:linear-gradient(#ec4899,#f97316);border-radius:4px;flex:1;animation:1.1s ease-in-out infinite wave}@keyframes wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.lp-bento-route{grid-template-columns:1fr;align-items:center;gap:28px;display:grid}@media (min-width:900px){.lp-bento-route{grid-template-columns:1fr 1.1fr}}.lp-levels{background:linear-gradient(160deg,#eaf6ff,#f4f9ff);border-radius:20px;padding:28px 24px}.lp-levels-track{background:#0071e31f;border-radius:999px;height:10px;margin-bottom:18px;overflow:hidden}.lp-levels-fill{background:linear-gradient(90deg,#0ea5e9,#2563eb);border-radius:999px;height:100%;display:block}.lp-levels-row{justify-content:space-between;gap:6px;display:flex}.lp-levels-row span{text-align:center;color:#6e6e73;background:#fff;border:1px solid #0000000f;border-radius:12px;flex:1;padding:8px 0;font-size:.85rem;font-weight:600}.lp-levels-row span.done{color:#0058b0;background:#dcebff;border-color:#0000}.lp-levels-row span.current{color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 8px 18px -8px #2563ebb3}.lp-marquee-wrap{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:28px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.lp-marquee{gap:14px;width:max-content;animation:38s linear infinite marquee;display:flex}.lp-marquee-wrap:hover .lp-marquee{animation-play-state:paused}@keyframes marquee{to{transform:translate(calc(-50% - 7px))}}.lp-chip{white-space:nowrap;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:500;display:inline-flex}.lp-chip svg{color:var(--agen-primary)}.lp-steps{position:relative}@media (min-width:1000px){.lp-steps:before{content:"";background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--agen-primary) 45%, transparent) 0 8px, transparent 8px 16px);height:2px;position:absolute;top:58px;left:16%;right:16%}}.lp-step{text-align:center}.lp-step-top{justify-content:center;display:flex;position:relative}.lp-step-num{background:var(--text-primary);color:var(--bg-surface);border-radius:999px;padding:3px 8px;font-size:.75rem;font-weight:700;position:absolute;top:-6px;left:calc(50% + 20px)}.lp-step p{max-width:280px;margin:0 auto}.lp-quote{flex-direction:column;gap:14px;margin:0;display:flex}.lp-quote blockquote{color:var(--text-primary);flex:1;font-size:1.05rem;line-height:1.6}.lp-quote figcaption{align-items:center;gap:12px;display:flex}.lp-quote figcaption b{font-weight:600;display:block}.lp-quote figcaption small{color:var(--text-muted);font-size:.85rem;display:block}.lp-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:inline-flex}.lp-pricing{grid-template-columns:1fr;gap:24px;max-width:920px;margin:0 auto;display:grid}@media (min-width:760px){.lp-pricing{grid-template-columns:repeat(2,minmax(0,1fr))}}.lp-plan{flex-direction:column;padding:36px;display:flex}.lp-plan h3{margin-top:0;font-size:1.4rem}.lp-price{margin:6px 0 4px}.lp-price b{letter-spacing:-.03em;font-size:2.6rem;font-weight:700}.lp-price span{color:var(--text-muted);font-size:.95rem}.lp-plan .lp-checks{flex:1;margin-bottom:28px}.lp-plan-pro{background:linear-gradient(var(--bg-surface), var(--bg-surface)) padding-box, linear-gradient(120deg, #2f80ff, #06b6d4, #8b5cf6, #2f80ff) border-box;background-size:100% 100%,300% 300%;border:2px solid #0000;animation:6s linear infinite borderFlow;box-shadow:0 30px 60px -30px #0050c873}@keyframes borderFlow{to{background-position:0 0,300% 0}}.lp-plan-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:600;display:inline-flex;position:absolute;top:20px;right:20px}.lp-note{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:.9rem;display:flex}.lp-faq{flex-direction:column;gap:12px;max-width:820px;margin:0 auto;display:flex}.lp-faq-item{background:var(--bg-surface);border:1px solid var(--border-subtle);transition:box-shadow .25s var(--ease-out), border-color .25s var(--ease-out);border-radius:18px}.lp-faq-item[open]{border-color:color-mix(in srgb, var(--agen-primary) 35%, transparent);box-shadow:0 12px 30px -18px #0050c859}.lp-faq-item summary{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.lp-faq-item summary::-webkit-details-marker{display:none}.lp-faq-item summary svg{color:var(--text-muted);transition:transform .3s var(--ease-out);flex-shrink:0}.lp-faq-item[open] summary svg{color:var(--agen-primary);transform:rotate(180deg)}.lp-faq-item p{padding:0 24px 22px;line-height:1.65}.lp-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#0058d6 0%,#0a84ff 50%,#22b8f0 100%);border-radius:32px;padding:clamp(56px,8vw,96px) 24px;position:relative;overflow:hidden;box-shadow:0 40px 80px -40px #0050c899}.lp-cta-inner{z-index:1;max-width:680px;margin:0 auto;position:relative}.lp-cta h2{color:#fff;letter-spacing:-.035em;margin:16px 0 14px;font-size:clamp(2rem,5vw,3.2rem);font-weight:700}.lp-cta p{color:#ffffffe0;margin-bottom:32px;font-size:1.15rem}.lp-cta-btn{color:#0058d6;background:#fff;font-weight:600;box-shadow:0 12px 30px -12px #0006}.lp-cta-btn:hover{color:#0058d6;transform:translateY(-2px)}.lp-cta-btn.btn-shine:after{background:linear-gradient(110deg,#0000,#0071e32e,#0000)}.lp-cta-points{color:#ffffffeb;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-top:26px;font-size:.92rem;display:flex}.lp-cta-points span{align-items:center;gap:6px;display:inline-flex}.lp-blob{filter:blur(2px);border-radius:50%;animation:9s ease-in-out infinite blobFloat;position:absolute}.lp-blob-1{background:radial-gradient(circle,#ffffff47,#0000 70%);width:260px;height:260px;top:-90px;left:-60px}.lp-blob-2{background:radial-gradient(circle,#8ce6ff66,#0000 70%);width:320px;height:320px;animation-delay:-3s;bottom:-140px;right:-80px}.lp-blob-3{background:radial-gradient(circle,#ffffff4d,#0000 70%);width:120px;height:120px;animation-delay:-6s;top:30%;right:18%}@keyframes blobFloat{0%,to{transform:translate(0)}50%{transform:translate(20px,-24px)}}.lp-footer{background:var(--bg-base);border-top:1px solid var(--border-subtle);padding:56px var(--page-gutter) 28px}.lp-footer-top{flex-wrap:wrap;justify-content:space-between;gap:40px;margin-bottom:40px;display:flex}.lp-footer-top p{margin-top:14px;font-size:.9rem}.lp-footer-cols{flex-wrap:wrap;gap:32px clamp(40px,8vw,96px);display:flex}.lp-footer-cols div{flex-direction:column;gap:10px;font-size:.9rem;display:flex}.lp-footer-cols b{margin-bottom:4px;font-weight:600}.lp-footer-cols a{color:var(--text-secondary)}.lp-footer-bottom{border-top:1px solid var(--border-subtle);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;font-size:.8rem;display:flex}@media (prefers-reduced-motion:reduce){.hero-media,.btn-shine:after,.lp-wave span,.lp-marquee,.lp-plan-pro,.lp-blob{animation:none}.lp-bubble{opacity:1;animation:none}.lp-card:hover,.lp-card:hover .lp-icon{transform:none}}.review-shell{min-height:100dvh;padding:var(--spacing-lg) var(--page-gutter);flex-direction:column;justify-content:center;align-items:center;display:flex}.review-player{width:100%;max-width:640px;margin:0 auto;padding-bottom:260px}.review-topbar{align-items:center;gap:14px;margin-bottom:clamp(28px,6vh,56px);display:flex}.review-close{color:var(--text-muted);opacity:1;display:flex}.review-close:hover{color:var(--text-primary)}.combo-chip{border-radius:var(--radius-full);background:color-mix(in srgb, var(--agen-accent) 14%, transparent);color:var(--agen-accent);font-variant-numeric:tabular-nums;align-items:center;gap:4px;padding:4px 10px;font-size:.85rem;font-weight:700;display:inline-flex}.review-eyebrow{align-items:center;gap:6px;margin-bottom:14px;display:flex}.review-prompt{letter-spacing:-.03em;color:var(--text-primary);overflow-wrap:anywhere;align-items:center;gap:12px;font-size:clamp(2rem,7vw,3rem);font-weight:700;line-height:1.1;display:flex}.review-prompt.is-sentence{letter-spacing:-.01em;font-size:clamp(1.2rem,3.6vw,1.5rem);font-weight:600;line-height:1.4}.review-speak{background:var(--bg-tint);width:40px;height:40px;color:var(--agen-primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.review-hint{color:var(--text-muted);margin-top:8px;font-size:.95rem}.choice-grid{grid-template-columns:1fr;gap:10px;margin-top:clamp(24px,5vh,40px);display:grid}@media (min-width:520px){.choice-grid.is-2col{grid-template-columns:1fr 1fr}}.choice{text-align:left;border:1.5px solid var(--border-subtle);background:var(--bg-surface);min-height:56px;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast), transform 80ms;border-bottom-width:3px;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;font-family:inherit;font-size:1rem;display:flex}.choice:hover:not(:disabled){border-color:var(--agen-primary);background:var(--bg-tint)}.choice:active:not(:disabled){border-bottom-width:1.5px;transform:translateY(2px)}.choice:disabled{cursor:default}.choice-key{border:1px solid var(--border-medium);width:24px;height:24px;color:var(--text-muted);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.choice[data-state=correct]{border-color:var(--agen-success);background:color-mix(in srgb, var(--agen-success) 10%, transparent);animation:bounce-in .3s var(--ease-out)}.choice[data-state=correct] .choice-key{border-color:var(--agen-success);color:var(--agen-success)}.choice[data-state=wrong]{border-color:var(--agen-secondary);background:color-mix(in srgb, var(--agen-secondary) 8%, transparent);animation:.35s shake}.choice[data-state=muted]{opacity:.45}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.review-typed{gap:10px;margin-top:32px;display:flex}.review-feedback{z-index:1100;padding:20px var(--page-gutter) calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle);background:var(--bg-surface);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #00000014}.review-feedback[data-correct=true]{background:color-mix(in srgb, var(--agen-success) 9%, var(--bg-surface))}.review-feedback[data-correct=false]{background:color-mix(in srgb, var(--agen-secondary) 7%, var(--bg-surface))}.review-feedback-inner{max-width:640px;margin:0 auto}.review-feedback-title{align-items:center;gap:8px;margin-bottom:6px;font-size:1.1rem;font-weight:700;display:flex}.review-feedback[data-correct=true] .review-feedback-title{color:var(--agen-success)}.review-feedback[data-correct=false] .review-feedback-title{color:var(--agen-secondary)}.review-feedback p{color:var(--text-secondary);margin:0 0 6px;font-size:.92rem}.review-example{font-style:italic}.review-schedule{color:var(--text-muted);margin:8px 0 16px;font-size:.85rem}.review-schedule strong{color:var(--text-primary)}.review-end{text-align:center;width:100%;max-width:480px;box-shadow:var(--shadow-md);border:none;flex-direction:column;align-items:center;gap:10px;padding:clamp(24px,5vw,40px);display:flex}.review-end h2{margin:6px 0 0}.review-end p{color:var(--text-secondary);margin:0 0 8px}.review-stat-row{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin:6px 0 14px;display:grid}.review-stat-row div{border-radius:var(--radius-md);background:var(--bg-elevated);flex-direction:column;gap:2px;padding:12px 6px;display:flex}.review-stat-row strong{letter-spacing:-.02em;font-size:1.4rem}.review-stat-row span{color:var(--text-muted);font-size:.75rem}.back-link{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:18px;font-size:.9rem;display:inline-flex}.notebook-head{margin-bottom:var(--spacing-lg);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.notebook-page{min-height:100vh;padding:clamp(24px, 5vw, 48px) var(--page-gutter)}.notebook-stats{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.notebook-stats .card{flex-direction:column;gap:2px;min-width:0;padding:16px 18px;display:flex}.notebook-stats strong{letter-spacing:-.03em;font-size:1.6rem}.notebook-stats span{color:var(--text-muted);font-size:.8rem}.notebook-toolbar{margin-bottom:var(--spacing-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.notebook-search{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);min-width:200px;max-width:320px;color:var(--text-muted);flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.notebook-search input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.92rem}.notebook-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.notebook-item{justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.notebook-item-main{flex:1;min-width:0}.notebook-word{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notebook-word strong{letter-spacing:-.01em;font-size:1.15rem}.notebook-phonetic{color:var(--text-muted);font-size:.85rem}.notebook-meaning{color:var(--text-secondary);margin-top:2px}.notebook-example{color:var(--text-muted);margin-top:4px;font-size:.85rem;font-style:italic}.notebook-question{font-weight:500}.notebook-answer{color:var(--agen-success);align-items:center;gap:6px;margin-top:4px;font-weight:500;display:flex}.notebook-wrong{color:var(--agen-secondary);margin-top:2px;font-size:.85rem;text-decoration:line-through;text-decoration-thickness:1px}.notebook-item-side{flex-shrink:0;align-items:center;gap:14px;display:flex}.notebook-strength{flex-direction:column;gap:6px;width:110px;font-size:.78rem;font-weight:600;display:flex}.notebook-due{width:104px;color:var(--text-muted);font-size:.78rem}.notebook-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:40px 24px;display:flex}.notebook-empty h3{color:var(--text-primary);margin:4px 0 0}.notebook-empty p{max-width:420px;margin:0 0 8px}.icon-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-glass-hover);color:var(--text-primary)}@media (max-width:640px){.notebook-stats .card{padding:12px}.notebook-stats strong{font-size:1.3rem}.notebook-item{flex-direction:column;align-items:stretch}.notebook-item-side{justify-content:space-between}.notebook-strength{flex:1;width:auto}.notebook-due{width:auto}.notebook-search{max-width:none}}.review-card-count{letter-spacing:-.04em;font-size:3rem;font-weight:700;line-height:1}@media (prefers-reduced-motion:reduce){.choice[data-state=correct],.choice[data-state=wrong]{animation:none}}.lesson-shell{min-height:100dvh;padding:var(--spacing-lg) var(--page-gutter) 280px}.lesson-column{max-width:640px;margin:0 auto}.lesson-topbar{align-items:center;gap:14px;margin-bottom:28px;display:flex}.lesson-counter{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:6px;font-size:.88rem;font-weight:500;display:inline-flex}.lesson-intro{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:14px;margin-bottom:20px;padding:14px 18px;font-size:.92rem}.lesson-eyebrow{align-items:center;gap:6px;margin-bottom:12px;display:flex}.lesson-question{overflow-wrap:anywhere;margin:0 0 4px;font-size:clamp(1.15rem,3.4vw,1.4rem);line-height:1.4}.lesson-shell .choice-grid,.lesson-split-questions .choice-grid{margin-top:20px}.choice[data-state=selected]{border-color:var(--agen-primary);background:var(--bg-tint)}.choice[data-state=selected] .choice-key{border-color:var(--agen-primary);color:var(--agen-primary)}.retry-banner{border-radius:var(--radius-full);background:color-mix(in srgb, var(--agen-accent) 14%, transparent);color:var(--agen-accent);align-items:center;gap:6px;margin-bottom:14px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.fill-hint{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:12px;font-size:.88rem;display:flex}.fill-sentence{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:clamp(1.2rem,3.6vw,1.45rem);line-height:2}.fill-gap{text-align:center;border-bottom:2px solid var(--agen-primary);background:var(--bg-elevated);min-width:96px;color:var(--agen-primary);transition:background-color var(--transition-fast), border-color var(--transition-fast);border-radius:8px 8px 2px 2px;margin:0 6px;padding:0 12px;font-weight:600;line-height:1.6;display:inline-block}.fill-gap[data-filled=true]{background:var(--bg-tint)}.fill-gap[data-state=correct]{border-color:var(--agen-success);color:var(--agen-success);background:color-mix(in srgb, var(--agen-success) 10%, transparent)}.fill-gap[data-state=revealed]{border-bottom-style:dashed;border-color:var(--agen-success);color:var(--agen-success);background:color-mix(in srgb, var(--agen-success) 6%, transparent)}.rule-panel{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:16px;margin-bottom:24px;overflow:hidden}.rule-panel-head{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 18px;font-family:inherit;font-size:.95rem;font-weight:600;display:flex}.rule-panel-head span{align-items:center;gap:8px;display:inline-flex}.rule-panel-body{flex-direction:column;gap:12px;padding:0 18px 16px;font-size:.92rem;display:flex}.rule-panel-body p{color:var(--text-secondary);margin:0}.rule-structure{background:var(--bg-tint);color:var(--agen-primary);font-family:var(--font-mono);border-radius:10px;align-self:flex-start;padding:6px 12px;font-size:.85rem}.rule-examples{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rule-examples li{border-left:2px solid var(--border-medium);flex-direction:column;padding-left:12px;display:flex}.rule-examples strong{font-weight:600}.rule-examples span{color:var(--text-muted);font-size:.85rem}.rule-mistakes>div{color:var(--agen-secondary);margin-bottom:4px;font-size:.82rem;font-weight:600}.rule-mistakes ul{color:var(--text-secondary);margin:0;padding-left:18px}.ai-explain-btn{border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--agen-primary) 30%, transparent);background:var(--bg-surface);color:var(--agen-primary);cursor:pointer;align-items:center;gap:6px;margin:4px 0 6px;padding:7px 14px;font-family:inherit;font-size:.88rem;font-weight:600;display:inline-flex}.ai-explain-btn:disabled{cursor:progress;opacity:.75}.ai-explain{background:var(--bg-surface);color:var(--text-primary);border-radius:12px;gap:8px;margin:6px 0;padding:12px 14px;font-size:.9rem;line-height:1.5;display:flex}.ai-explain svg{color:var(--agen-primary);flex-shrink:0;margin-top:3px}.ai-explain-error{color:var(--agen-secondary)!important}.lesson-split-shell{background:var(--bg-base);flex-direction:column;height:100dvh;display:flex}.lesson-split-bar{padding:12px var(--page-gutter);background:var(--bg-nav);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.lesson-split-bar .lesson-topbar{margin:0}.lesson-split{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.lesson-split-passage{border-right:1px solid var(--border-subtle);padding:24px;overflow-y:auto}.lesson-split-questions{padding:24px 24px 280px;overflow-y:auto}@media (max-width:900px){.lesson-split-shell{height:auto;min-height:100dvh}.lesson-split{display:block}.lesson-split-passage{max-height:45vh;padding:16px var(--page-gutter);border-right:none;border-bottom:1px solid var(--border-subtle)}.lesson-split-questions{padding:20px var(--page-gutter) 280px}}.quests-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.quests-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}.quest-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.quest{align-items:center;gap:12px;display:flex}.quest-icon{background:color-mix(in srgb, var(--agen-accent) 12%, transparent);width:38px;height:38px;color:var(--agen-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.quest[data-state=claimed] .quest-icon{background:color-mix(in srgb, var(--agen-success) 12%, transparent);color:var(--agen-success)}.quest-main{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.quest-title{color:var(--text-primary);font-size:.92rem;font-weight:500}a.quest-title:hover{color:var(--agen-primary);opacity:1}.quest[data-state=claimed] .quest-title{color:var(--text-muted);text-decoration:line-through;text-decoration-thickness:1px}.quest-progress{align-items:center;gap:10px;display:flex}.quest-progress .progress-bar{flex:1}.quest-progress .progress-fill{background:var(--agen-accent)}.quest[data-state=claimed] .progress-fill,.quest[data-state=ready] .progress-fill{background:var(--agen-success)}.quest-progress span{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;min-width:34px;font-size:.75rem}.quest-reward{min-width:84px;color:var(--agen-accent);flex-shrink:0;justify-content:flex-end;align-items:center;gap:3px;font-size:.8rem;font-weight:600;display:inline-flex}.quest-claimed{min-width:84px;color:var(--agen-success);flex-shrink:0;justify-content:flex-end;align-items:center;gap:5px;font-size:.82rem;font-weight:500;display:inline-flex}.quest-claim{flex-shrink:0;animation:1.6s ease-in-out infinite pulse-glow}.quests-done{border-radius:var(--radius-md);background:color-mix(in srgb, var(--agen-success) 10%, transparent);color:var(--agen-success);text-align:center;margin-top:14px;padding:10px 12px;font-size:.88rem;font-weight:500}.quests-compact{border-radius:var(--radius-lg);background:var(--bg-elevated);padding:16px}.streak-card{padding:var(--spacing-xl);border-radius:var(--radius-xl);flex-direction:column;gap:16px;display:flex}.streak-top{align-items:center;gap:16px;display:flex}.streak-flame{background:var(--bg-glass-hover);width:56px;height:56px;color:var(--text-muted);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.streak-flame[data-active=true]{background:color-mix(in srgb, var(--agen-secondary) 12%, transparent);color:var(--agen-secondary)}.streak-number{letter-spacing:-.03em;font-size:1.9rem;font-weight:700;line-height:1.1}.streak-number span{letter-spacing:0;color:var(--text-secondary);font-size:.95rem;font-weight:500}.streak-status{color:var(--text-muted);margin-top:2px;font-size:.85rem}.freeze-row{color:var(--text-secondary);align-items:center;gap:10px;font-size:.82rem;display:flex}.freeze-icons{gap:4px;display:inline-flex}.freeze{background:var(--bg-glass-hover);width:26px;height:26px;color:var(--text-muted);opacity:.55;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.freeze[data-on=true]{background:color-mix(in srgb, var(--skill-listening) 14%, transparent);color:var(--skill-listening);opacity:1}.week-head{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.week-days{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.week-day{flex-direction:column;align-items:center;gap:4px;display:flex}.week-dot{border:1.5px dashed var(--border-medium);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.week-day[data-done=true] .week-dot{background:var(--agen-secondary);border:none}.week-day[data-today=true]:not([data-done=true]) .week-dot{border-style:solid;border-color:var(--agen-secondary)}.week-day[data-future=true] .week-dot{opacity:.5}.week-label{color:var(--text-muted);font-size:.72rem;font-weight:500}.week-day[data-today=true] .week-label{color:var(--text-primary);font-weight:700}.week-foot{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:.88rem;display:flex}.week-foot strong{color:var(--text-primary);font-size:1rem}.week-reward{color:var(--text-muted);align-items:center;gap:5px;font-size:.8rem;display:inline-flex}@media (max-width:480px){.quest-reward,.quest-claimed{min-width:0}.streak-number{font-size:1.6rem}}@media (prefers-reduced-motion:reduce){.quest-claim{animation:none}}.reminder-form{flex-direction:column;gap:16px;display:flex}.reminder-loading{color:var(--text-muted);font-size:.88rem}.reminder-hours{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.reminder-hour{border:1.5px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;font-family:inherit;display:flex}.reminder-hour strong{font-variant-numeric:tabular-nums;font-size:1.05rem}.reminder-hour span{color:var(--text-muted);font-size:.72rem}.reminder-hour:hover:not(:disabled){border-color:var(--agen-primary)}.reminder-hour[aria-pressed=true],.reminder-other[data-active=true]{border-color:var(--agen-primary);background:var(--bg-tint)}.reminder-other select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:1rem;font-weight:600}.reminder-channels{flex-direction:column;gap:10px;display:flex}.reminder-channel{background:var(--bg-elevated);color:var(--text-secondary);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}.reminder-channel>div{flex:1;min-width:0}.reminder-channel-title{color:var(--text-primary);font-size:.92rem;font-weight:500}.reminder-channel-sub{color:var(--text-muted);overflow-wrap:anywhere;align-items:center;gap:6px;font-size:.8rem;display:flex}.reminder-foot{color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:.85rem;display:flex}.reminder-foot>span{align-items:center;gap:6px;display:inline-flex}.reminder-notice{color:var(--agen-success);font-size:.85rem}.switch{background:var(--border-medium);cursor:pointer;width:46px;height:28px;transition:background-color var(--transition-fast);border:none;border-radius:999px;flex-shrink:0;position:relative}.switch:after{content:"";width:22px;height:22px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch[aria-checked=true]{background:var(--agen-success)}.switch[aria-checked=true]:after{transform:translate(18px)}.switch:disabled{opacity:.5;cursor:default}.reminder-card{padding:16px 20px}.reminder-card-head{width:100%;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:14px;padding:0;font-family:inherit;display:flex}.reminder-card-title{color:var(--text-primary);font-weight:600;display:block}.reminder-card-sub{color:var(--text-muted);font-size:.85rem;display:block}.reminder-card-action{color:var(--agen-primary);font-size:.9rem;font-weight:600}@media (max-width:560px){.reminder-hours{grid-template-columns:repeat(3,1fr)}}.install-card{background:linear-gradient(135deg, var(--bg-tint), var(--bg-surface));align-items:flex-start;gap:14px;padding:16px 20px;display:flex}.install-icon{border-radius:12px;flex-shrink:0}.install-title{color:var(--text-primary);font-weight:600}.install-sub{color:var(--text-muted);margin-top:2px;font-size:.85rem}.install-steps{color:var(--text-secondary);flex-direction:column;gap:4px;margin:10px 0 0;padding-left:18px;font-size:.88rem;display:flex}.install-steps svg{vertical-align:-2px;color:var(--agen-primary)}.install-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}@media (max-width:480px){.install-card{flex-wrap:wrap}.install-actions{justify-content:space-between;width:100%;padding-left:62px}}@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top)}}.bank-answer{border-bottom:2px solid var(--border-medium);flex-wrap:wrap;gap:8px;min-height:64px;margin-top:18px;padding:10px 0 12px;display:flex}.bank-answer[data-state=correct]{border-color:var(--agen-success)}.bank-answer[data-state=wrong]{border-color:var(--agen-secondary)}.bank-placeholder{color:var(--text-muted);align-self:center;font-size:.9rem;list-style:none}.bank-pool{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.bank-chip{border:1.5px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;transition:transform 80ms, opacity var(--transition-fast);border-bottom-width:3px;border-radius:12px;padding:9px 14px;font-family:inherit;font-size:1rem}.bank-chip:active:not(:disabled){transform:translateY(2px)}.bank-chip[data-used=true]{opacity:0;pointer-events:none}.bank-chip:disabled{cursor:default}.match-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.match-col{flex-direction:column;gap:10px;display:flex}.match-item{text-align:center;justify-content:center;min-height:52px}.match-item[data-state=correct]{opacity:.55;animation:none}.match-hint{color:var(--text-muted);text-align:center;margin-top:14px;font-size:.82rem}.listen-buttons{justify-content:center;align-items:center;gap:14px;margin:20px 0 8px;display:flex}.listen-play,.listen-slow{cursor:pointer;color:#fff;background:var(--agen-primary);box-shadow:0 6px 20px color-mix(in srgb, var(--agen-primary) 35%, transparent);border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.listen-play{width:84px;height:84px}.listen-slow{background:var(--bg-tint);width:48px;height:48px;color:var(--agen-primary);box-shadow:none}.listen-reveal{text-align:center;margin-bottom:4px;font-weight:600}.dictation-input{resize:none;margin-top:16px;font-size:1.1rem}.dictation-input[data-state=correct]{border-color:var(--agen-success)}.dictation-input[data-state=wrong]{border-color:var(--agen-secondary)}.speak-target{flex-wrap:wrap;align-items:center;gap:10px;font-size:clamp(1.3rem,4vw,1.7rem);font-weight:600;line-height:1.35;display:flex}.speak-mic{flex-direction:column;align-items:center;gap:14px;margin-top:24px;display:flex}.mic-button{background:var(--agen-primary);color:#fff;cursor:pointer;width:88px;height:88px;box-shadow:0 6px 20px color-mix(in srgb, var(--agen-primary) 35%, transparent);border:none;border-radius:50%}.mic-button[data-on=true]{background:var(--agen-secondary);animation:1.2s ease-in-out infinite pulse-glow}.speak-transcript{text-align:center;min-height:28px;color:var(--text-secondary);font-size:1.05rem}.speak-transcript[data-state=correct]{color:var(--agen-success)}.speak-transcript[data-state=wrong]{color:var(--agen-secondary)}.speak-unsupported{background:var(--bg-elevated);color:var(--text-secondary);border-radius:12px;margin-top:20px;padding:14px;font-size:.9rem}.dialogue-answer{flex-direction:column;gap:8px;min-height:52px;margin:18px 0 0;padding:0;list-style:none;display:flex}.dialogue-answer[data-state=correct] .dialogue-line{border-color:var(--agen-success)}.dialogue-answer[data-state=wrong] .dialogue-line{border-color:var(--agen-success);border-style:dashed}.dialogue-pool{border-top:1px solid var(--border-subtle);flex-direction:column;gap:8px;margin-top:18px;padding-top:18px;display:flex}.dialogue-line{text-align:left;border:1.5px solid var(--border-subtle);background:var(--bg-surface);width:100%;color:var(--text-primary);cursor:pointer;border-radius:12px;align-items:baseline;gap:6px;padding:12px 14px;font-family:inherit;font-size:.95rem;display:flex}.dialogue-line strong{color:var(--agen-primary);flex-shrink:0}.dialogue-num{background:var(--bg-tint);width:22px;height:22px;color:var(--agen-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){.mic-button[data-on=true]{animation:none}}.app-sidebar{display:none}@media (min-width:900px){.app-sidebar{z-index:900;background:var(--bg-nav);-webkit-backdrop-filter:saturate(180%)blur(20px);border-right:1px solid var(--border-subtle);flex-direction:column;gap:8px;width:232px;padding:20px 12px 16px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.app-content.with-shell{padding-left:232px}}.app-sidebar-brand{opacity:1;padding:4px 10px 14px;display:flex}.app-sidebar nav{flex-direction:column;flex:1;gap:14px;display:flex}.app-sidebar-group{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:2px;margin:0;padding:0 0 14px;list-style:none;display:flex}.app-sidebar-group:last-child{border-bottom:none}.app-sidebar-link{color:var(--text-secondary);opacity:1;transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:.93rem;font-weight:500;display:flex}.app-sidebar-link:hover{background:var(--bg-glass-hover);color:var(--text-primary);opacity:1}.app-sidebar-link[data-active=true]{background:var(--bg-tint);color:var(--agen-primary)}.app-sidebar-me{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);opacity:1;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.app-sidebar-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.app-sidebar-stats{color:var(--text-muted);align-items:center;gap:3px;font-size:.75rem;display:flex}.avatar{background:linear-gradient(135deg, var(--agen-primary), var(--skill-listening));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:inline-flex}.app-tabbar{z-index:1000;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--bg-nav);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:1px solid var(--border-subtle);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.app-tab{color:var(--text-muted);opacity:1;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;font-size:.68rem;font-weight:500;display:flex}.app-tab[data-active=true]{color:var(--agen-primary)}@media (min-width:900px){.app-tabbar{display:none}}@media (max-width:899px){.app-content.with-shell{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}.profile-page{min-height:100vh;padding:clamp(24px, 5vw, 48px) var(--page-gutter)}.profile-page .card{border-radius:var(--radius-xl)}.profile-head{margin-bottom:var(--spacing-md);align-items:center;gap:18px;padding:24px;display:flex}.profile-avatar{width:72px;height:72px;font-size:1.8rem}.profile-name{overflow-wrap:anywhere;align-items:center;gap:6px;margin:0 0 6px;font-size:clamp(1.5rem,4vw,2rem);display:flex}.profile-name-edit{align-items:center;gap:6px;margin-bottom:6px;display:flex}.profile-name-edit .form-input{max-width:320px;font-size:1.2rem;font-weight:600}.profile-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:.88rem;display:flex}.plan-chip{border-radius:var(--radius-full);background:var(--bg-glass-hover);color:var(--text-secondary);padding:3px 10px;font-size:.75rem;font-weight:600}.plan-chip.is-premium{background:color-mix(in srgb, var(--agen-accent) 15%, transparent);color:var(--agen-accent)}.profile-stats{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.profile-stats .card{flex-direction:column;gap:4px;padding:16px 18px;display:flex}.profile-stats strong{letter-spacing:-.03em;font-size:1.7rem;line-height:1.1}.profile-stats small{color:var(--text-muted);font-size:.9rem;font-weight:500}.profile-stats span{color:var(--text-muted);font-size:.78rem}.profile-section{margin-bottom:var(--spacing-md);padding:22px 24px}.profile-section-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.profile-section-head h2{align-items:center;gap:8px;margin:0;font-size:1.15rem;display:flex}.profile-section-head>span{color:var(--text-muted);font-size:.85rem;font-weight:600}.profile-muted{color:var(--text-muted);margin:0;font-size:.85rem}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.badge{background:var(--bg-elevated);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:14px 10px;display:flex}.badge[data-earned=false]{opacity:.45;filter:grayscale()}.badge-icon{font-size:1.8rem;line-height:1.2}.badge-name{font-size:.85rem;font-weight:600}.badge-desc{color:var(--text-muted);font-size:.72rem}.profile-field{border-top:1px solid var(--border-subtle);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;font-size:.92rem;display:flex}.profile-field:first-of-type{border-top:none}.profile-field select{max-width:280px}.profile-stack{gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.profile-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.code-chip{background:var(--bg-elevated);color:var(--text-primary);font-family:var(--font-mono);letter-spacing:2px;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:10px 16px;font-size:1.05rem;font-weight:600;display:inline-flex}.profile-actions{flex-wrap:wrap;gap:10px;display:flex}.profile-danger{color:var(--agen-secondary)}.profile-danger-solid{background:var(--agen-secondary)}.profile-delete{background:color-mix(in srgb, var(--agen-secondary) 6%, var(--bg-surface));border-radius:14px;flex-direction:column;gap:10px;margin-top:16px;padding:16px;display:flex}.profile-delete p{color:var(--text-secondary);margin:0;font-size:.88rem}@media (max-width:640px){.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-head{padding:18px}.profile-avatar{width:56px;height:56px;font-size:1.4rem}}.speak-page{min-height:100vh;padding:clamp(20px, 4vw, 40px) var(--page-gutter) 40px}.speak-column{max-width:680px;margin:0 auto}.speak-head{align-items:center;gap:12px;margin-bottom:14px;display:flex}.speak-head-title{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:600;overflow:hidden}.speak-head-sub{color:var(--text-muted);font-size:.82rem}.persona-avatar{color:#fff;background:linear-gradient(135deg, var(--skill-speaking), #f28c6b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.persona-avatar[data-voice=male]{background:linear-gradient(135deg, var(--agen-primary), var(--skill-listening))}.speak-filters{scrollbar-width:none;gap:8px;margin-bottom:14px;padding-bottom:6px;display:flex;overflow-x:auto}.speak-filters::-webkit-scrollbar{display:none}.speak-filter{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;border-radius:99px;flex-shrink:0;padding:7px 14px;font-family:inherit;font-size:.85rem;font-weight:500}.speak-filter[data-on=true]{background:var(--text-primary);color:var(--bg-surface);border-color:var(--text-primary)}.scenario-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:720px){.scenario-grid{grid-template-columns:1fr 1fr}}.scenario-card{border-radius:var(--radius-lg,16px);border:1px solid var(--border-subtle);background:var(--bg-surface);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);align-items:center;gap:14px;padding:16px 16px 16px 14px;font-family:inherit;display:flex;position:relative}.scenario-card:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.scenario-card:disabled{opacity:.6;cursor:default}.scenario-emoji{text-align:center;flex-shrink:0;width:44px;font-size:1.7rem}.scenario-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.scenario-title{font-weight:600}.scenario-sub{color:var(--text-muted);font-size:.82rem}.scenario-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:.78rem;display:flex}.scenario-flag{background:color-mix(in srgb, var(--agen-accent) 14%, transparent);color:var(--agen-accent);border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.scenario-chevron{color:var(--text-muted);flex-shrink:0}.speak-steps{gap:6px;margin:0 0 18px;padding:0;list-style:none;display:flex}.speak-steps li{background:var(--bg-glass);color:var(--text-muted);border-radius:10px;flex:1;align-items:center;gap:8px;padding:8px 10px;font-size:.82rem;display:flex}.speak-steps li[data-state=active]{background:var(--bg-tint);color:var(--agen-primary-light);font-weight:600}.speak-steps li[data-state=done]{color:var(--agen-success)}.speak-step-num{background:var(--bg-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:inline-flex}.speak-steps li[data-state=active] .speak-step-num{background:var(--agen-primary);color:#fff}.speak-steps li[data-state=done] .speak-step-num{background:var(--agen-success);color:#fff}@media (max-width:480px){.speak-step-label{display:none}.speak-steps li{justify-content:center}}.speak-goal{flex-direction:column;gap:6px;font-size:.92rem;display:flex}.phrase-list{flex-direction:column;gap:8px;display:flex}.phrase-card{border:1px solid var(--border-subtle);background:var(--bg-surface);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:1fr auto;grid-template-areas:"en icon""vi icon";align-items:center;gap:2px 12px;padding:14px 16px;font-family:inherit;display:grid}.phrase-card:hover{border-color:var(--agen-primary);background:var(--bg-tint)}.phrase-en{grid-area:en;font-size:1.02rem;font-weight:600}.phrase-vi{color:var(--text-muted);grid-area:vi;font-size:.86rem}.phrase-icon{color:var(--agen-primary);grid-area:icon}.speak-progress-dots{justify-content:center;gap:6px;margin-bottom:8px;display:flex}.speak-progress-dots span{background:var(--border-subtle);border-radius:3px;width:26px;height:6px}.speak-progress-dots span[data-state=active]{background:var(--agen-primary)}.speak-progress-dots span[data-state=done]{background:var(--agen-success)}.speak-actions{gap:10px;margin-top:20px;display:flex}.speak-transcript{justify-content:center;align-items:center;gap:6px;display:inline-flex}.pron-feedback{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;margin-top:18px;padding:16px}.pron-score{align-items:center;gap:14px;margin-bottom:12px;display:flex}.pron-score-ring{background:conic-gradient(var(--ring,var(--agen-success)) var(--pct), var(--bg-elevated) 0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.05rem;font-weight:700;display:flex}.pron-score-ring span{background:var(--bg-surface);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.pron-feedback[data-tone=good]{--ring:var(--agen-success)}.pron-feedback[data-tone=mid]{--ring:var(--agen-accent)}.pron-feedback[data-tone=low]{--ring:var(--agen-secondary)}.pron-score-label{font-weight:700}.pron-score-sub{color:var(--text-muted);font-size:.82rem}.pron-words{flex-wrap:wrap;gap:6px;display:flex}.pron-word{border:1.5px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:6px 10px;font-family:inherit;font-size:.95rem;font-weight:500;display:inline-flex}.pron-word small{color:var(--text-muted);font-size:.68rem;font-weight:400}.pron-word[data-state=ok]{border-color:color-mix(in srgb, var(--agen-success) 40%, transparent);background:color-mix(in srgb, var(--agen-success) 10%, transparent);color:var(--agen-success)}.pron-word[data-state=wrong]{border-color:color-mix(in srgb, var(--agen-accent) 50%, transparent);background:color-mix(in srgb, var(--agen-accent) 10%, transparent);color:var(--agen-accent)}.pron-word[data-state=missed]{border-color:color-mix(in srgb, var(--agen-secondary) 40%, transparent);background:color-mix(in srgb, var(--agen-secondary) 8%, transparent);color:var(--agen-secondary);text-decoration:line-through}.pron-mode{color:var(--text-muted);align-items:center;gap:4px;margin-top:4px;font-size:.74rem;display:inline-flex}.pron-word[data-open=true]{box-shadow:0 0 0 3px color-mix(in srgb, var(--agen-primary) 20%, transparent)}.pron-phonemes{background:var(--bg-elevated);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding:10px 12px;display:flex}.pron-phonemes-word{color:var(--text-muted);margin-right:4px;font-size:.82rem}.pron-phoneme{background:var(--bg-surface);min-width:34px;color:var(--text-primary);border:1.5px solid var(--border-subtle);border-radius:8px;flex-direction:column;align-items:center;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;font-weight:600;display:inline-flex}.pron-phoneme small{color:var(--text-muted);font-size:.66rem;font-weight:500}.pron-phoneme[data-tone=good]{border-color:color-mix(in srgb, var(--agen-success) 50%, transparent);color:var(--agen-success)}.pron-phoneme[data-tone=mid]{border-color:color-mix(in srgb, var(--agen-accent) 60%, transparent);color:var(--agen-accent)}.pron-phoneme[data-tone=low]{border-color:color-mix(in srgb, var(--agen-secondary) 50%, transparent);color:var(--agen-secondary);background:color-mix(in srgb, var(--agen-secondary) 8%, var(--bg-surface))}.pron-phonemes-hint{width:100%;color:var(--text-muted);font-size:.72rem}.pron-tips{flex-direction:column;gap:10px;margin:14px 0 0;padding:0;font-size:.88rem;list-style:none;display:flex}.pron-tips li{color:var(--text-secondary);align-items:flex-start;gap:8px;display:flex}.pron-tips li svg{color:var(--agen-accent);flex-shrink:0;margin-top:2px}.pron-tips strong{color:var(--text-primary)}.pron-tip-words{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.pron-tip-words button{background:var(--bg-tint);color:var(--agen-primary);cursor:pointer;border:none;border-radius:99px;align-items:center;gap:3px;padding:2px 8px;font-family:inherit;font-size:.78rem;display:inline-flex}.pron-note{color:var(--text-secondary);margin:12px 0 0;font-size:.88rem}.speak-page-chat{padding-bottom:0}.speak-chat{flex-direction:column;min-height:calc(100dvh - 60px);display:flex}.speak-chat-head{z-index:5;background:var(--bg-base);padding-bottom:6px;position:sticky;top:0}.speak-messages{flex-direction:column;flex:1;gap:16px;padding:8px 0 16px;display:flex}.speak-msg{align-items:flex-end;gap:8px;display:flex}.speak-msg[data-role=user]{flex-direction:row-reverse}.speak-msg-body{flex-direction:column;gap:6px;max-width:80%;display:flex}.speak-msg[data-role=user] .speak-msg-body{align-items:flex-end}.speak-bubble{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:18px;padding:11px 15px;line-height:1.45;position:relative}.speak-bubble[data-role=user]{background:var(--agen-primary);color:#fff;border-color:#0000;border-bottom-right-radius:6px}.speak-bubble[data-role=ai]{border-bottom-left-radius:6px;padding-right:38px}.speak-bubble-live{opacity:.65}.speak-bubble-play{background:var(--bg-tint);width:24px;height:24px;color:var(--agen-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:8px;right:8px}.speak-turn-score{color:var(--agen-accent);font-size:.74rem;font-weight:600}.speak-turn-score[data-good=true]{color:var(--agen-success)}.speak-corrected,.speak-feedback{max-width:100%;color:var(--text-secondary);border-radius:12px;align-items:center;gap:6px;padding:7px 11px;font-size:.83rem;display:flex}.speak-corrected{background:color-mix(in srgb, var(--agen-success) 10%, transparent)}.speak-corrected svg:first-child{color:var(--agen-success);flex-shrink:0}.speak-corrected strong{color:var(--text-primary)}.speak-feedback{background:color-mix(in srgb, var(--agen-accent) 10%, transparent);align-items:flex-start}.speak-feedback svg{color:var(--agen-accent);flex-shrink:0;margin-top:3px}.speak-typing{align-items:center;gap:5px;height:42px;display:flex}.speak-typing span{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:.9s ease-in-out infinite typingDot}.speak-typing span:nth-child(2){animation-delay:.15s}.speak-typing span:nth-child(3){animation-delay:.3s}@keyframes typingDot{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.speak-dock{z-index:5;padding:10px 0 calc(14px + env(safe-area-inset-bottom));background:var(--bg-base);border-top:1px solid var(--border-subtle);position:sticky;bottom:0}@media (max-width:767px){.app-content.with-shell .speak-dock{bottom:calc(64px + env(safe-area-inset-bottom));padding-bottom:12px}}.speak-dock-mic{justify-content:center;align-items:center;gap:18px;display:flex}.speak-dock-note{color:var(--text-muted);min-width:110px;font-size:.8rem}.speak-typebar{align-items:center;gap:8px;display:flex}.speak-typebar .form-input{flex:1}.speak-hint{justify-content:center;margin-bottom:10px;display:flex}.speak-hint-btn{border:1px dashed var(--border-medium);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.82rem;display:inline-flex}.speak-hint-body{background:color-mix(in srgb, var(--agen-accent) 10%, transparent);color:var(--text-secondary);border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:.86rem;display:flex}.speak-hint-body svg:first-child{color:var(--agen-accent);flex-shrink:0}.speak-hint-body strong{color:var(--text-primary)}.speak-summary{justify-content:center;gap:24px;display:flex}.speak-summary div{flex-direction:column;display:flex}.speak-summary strong{letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.speak-summary span{color:var(--text-muted);font-size:.78rem}.listen-player{margin-bottom:var(--spacing-md)}.listen-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.listen-toolbar .btn-ghost{margin-left:auto}.listen-transcript{background:var(--bg-elevated);border-radius:12px;max-height:360px;margin-top:18px;padding:14px 16px;overflow-y:auto}.listen-line{border-radius:10px;align-items:flex-start;gap:10px;margin:0 -8px;padding:6px 8px;line-height:1.7;display:flex}.listen-line[data-active=true]{background:var(--bg-tint)}.listen-line-play{background:var(--bg-surface);width:24px;height:24px;color:var(--agen-primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:6px;display:inline-flex}.listen-speaker{color:var(--text-primary);font-weight:600}.tap-word{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 1px}.tap-word:hover{background:var(--bg-tint);color:var(--agen-primary-light)}.tap-word[data-saved=true]{-webkit-text-decoration:underline dotted var(--agen-success);text-decoration:underline dotted var(--agen-success);text-underline-offset:3px}.listen-tip{color:var(--text-muted);margin-top:10px;font-size:.78rem}.word-popover{background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);border-radius:14px;margin-top:12px;padding:14px 16px}.word-popover-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.word-popover-word{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:inherit;font-size:1.1rem;font-weight:700;display:inline-flex}.word-popover-word svg{color:var(--agen-primary)}.word-popover-ipa{color:var(--text-muted);font-size:.85rem;font-weight:400}.word-popover-row{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0;font-size:.92rem;display:flex}.word-pos{background:var(--bg-tint);color:var(--agen-primary);border-radius:99px;padding:1px 7px;font-size:.74rem}.word-popover-actions{align-items:center;gap:8px;margin-top:10px;display:flex}.word-saved{color:var(--agen-success);align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:inline-flex}.shadow-box{background:color-mix(in srgb, var(--skill-listening) 8%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--skill-listening) 30%, transparent);border-radius:14px;margin-top:16px;padding:14px 16px}.shadow-line{margin:8px 0 12px;font-size:1.08rem;font-weight:600;line-height:1.5}.shadow-line strong{color:var(--skill-listening)}.shadow-controls{align-items:center;gap:14px;display:flex}.guest-banner{padding:10px var(--page-gutter);background:color-mix(in srgb, var(--agen-accent) 12%, var(--bg-surface));border-bottom:1px solid color-mix(in srgb, var(--agen-accent) 30%, transparent);color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:.88rem;display:flex}.guest-banner strong{color:var(--text-primary)}.hero-guest-btn{color:var(--text-primary);background:#ffffffd9;border:1px solid #0000001a}.hero-guest-btn:hover{color:var(--text-primary);background:#fff}.league-page{min-height:100vh;padding:clamp(20px, 4vw, 40px) var(--page-gutter) 40px}.league-column{max-width:640px;margin:0 auto}.league-hero{align-items:center;gap:16px;margin-bottom:16px;display:flex}.league-hero-icon{color:#d4a017;background:#d4a01724;border-radius:18px;flex-shrink:0;width:60px;height:60px}.league-reward{border-color:color-mix(in srgb, var(--agen-accent) 40%, transparent);align-items:center;gap:12px;margin-bottom:14px;display:flex}.league-reward>svg{color:var(--agen-accent);flex-shrink:0}.league-reward[data-claimed=true]{opacity:.8}.league-rewards{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.league-reward-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.league-board{margin:0;padding:4px 0;list-style:none}.league-row{border-top:1px solid var(--border-subtle);grid-template-columns:36px 36px 1fr auto auto;align-items:center;gap:10px;padding:10px 16px;display:grid}.league-row:first-child{border-top:none}.league-row[data-me=true]{background:var(--bg-tint)}.league-rank{text-align:center;color:var(--text-muted);justify-content:center;font-weight:700;display:inline-flex}.league-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.league-name small{color:var(--text-muted);font-weight:400}.league-xp{color:var(--agen-accent);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:600;display:inline-flex}.league-empty{text-align:center;color:var(--text-muted);padding:24px 16px}.league-note{color:var(--text-muted);text-align:center;margin-top:12px;font-size:.8rem}.tracks-page{min-height:100vh;padding:clamp(20px, 4vw, 40px) var(--page-gutter) 40px}.tracks-column{max-width:760px;margin:0 auto}.tracks-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:760px){.tracks-grid{grid-template-columns:1fr 1fr}}.track-card{color:var(--text-primary);flex-direction:column;gap:10px;display:flex}.track-card-head{align-items:center;gap:12px;display:flex}.track-emoji{text-align:center;flex-shrink:0;width:48px;font-size:1.8rem}.track-title{font-size:1.05rem;font-weight:600}.track-sub{color:var(--text-muted);font-size:.8rem}.track-desc{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.5}.track-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;display:flex}.track-hero{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.track-modules{gap:14px;display:grid}.track-module-num{background:var(--bg-tint);width:26px;height:26px;color:var(--agen-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.track-lesson{background:var(--bg-elevated);width:100%;color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast), transform var(--transition-fast);border:1.5px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;display:flex}.track-lesson:hover:not(:disabled){border-color:var(--agen-primary)}.track-lesson[data-next=true]{border-color:color-mix(in srgb, var(--agen-primary) 50%, transparent);background:var(--bg-tint)}.track-lesson[data-locked=true]{opacity:.5;cursor:not-allowed}.avatar[data-color]{color:#1d1d1f;line-height:1}.avatar[data-color=sky]{background:linear-gradient(135deg,#bae6fd,#7dd3fc)}.avatar[data-color=mint]{background:linear-gradient(135deg,#bbf7d0,#6ee7b7)}.avatar[data-color=peach]{background:linear-gradient(135deg,#fed7aa,#fdba74)}.avatar[data-color=lilac]{background:linear-gradient(135deg,#e9d5ff,#c4b5fd)}.avatar[data-color=lemon]{background:linear-gradient(135deg,#fef08a,#fde047)}.avatar[data-color=galaxy]{background:radial-gradient(circle at 30% 30%,#818cf8,#312e81 70%)}.avatar[data-frame=leaf]{box-shadow:0 0 0 3px #22c55e,0 0 0 5px #86efac}.avatar[data-frame=star]{box-shadow:0 0 0 3px #f59e0b,0 0 0 5px #fde68a}.avatar[data-frame=gold]{box-shadow:0 0 0 3px #d4a017,0 0 0 6px #fbe7a1,0 4px 12px #d4a01780}.avatar[data-frame=rainbow]{background-clip:padding-box;position:relative;box-shadow:0 0 0 3px #fff}.avatar[data-frame=rainbow]:after{content:"";z-index:-1;background:conic-gradient(#ff5a5f,#f59e0b,#fde047,#22c55e,#38bdf8,#a78bfa,#ff5a5f);border-radius:50%;animation:4s linear infinite avatar-spin;position:absolute;inset:-6px}@keyframes avatar-spin{to{transform:rotate(360deg)}}.gems-badge{border-radius:var(--radius-full);color:#0284c7;opacity:1;font-variant-numeric:tabular-nums;background:#0ea5e91f;align-items:center;gap:5px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.gems-badge svg{color:#0ea5e9}:root{--mascot-body:#6c5ce7;--mascot-face:#f4f1ff;--mascot-dark:#2d2a5a;--mascot-accent:#ffb300;--mascot-blush:#ff8fa3}.mascot{align-items:center;gap:12px;display:inline-flex}.mascot[data-bubble=top]{flex-direction:column-reverse;gap:6px}.mascot-bubble{background:var(--bg-surface);border:2px solid var(--border-medium);max-width:300px;color:var(--text-primary);animation:bubble-in .3s var(--ease-out);border-radius:18px;padding:12px 16px;font-size:.95rem;font-weight:700;line-height:1.35;position:relative}.mascot[data-bubble=right] .mascot-bubble{order:2}.mascot[data-bubble=right] .mascot-bubble:before{content:"";background:inherit;border-left:inherit;border-bottom:inherit;width:14px;height:14px;position:absolute;top:50%;left:-9px;transform:translateY(-50%)rotate(45deg)}.mascot[data-bubble=top] .mascot-bubble:before{content:"";background:inherit;border-left:inherit;border-bottom:inherit;width:14px;height:14px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(-45deg)}@keyframes bubble-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.mascot-corner{z-index:50;pointer-events:none;position:fixed;bottom:88px;right:16px}@media (min-width:900px){.mascot-corner{bottom:24px}}.shop-page{min-height:100vh;padding:clamp(20px, 4vw, 40px) var(--page-gutter) 60px}.shop-column{max-width:860px;margin:0 auto}.shop-hero{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:20px;display:flex}.shop-preview{flex:1;align-items:center;gap:16px;min-width:240px;display:flex}.shop-balance{border-radius:var(--radius-full);color:#0284c7;font-variant-numeric:tabular-nums;background:#0ea5e91f;align-items:center;gap:8px;padding:10px 18px;font-size:1.15rem;font-weight:800;display:inline-flex}.shop-tabs{gap:8px;margin-bottom:14px;display:flex;overflow-x:auto}.shop-tabs button{border-radius:var(--radius-full);border:1.5px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;padding:8px 16px;font-family:inherit;font-size:.9rem;font-weight:600}.shop-tabs button[aria-selected=true]{background:var(--agen-primary);border-color:var(--agen-primary);color:#fff}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.shop-item{border-radius:var(--radius-lg);border:2px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;text-align:center;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;align-items:center;gap:8px;padding:16px 10px 12px;font-family:inherit;display:flex}.shop-item:hover:not(:disabled){border-color:var(--agen-primary);transform:translateY(-2px)}.shop-item[data-equipped=true]{border-color:var(--agen-success);box-shadow:0 0 0 3px color-mix(in srgb, var(--agen-success) 25%, transparent)}.shop-item[data-locked=true]{opacity:.6}.shop-item-name{font-size:.86rem;font-weight:600}.shop-item-price{color:#0284c7;align-items:center;gap:4px;font-size:.8rem;font-weight:700;display:inline-flex}.shop-item-price[data-free=true]{color:var(--agen-success)}.shop-item-owned{color:var(--text-muted);font-size:.75rem}.shop-swatch{border-radius:50%;width:52px;height:52px}.shop-earn{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:24px;display:grid}.shop-earn div{border-radius:var(--radius-md);background:var(--bg-elevated);align-items:center;gap:10px;padding:12px 14px;font-size:.85rem;display:flex}.shop-earn strong{color:#0284c7}.blitz-page{min-height:100vh;padding:clamp(16px, 3vw, 32px) var(--page-gutter) 40px;flex-direction:column;display:flex}.blitz-column{flex-direction:column;flex:1;width:100%;max-width:640px;margin:0 auto;display:flex}.blitz-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.blitz-timer{font-variant-numeric:tabular-nums;color:var(--text-primary);align-items:center;gap:6px;font-size:1.4rem;font-weight:800;display:inline-flex}.blitz-timer[data-urgent=true]{color:var(--agen-secondary);animation:.5s infinite alternate blitz-pulse}@keyframes blitz-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.blitz-track{background:var(--bg-glass);border-radius:99px;height:10px;margin-bottom:24px;overflow:hidden}.blitz-track>div{background:linear-gradient(90deg, var(--agen-primary), var(--skill-listening));border-radius:99px;height:100%;transition:width 1s linear}.blitz-track[data-urgent=true]>div{background:var(--agen-secondary)}.blitz-word{text-align:center;margin:8px 0 24px}.blitz-word h2{letter-spacing:-.02em;margin:0 0 4px;font-size:clamp(2rem,7vw,3rem);font-weight:800}.blitz-word small{color:var(--text-muted);font-family:var(--font-mono);font-size:.95rem}.blitz-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:540px){.blitz-grid{grid-template-columns:1fr 1fr}}.blitz-choice{border:2px solid var(--border-subtle);background:var(--bg-surface);min-height:72px;color:var(--text-primary);cursor:pointer;transition:transform 80ms, border-color var(--transition-fast), background-color var(--transition-fast);border-bottom-width:5px;border-radius:18px;padding:16px 18px;font-family:inherit;font-size:1.1rem;font-weight:600}.blitz-choice:hover:not(:disabled){border-color:var(--agen-primary)}.blitz-choice:active:not(:disabled){border-bottom-width:2px;transform:translateY(3px)}.blitz-choice[data-state=correct]{border-color:var(--agen-success);background:color-mix(in srgb, var(--agen-success) 14%, var(--bg-surface));color:var(--agen-success)}.blitz-choice[data-state=wrong]{border-color:var(--agen-secondary);background:color-mix(in srgb, var(--agen-secondary) 10%, var(--bg-surface));color:var(--agen-secondary)}.blitz-score{align-items:center;gap:10px;display:flex}.blitz-score span{font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-weight:700;display:inline-flex}.blitz-intro,.blitz-result{text-align:center;padding:clamp(24px,5vw,40px)}.blitz-result-score{letter-spacing:-.04em;color:var(--agen-primary);margin:8px 0 12px;font-size:clamp(3rem,10vw,4.5rem);font-weight:800;line-height:1}.blitz-result-badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.blitz-big-btn{padding:16px 32px;font-size:1.1rem}.blitz-card-link{padding:var(--spacing-lg);border-radius:var(--radius-xl);opacity:1;align-items:center;gap:16px;display:flex}.blitz-flash{pointer-events:none;z-index:40;animation:.35s ease-out forwards blitz-flash;position:fixed;inset:0}.blitz-flash[data-ok=true]{background:color-mix(in srgb, var(--agen-success) 22%, transparent)}.blitz-flash[data-ok=false]{background:color-mix(in srgb, var(--agen-secondary) 18%, transparent)}@keyframes blitz-flash{0%{opacity:1}to{opacity:0}}.league-tiers{gap:6px;margin-bottom:14px;display:flex}.league-tier{border-radius:var(--radius-md);background:var(--bg-surface);border:1.5px solid var(--border-subtle);color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 6px;font-size:.78rem;font-weight:600;display:flex}.league-tier[data-active=true]{border-color:var(--tier-color);color:var(--tier-color);background:color-mix(in srgb, var(--tier-color) 10%, var(--bg-surface))}.league-tier-gem{background:var(--tier-color);opacity:.35;border-radius:8px;width:26px;height:26px;transform:rotate(45deg)}.league-tier[data-active=true] .league-tier-gem{opacity:1;box-shadow:0 4px 12px color-mix(in srgb, var(--tier-color) 50%, transparent)}.league-row[data-zone=promote] .league-rank{color:var(--agen-success)}.league-row[data-zone=relegate] .league-rank{color:var(--agen-secondary)}.league-zone-sep{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;padding:4px 16px;font-size:.72rem;font-weight:700;display:flex}.league-zone-sep:before,.league-zone-sep:after{content:"";opacity:.4;background:currentColor;flex:1;height:1px}.league-zone-sep[data-zone=promote]{color:var(--agen-success)}.league-zone-sep[data-zone=relegate]{color:var(--agen-secondary)}.league-row{grid-template-columns:36px 40px 1fr auto auto}.league-move{align-items:center;gap:4px;font-size:.8rem;font-weight:700;display:inline-flex}.league-move[data-move=promoted]{color:var(--agen-success)}.league-move[data-move=relegated],.league-move[data-move=inactive]{color:var(--agen-secondary)}.skin-switch{grid-template-columns:1fr 1fr;gap:10px;display:grid}.skin-option{border-radius:var(--radius-lg);border:2px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;gap:6px;padding:14px;font-family:inherit;display:flex}.skin-option:hover:not(:disabled){transform:translateY(-1px)}.skin-option[aria-pressed=true]{border-color:var(--agen-primary);background:var(--bg-tint)}.skin-option strong{align-items:center;gap:8px;display:flex}.skin-option span{color:var(--text-muted);font-size:.82rem}.skin-option-swatch{gap:4px;display:flex}.skin-option-swatch i{border-radius:5px;width:16px;height:16px}:root[data-skin=vivid]{--agen-primary:#6c5ce7;--agen-primary-light:#5b4bd6;--agen-primary-dark:#4f3fd0;--agen-secondary:#ff5a5f;--agen-accent:#f59e0b;--agen-success:#22c55e;--agen-warning:#f59e0b;--skill-listening:#0ea5e9;--skill-speaking:#ec4899;--skill-reading:#22c55e;--skill-writing:#a855f7;--bg-base:#f3f0ff;--bg-surface:#fff;--bg-elevated:#f6f3ff;--bg-glass:#6c5ce712;--bg-glass-hover:#6c5ce721;--bg-nav:#ffffffd1;--bg-tint:#6c5ce71a;--text-primary:#26224a;--text-secondary:#4f4b76;--text-muted:#7d79a3;--border-subtle:#6c5ce724;--border-medium:#6c5ce747;--shadow-sm:0 2px 6px #6c5ce714;--shadow-md:0 8px 28px #6c5ce724;--shadow-lg:0 16px 48px #6c5ce733;--radius-sm:12px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--font-sans:"Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root[data-skin=vivid]{--agen-primary:#8b7cff;--agen-primary-light:#a397ff;--agen-primary-dark:#6c5ce7;--agen-secondary:#ff6b70;--agen-accent:#fbbf24;--agen-success:#4ade80;--bg-base:#15132b;--bg-surface:#221f3f;--bg-elevated:#2b2750;--bg-glass:#8b7cff1a;--bg-glass-hover:#8b7cff2e;--bg-nav:#1c1937d9;--bg-tint:#8b7cff29;--text-primary:#f3f0ff;--text-secondary:#c9c4f0;--text-muted:#948fc2;--border-subtle:#8b7cff2e;--border-medium:#8b7cff52;--shadow-sm:0 2px 6px #0000004d;--shadow-md:0 8px 28px #0006;--shadow-lg:0 16px 48px #00000080;--mascot-face:#2b2750;--mascot-dark:#f3f0ff}}:root[data-skin=vivid] body{background-color:var(--bg-base);letter-spacing:0;background-image:radial-gradient(circle at 8% 10%,#ffb54738 0,#0000 28%),radial-gradient(circle at 92% 18%,#38bdf833 0,#0000 26%),radial-gradient(circle at 80% 90%,#ec489929 0,#0000 28%),radial-gradient(circle at 15% 85%,#22c55e29 0,#0000 26%);background-attachment:fixed}:root[data-skin=vivid] h1,:root[data-skin=vivid] h2,:root[data-skin=vivid] h3{letter-spacing:-.01em;font-weight:800}:root[data-skin=vivid] .card{box-shadow:var(--shadow-sm);border-width:1.5px}:root[data-skin=vivid] .card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)rotate(-.3deg)}:root[data-skin=vivid] .btn{padding:13px 24px;font-weight:800}:root[data-skin=vivid] .btn-primary{background:linear-gradient(180deg, #7b6cf6, var(--agen-primary));box-shadow:0 4px 0 var(--agen-primary-dark), 0 8px 20px #6c5ce759}:root[data-skin=vivid] .btn-primary:hover{background:linear-gradient(#8678ff,#6c5ce7);transform:translateY(-1px)}:root[data-skin=vivid] .btn-primary:active{box-shadow:0 1px 0 var(--agen-primary-dark);transform:translateY(3px)}:root[data-skin=vivid] .btn-success{box-shadow:0 4px #15803d}:root[data-skin=vivid] .btn-success:active{transform:translateY(3px);box-shadow:0 1px #15803d}:root[data-skin=vivid] .btn-sm{padding:8px 16px}:root[data-skin=vivid] .choice{border-width:2px 2px 5px;border-radius:18px;min-height:64px;font-size:1.05rem;font-weight:700}:root[data-skin=vivid] .choice:active:not(:disabled){border-bottom-width:2px;transform:translateY(3px)}:root[data-skin=vivid] .choice-key{font-weight:800}:root[data-skin=vivid] .icon-tile{border-radius:16px}:root[data-skin=vivid] .eyebrow{color:var(--agen-primary);font-weight:800}:root[data-skin=vivid] .xp-badge,:root[data-skin=vivid] .streak-badge,:root[data-skin=vivid] .level-badge,:root[data-skin=vivid] .gems-badge{padding:5px 12px;font-weight:800}:root[data-skin=vivid] .xp-badge{background:color-mix(in srgb, var(--agen-accent) 16%, transparent);color:#b45309}:root[data-skin=vivid] .streak-badge{background:color-mix(in srgb, var(--agen-secondary) 14%, transparent);color:#c53030}:root[data-skin=vivid] .progress-bar{border-radius:99px;height:12px}:root[data-skin=vivid] .progress-fill{background-image:linear-gradient(90deg,#fff0 0,#ffffff59 50%,#fff0 100%);background-size:200% 100%;border-radius:99px;animation:2.4s linear infinite shimmer}:root[data-skin=vivid] .app-sidebar-link{border-radius:14px;font-weight:700}:root[data-skin=vivid] .app-sidebar-link[data-active=true]{background:linear-gradient(135deg,#6c5ce729,#0ea5e924)}:root[data-skin=vivid] .app-tab{font-weight:800}:root[data-skin=vivid] .app-tab[data-active=true] svg{filter:drop-shadow(0 2px 6px #6c5ce773)}:root[data-skin=vivid] .review-feedback[data-correct=true]{background:color-mix(in srgb, var(--agen-success) 14%, var(--bg-surface))}:root[data-skin=vivid] .review-feedback-title{font-size:1.15rem;font-weight:800}:root[data-skin=vivid] .combo-chip{animation:combo-pop .4s var(--ease-out);font-size:.95rem;font-weight:900}@keyframes combo-pop{0%{transform:scale(.7)}60%{transform:scale(1.15)}to{transform:scale(1)}}:root[data-skin=vivid] .form-input{border-radius:14px}:root[data-skin=vivid] .badge[data-earned=true]{background:linear-gradient(135deg,#f59e0b24,#ec48991a)}:root[data-skin=vivid] .track-lesson,:root[data-skin=vivid] .shop-item,:root[data-skin=vivid] .blitz-choice{font-weight:700}:root[data-skin=vivid] .blitz-choice{border-radius:22px;min-height:80px;font-size:1.2rem}:root[data-skin=vivid] .league-row[data-me=true]{background:linear-gradient(90deg,#6c5ce724,#0ea5e91a)}@media (prefers-reduced-motion:reduce){:root[data-skin=vivid] .progress-fill,.avatar[data-frame=rainbow]:after,.combo-chip{animation:none}}.alert-success{border-radius:var(--radius-md);background:color-mix(in srgb, var(--agen-success) 12%, transparent);color:var(--agen-success);align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;font-weight:600;display:flex}.lesson-mascot{margin-bottom:10px}.feedback-mascot{float:right;margin:-6px 0 0 8px}.shop-mascot,.league-mascot{margin-top:12px}:root[data-skin=vivid] .profile-stats .card strong{color:var(--agen-primary)}.dash-greeting{margin-bottom:6px;font-size:clamp(1.45rem,5.5vw,2.5rem);line-height:1.15}@media (max-width:480px){.mascot-bubble{max-width:240px;font-size:.88rem}}@media (max-width:600px){.dash-head{flex-wrap:wrap}.dash-head-actions{order:0;margin-left:auto}.dash-head-main{flex-basis:100%;order:1}}:root{--ring-track:#00000012;--hero-bg:linear-gradient(135deg, #0b1530 0%, #0f2a5c 48%, #0a4d8c 100%);--hero-text:#fff;--hero-muted:#ffffffb8;--hero-chip:#ffffff1f;--hero-chip-border:#ffffff2e;--glow-primary:#0071e359}@media (prefers-color-scheme:dark){:root{--ring-track:#ffffff1a;--hero-bg:linear-gradient(135deg, #0a0f1f 0%, #101c3f 48%, #0b3a6b 100%)}}:root[data-skin=vivid]{--ring-track:#6c5ce71f;--hero-bg:linear-gradient(135deg, #6c5ce7 0%, #8b5cf6 45%, #ec4899 100%);--glow-primary:#6c5ce766}:root:not([data-skin=vivid]) body{background-image:radial-gradient(900px 500px at 100% -10%,#0071e312 0,#0000 60%),radial-gradient(700px 400px at -10% 100%,#0a84c60f 0,#0000 60%);background-attachment:fixed}:root:not([data-skin=vivid]) .card{box-shadow:0 1px 2px #00000008}:root:not([data-skin=vivid]) .card-hover:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb, var(--agen-primary) 30%, var(--border-subtle));transform:translateY(-3px)}:root:not([data-skin=vivid]) .btn-primary{background:linear-gradient(135deg, #1a8cff 0%, var(--agen-primary) 60%, #0062c4 100%);box-shadow:0 6px 18px -8px var(--glow-primary);overflow:hidden}:root:not([data-skin=vivid]) .btn-primary:after{content:"";background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:50%;transition:left .5s;position:absolute;top:0;bottom:0;left:-70%;transform:skew(-18deg)}:root:not([data-skin=vivid]) .btn-primary:hover:after{left:130%}:root:not([data-skin=vivid]) .btn-primary:hover{box-shadow:0 10px 24px -8px var(--glow-primary);transform:translateY(-1px)}:root:not([data-skin=vivid]) .btn-ghost{border-color:var(--border-subtle)}:root:not([data-skin=vivid]) .app-sidebar-link{transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);position:relative}:root:not([data-skin=vivid]) .app-sidebar-link:hover{transform:translate(2px)}:root:not([data-skin=vivid]) .app-sidebar-link[data-active=true]:before{content:"";background:linear-gradient(180deg, #1a8cff, var(--agen-primary));border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:-12px}:root:not([data-skin=vivid]) .app-sidebar-me:hover{border-color:color-mix(in srgb, var(--agen-primary) 35%, var(--border-subtle))}:root:not([data-skin=vivid]) .eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.text-gradient{background:linear-gradient(135deg, var(--agen-primary), var(--skill-listening));color:#0000;-webkit-background-clip:text;background-clip:text}.pro-hero{border-radius:var(--radius-xl);background:var(--hero-bg);color:var(--hero-text);margin-bottom:var(--spacing-md);grid-template-columns:1fr;gap:24px;padding:clamp(24px,4vw,40px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px -30px #0a28648c}@media (min-width:900px){.pro-hero{grid-template-columns:1.4fr 1fr;align-items:center}}.pro-hero:before,.pro-hero:after{content:"";filter:blur(40px);pointer-events:none;opacity:.55;border-radius:50%;position:absolute}.pro-hero:before{background:radial-gradient(circle,#38bdf8,#0000 65%);width:360px;height:360px;animation:14s ease-in-out infinite alternate orb-a;top:-140px;right:-80px}.pro-hero:after{background:radial-gradient(circle,#6c5ce7,#0000 65%);width:300px;height:300px;animation:18s ease-in-out infinite alternate orb-b;bottom:-180px;left:30%}@keyframes orb-a{to{transform:translate(-40px,30px)scale(1.1)}}@keyframes orb-b{to{transform:translate(60px,-20px)scale(.9)}}.pro-hero>*{z-index:1;position:relative}.pro-hero h1,.pro-hero h2,.pro-hero h3{color:var(--hero-text)}.pro-hero p,.pro-hero .eyebrow{color:var(--hero-muted)}.pro-hero-chips{flex-wrap:wrap;gap:8px;margin:12px 0 18px;display:flex}.pro-chip{background:var(--hero-chip);border:1px solid var(--hero-chip-border);color:var(--hero-text);-webkit-backdrop-filter:blur(8px);opacity:1;font-variant-numeric:tabular-nums;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.pro-chip svg{opacity:.9}.pro-hero .btn-primary{color:#0b1530;background:#fff;box-shadow:0 10px 30px -10px #00000080}.pro-hero .btn-primary:hover{color:#0b1530;background:#f2f7ff}.pro-hero .btn-ghost{background:var(--hero-chip);color:#fff;border:1px solid var(--hero-chip-border)}.pro-hero .btn-ghost:hover{color:#fff;background:#fff3}.pro-hero-next{border:1px solid var(--hero-chip-border);-webkit-backdrop-filter:blur(10px);background:#ffffff14;border-radius:18px;padding:18px 20px}.pro-hero-next h3{align-items:center;gap:8px;margin:4px 0;font-size:1.15rem;display:flex}.pro-hero-next p{margin:0 0 14px;font-size:.88rem}.pro-hero-rings{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.pro-hero-rings .skill-ring-label{color:var(--hero-muted)}.pro-hero-rings .skill-ring-center strong{color:#fff}:root[data-skin=vivid] .pro-hero{box-shadow:0 24px 60px -30px #6c5ce799}.skill-ring{flex-direction:column;align-items:center;gap:6px;display:flex}.skill-ring-center{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.skill-ring-center strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:.95rem}.skill-ring-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.stat-card{padding:20px;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--stat-color,var(--agen-primary)), transparent);opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.stat-card .icon-tile{background:color-mix(in srgb, var(--stat-color,var(--agen-primary)) 12%, transparent);width:38px;height:38px;color:var(--stat-color,var(--agen-primary));border-radius:12px;margin-bottom:14px}.stat-value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.85rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);margin-top:6px;font-size:.8rem}:root:not([data-skin=vivid]) .stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.quick-tile{opacity:1;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.quick-tile .icon-tile{background:linear-gradient(135deg, var(--qt-a), var(--qt-b));color:#fff;width:42px;height:42px;box-shadow:0 8px 18px -8px var(--qt-a);border-radius:13px}.quick-tile svg.chev{color:var(--text-muted);transition:transform var(--transition-fast), color var(--transition-fast)}.quick-tile:hover svg.chev{color:var(--agen-primary);transform:translate(4px)}.section-head{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section-head h3{margin:0}.section-head a{align-items:center;gap:4px;font-size:.88rem;font-weight:600;display:inline-flex}:root:not([data-skin=vivid]) .profile-head,:root:not([data-skin=vivid]) .league-hero{background-image:linear-gradient(135deg, color-mix(in srgb, var(--agen-primary) 7%, var(--bg-surface)), var(--bg-surface) 60%)}@media (prefers-reduced-motion:reduce){.pro-hero:before,.pro-hero:after{animation:none}:root:not([data-skin=vivid]) .btn-primary:after{display:none}}.mascot-speak{background:var(--bg-tint);width:26px;height:26px;color:var(--agen-primary);cursor:pointer;vertical-align:middle;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:8px;display:inline-flex}.mascot-speak:hover{background:var(--bg-glass-hover)}.band-card{border-color:color-mix(in srgb, var(--agen-primary) 35%, var(--border-subtle))}.band-score{letter-spacing:-.04em;margin-bottom:14px;font-size:3.2rem;font-weight:700;line-height:1}.band-score small{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted);margin-left:4px;font-size:1.1rem;font-weight:500}.band-criteria{grid-template-columns:1fr 1fr;gap:12px 18px;display:grid}@media (max-width:480px){.band-criteria{grid-template-columns:1fr}}.pro-hero{grid-template-columns:minmax(0,1fr)}@media (min-width:900px){.pro-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.pro-hero-rings{grid-template-columns:repeat(4,minmax(0,1fr))}.pro-hero-rings .skill-ring{max-width:96px;margin:0 auto;width:100%!important}.pro-hero-rings .skill-ring>div{aspect-ratio:1;width:100%!important;height:auto!important}.pro-hero-rings .skill-ring>div>svg{width:100%;height:100%}.pro-hero-rings .skill-ring-center svg{width:16px;height:16px}.pro-hero .eyebrow,:root[data-skin=vivid] .pro-hero .eyebrow{color:var(--hero-muted)}:root[data-skin=vivid] .pro-hero .btn-primary{color:#4f3fd0;background:#fff;box-shadow:0 4px #0000001f,0 10px 24px -10px #00000080}.friends-page{min-height:100vh;padding:clamp(20px, 4vw, 40px) var(--page-gutter) 40px}.friends-column{max-width:680px;margin:0 auto}.friends-hero{align-items:center;gap:16px;display:flex}.friend-card{gap:12px;display:grid}.friend-card[data-done=true]{border-color:color-mix(in srgb, var(--agen-success) 45%, var(--border-subtle))}.friend-head{align-items:center;gap:12px;display:flex}.friend-quest{border-radius:var(--radius-md);background:var(--bg-elevated);padding:12px 14px}.duo-bar{background:var(--bg-glass-hover);border-radius:99px;height:10px;display:flex;overflow:hidden}.duo-bar span{background:var(--agen-primary);height:100%;transition:width .6s var(--ease-out);display:block}.duo-bar span[data-friend]{background:var(--skill-listening)}.report-page{min-height:100vh;padding:clamp(16px, 3vw, 32px) var(--page-gutter) 48px;background:var(--bg-base)}.report-toolbar{justify-content:space-between;align-items:center;gap:12px;max-width:800px;margin:0 auto 16px;display:flex}.report-sheet{color:#1d1d1f;max-width:800px;box-shadow:var(--shadow-md);background:#fff;border-radius:16px;margin:0 auto;padding:clamp(24px,4vw,44px)}.report-head{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.report-sheet .eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#86868b;font-size:.72rem}.report-title{color:#1d1d1f;margin:0 0 4px;font-size:2rem}.report-sub{color:#515154;margin-bottom:20px;font-size:.9rem}.report-kpis{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:24px;display:grid}.report-kpi{background:#f5f5f7;border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.report-kpi strong{letter-spacing:-.02em;color:#1d1d1f;font-size:1.4rem;line-height:1.1}.report-kpi span{color:#86868b;font-size:.72rem}.report-section{margin-bottom:22px}.report-section h2{color:#1d1d1f;margin:0 0 12px;font-size:1.1rem}.report-skills{grid-template-columns:1fr 1fr;gap:10px 20px;display:grid}.report-bar{background:#e8e8ed;border-radius:99px;height:8px;overflow:hidden}.report-bar span{border-radius:99px;height:100%;display:block}.report-notes{gap:10px;display:grid}.report-notes>div{background:#f5f5f7;border-radius:12px;padding:12px 14px}.report-notes h3{color:#1d1d1f;align-items:center;gap:6px;margin:0 0 4px;font-size:.92rem;display:flex}.report-notes p{color:#515154;margin:0;font-size:.9rem;line-height:1.55}.report-foot{color:#86868b;border-top:1px solid #0000001a;margin-top:24px;padding-top:12px;font-size:.75rem}@media (max-width:600px){.report-kpis{grid-template-columns:repeat(2,1fr)}.report-skills{grid-template-columns:1fr}}@media print{@page{margin:14mm}body{background:#fff!important}.no-print,.app-tabbar,.app-sidebar,.mascot,.mascot-corner{display:none!important}.report-page{background:#fff;padding:0}.report-sheet{box-shadow:none;border-radius:0;max-width:none;padding:0}.report-kpi,.report-notes>div{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.lp-hero{background:var(--hero-bg);color:#fff;position:relative;overflow:hidden}.lp-hero-orb{filter:blur(50px);opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.lp-hero-orb-a{background:radial-gradient(circle,#38bdf8,#0000 65%);width:520px;height:520px;animation:16s ease-in-out infinite alternate orb-a;top:-220px;right:-140px}.lp-hero-orb-b{background:radial-gradient(circle,#6c5ce7,#0000 65%);width:420px;height:420px;animation:20s ease-in-out infinite alternate orb-b;bottom:-260px;left:20%}.lp-hero-orb-c{opacity:.3;background:radial-gradient(circle,#22c55e,#0000 65%);width:300px;height:300px;animation:24s ease-in-out infinite alternate-reverse orb-a;top:10%;left:-120px}.lp-hero-inner{z-index:1;padding:clamp(56px, 8vw, 110px) var(--page-gutter) clamp(56px, 8vw, 96px);grid-template-columns:minmax(0,1fr);align-items:center;gap:40px;max-width:1280px;margin:0 auto;display:grid;position:relative}@media (min-width:960px){.lp-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.lp-hero-copy{padding-right:8px}}.lp-hero-copy h1{color:#fff;letter-spacing:-.04em;margin-bottom:20px;font-size:clamp(2.3rem,4.6vw,4.25rem);font-weight:700;line-height:1.06}.lp-hero-copy p{color:#ffffffc7;max-width:600px;margin-bottom:32px;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.5}.lp-hero .hero-badge{color:#fff;box-shadow:none;background:#ffffff1f;border-color:#fff3}.lp-hero .hero-badge svg{color:#ffd60a}.lp-hero .btn-primary{color:#0b1530;background:#fff;box-shadow:0 12px 30px -10px #0000008c}.lp-hero .btn-primary:hover{color:#0b1530;background:#f2f7ff}.lp-hero .hero-guest-btn{color:#fff;background:#ffffff1f;border-color:#ffffff38}.lp-hero .hero-guest-btn:hover{color:#fff;background:#fff3}.lp-hero .hero-link{color:#bfdbfe}.lp-hero .stars b,.lp-hero .hero-trust-text{color:#ffffffd9}.lp-hero .avatar-stack span{border-color:#fff6}@media (max-width:959px){.lp-hero-copy{text-align:center}.lp-hero-copy p{margin-left:auto;margin-right:auto}.lp-hero .hero-actions,.lp-hero .hero-trust{justify-content:center}.lp-hero .hero-badge{margin-left:auto;margin-right:auto}}.lp-mock{-webkit-backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:24px;gap:14px;width:100%;max-width:480px;margin:0 auto;padding:20px;display:grid;box-shadow:0 30px 70px -30px #0009}.lp-mock-head{align-items:center;gap:12px;display:flex}.lp-mock-avatar{color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:inline-flex}.lp-mock-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#ffffffa6;align-items:center;gap:4px;font-size:.7rem;display:flex}.lp-mock-title{letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.lp-mock-chips{flex-wrap:wrap;gap:6px;display:flex}.lp-mock-chips span{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:99px;align-items:center;gap:5px;padding:5px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.lp-mock-rings{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px 0;display:grid}.lp-mock-rings .skill-ring-label{color:#ffffffb3}.lp-mock-rings .skill-ring-center strong{color:#fff;font-size:.85rem}.lp-mock-rings .skill-ring{max-width:84px;margin:0 auto;width:100%!important}.lp-mock-rings .skill-ring>div{aspect-ratio:1;width:100%!important;height:auto!important}.lp-mock-rings .skill-ring>div>svg{width:100%;height:100%}.lp-mock-next{background:#ffffff1a;border:1px solid #ffffff29;border-radius:16px;gap:6px;padding:12px 14px;display:grid}.lp-mock-lesson{align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.lp-mock-btn{color:#0b1530;background:#fff;border-radius:99px;justify-self:start;align-items:center;gap:4px;margin-top:2px;padding:7px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.lp-hero{--ring-track:#ffffff24}.lp-pricing{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-width:1120px}.teacher-page{min-height:100vh;padding:clamp(24px, 5vw, 48px) var(--page-gutter);background:var(--bg-base)}.teacher-column{max-width:960px;margin:0 auto}.teacher-table{border-collapse:collapse;width:100%;font-size:.9rem}.teacher-table th,.teacher-table td{text-align:left;white-space:nowrap;border-top:1px solid var(--border-subtle);padding:10px 14px}.teacher-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-top:none;font-size:.72rem}.assignment-row{border-radius:var(--radius-md);background:var(--bg-elevated);align-items:center;gap:12px;padding:10px 12px;display:flex}.assignment-row[data-done=true]{opacity:.75}.assignment-row[data-overdue=true]{background:color-mix(in srgb, var(--agen-secondary) 7%, var(--bg-elevated))}.exam-card{flex-direction:column;display:flex}.exam-page{background:var(--bg-base);min-height:100vh;padding:0 var(--page-gutter) 48px}.exam-column{max-width:820px;margin:0 auto;padding-top:20px}.exam-topbar{z-index:20;margin:0 calc(-1 * var(--page-gutter));padding:10px var(--page-gutter);background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.exam-clock{border-radius:var(--radius-full);background:var(--bg-tint);color:var(--agen-primary);font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:5px 12px;font-weight:600;display:inline-flex}.exam-clock[data-low=true]{background:color-mix(in srgb, var(--agen-secondary) 14%, transparent);color:var(--agen-secondary);animation:1s ease-in-out infinite exam-pulse}@keyframes exam-pulse{0%,to{opacity:1}50%{opacity:.55}}.exam-audio{border-radius:var(--radius-md);background:var(--bg-tint);color:var(--agen-primary);align-items:center;gap:10px;padding:10px 14px;display:flex}.exam-passage{white-space:pre-line;border-radius:var(--radius-md);background:var(--bg-elevated);max-height:420px;padding:14px 16px;font-size:.95rem;line-height:1.65;overflow:auto}.exam-q .choice-grid{grid-template-columns:1fr}.exam-result-hero{text-align:center;justify-items:center;gap:6px;display:grid}.exam-result-band{letter-spacing:-.04em;background:linear-gradient(135deg, var(--agen-primary), var(--skill-writing));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.2rem,7vw,3.2rem);font-weight:700}.exam-sections{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:center;gap:18px;width:100%;margin-top:12px;padding-top:12px;display:flex}.exam-sections strong{font-size:1.1rem}.exam-review{border-radius:var(--radius-md);background:var(--bg-elevated);border-left:3px solid var(--agen-success);padding:10px 12px}.exam-review[data-ok=false]{border-left-color:var(--agen-secondary)}.exam-review-mark{background:color-mix(in srgb, var(--agen-success) 15%, transparent);width:22px;height:22px;color:var(--agen-success);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.exam-review[data-ok=false] .exam-review-mark{background:color-mix(in srgb, var(--agen-secondary) 15%, transparent);color:var(--agen-secondary)}.exam-transcript{color:var(--text-secondary);font-size:.85rem}.exam-transcript summary{cursor:pointer;color:var(--agen-primary);font-weight:600}.exam-transcript p{margin:6px 0 0}.chat-log{gap:12px;margin-top:14px;display:grid}.chat-row{align-items:flex-end;gap:8px;display:flex}.chat-row.is-user{justify-content:flex-end}.chat-avatar{flex-shrink:0;align-items:flex-end;width:36px;height:36px;display:flex}.chat-avatar .mascot{margin:0}.chat-bubble{background:var(--agen-primary);color:#fff;border-radius:18px 18px 6px;max-width:85%;padding:10px 14px;font-size:.92rem;line-height:1.5}.chat-bubble.is-bo{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-bottom-right-radius:18px;border-bottom-left-radius:6px}.chat-bubble p{margin:0}.chat-rule{background:var(--bg-tint);color:var(--agen-primary);border-radius:10px;margin-top:8px;padding:8px 10px;font-size:.85rem;font-weight:600}.chat-examples{gap:6px;margin:8px 0 0;padding:0;font-size:.88rem;list-style:none;display:grid}.chat-examples li{align-items:flex-start;gap:6px;display:flex}.chat-examples .icon-btn{flex-shrink:0;width:26px;height:26px}.chat-mistake{color:var(--text-secondary);margin-top:8px;font-size:.85rem}.chat-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chat-chip{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);font:inherit;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;display:inline-flex}.chat-chip:hover{border-color:var(--agen-primary);background:var(--bg-tint)}.chat-input{bottom:calc(var(--tabbar-height,0px) + 10px);background:var(--bg-base);gap:8px;padding-top:8px;display:flex;position:sticky}.chat-input .form-input{flex:1}.chat-typing{align-items:center;gap:4px;padding:14px 16px;display:inline-flex}.chat-typing span{background:var(--text-muted);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite chat-dot}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}@keyframes chat-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}:root[data-skin=vivid] .chat-bubble{background:var(--agen-primary)}.report-h2{color:#1d1d1f;margin:22px 0 10px;font-size:1.05rem}.report-table{border-collapse:collapse;color:#1d1d1f;width:100%;font-size:.85rem}.report-table th,.report-table td{text-align:left;border-bottom:1px solid #e5e5ea;padding:8px 10px}.report-table th{text-transform:uppercase;letter-spacing:.06em;color:#86868b;font-size:.7rem}@media print{.report-table th,.report-table td{padding:6px 8px}.exam-topbar{display:none}}.lp-hero-scene{min-height:520px;position:relative}.h3d{perspective:1100px;perspective-origin:50% 45%;position:absolute;inset:0}.h3d-stage{transform-style:preserve-3d;scale:var(--fit,1);inset:0;left:calc(var(--fit,1) * -76px);position:absolute}.h3d-stage>*{transform-style:preserve-3d;position:absolute;top:50%;left:50%}.h3d-floor{background:linear-gradient(90deg,#7dd3fc6b 2px,#0000 2px) 0 0/90px 90px,linear-gradient(#7dd3fc6b 2px,#0000 2px) 0 0/90px 90px,radial-gradient(40% 30% at 50% 35%,#38bdf847,#0000 70%);width:1600px;height:1100px;animation:5s linear infinite h3d-floor;top:78%;transform:translate(-50%,-50%)translateZ(-160px)rotateX(75deg);-webkit-mask-image:radial-gradient(50% 60% at 50% 40%,#000 25%,#0000 72%);mask-image:radial-gradient(50% 60% at 50% 40%,#000 25%,#0000 72%)}@keyframes h3d-floor{to{background-position:0 90px,0 90px,0 0}}.h3d-glow{--z:-120px;background:radial-gradient(circle,#38bdf859,#6c5ce72e 45%,#0000 70%);border-radius:50%;width:420px;height:420px;animation:5s ease-in-out infinite h3d-pulse;translate:-50% -50%}.h3d-letter{left:calc(50% + var(--x));top:calc(50% + var(--y));color:#ffffff59;text-shadow:0 0 12px #7dd3fc99;letter-spacing:.02em;animation:h3d-float var(--t) ease-in-out infinite;animation-delay:var(--d);font-weight:700;translate:-50% -50%}@keyframes h3d-float{0%,to{transform:translateZ(var(--z,0px)) translateY(0) rotate(-6deg);opacity:.35}50%{transform:translateZ(var(--z,0px)) translateY(-18px) rotate(6deg);opacity:.9}}.h3d-core{width:170px;height:170px;translate:-50% -50%}.h3d-ring{transform-style:preserve-3d;border:2px solid #ffffff59;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 18px #7dd3fc40,inset 0 0 18px #7dd3fc26}.h3d-ring:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:-6px;left:50%;box-shadow:0 0 16px 4px #7dd3fce6}.h3d-ring-a{animation:9s linear infinite h3d-ring-a}.h3d-ring-b{border-color:#a78bfa80;animation:13s linear infinite h3d-ring-b;inset:-14px}.h3d-ring-b:after{background:#c4b5fd;box-shadow:0 0 16px 4px #a78bfae6}.h3d-ring-c{border-color:#34d39973;animation:17s linear infinite h3d-ring-c;inset:-30px}.h3d-ring-c:after{background:#6ee7b7;box-shadow:0 0 16px 4px #34d399e6}@keyframes h3d-ring-a{0%{transform:rotateY(72deg)rotate(0)}to{transform:rotateY(72deg)rotate(360deg)}}@keyframes h3d-ring-b{0%{transform:rotateX(70deg)rotateY(20deg)rotate(0)}to{transform:rotateX(70deg)rotateY(20deg)rotate(-360deg)}}@keyframes h3d-ring-c{0%{transform:rotateX(-56deg)rotateY(-36deg)rotate(0)}to{transform:rotateX(-56deg)rotateY(-36deg)rotate(360deg)}}.h3d-orb{color:#fff;background:radial-gradient(circle at 35% 30%,#bae6fd 0%,#38bdf8 22%,#2563eb 58%,#1e1b4b 100%);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin:-48px 0 0 -48px;animation:4s ease-in-out infinite h3d-pulse;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 0 46px 12px #38bdf873,inset -10px -14px 30px #00000059,inset 8px 10px 24px #ffffff40}@keyframes h3d-pulse{0%,to{transform:translateZ(var(--z,0px)) scale(1)}50%{transform:translateZ(var(--z,0px)) scale(1.06)}}.h3d-xp{color:#0b1530;white-space:nowrap;opacity:0;background:#ffd60a;border-radius:99px;padding:4px 10px;font-size:.78rem;font-weight:800;animation:5.5s ease-out infinite h3d-xp;position:absolute;top:-4px;left:68%;box-shadow:0 6px 18px -6px #ffd60acc}@keyframes h3d-xp{0%{opacity:0;transform:translateY(6px)scale(.6)}12%{opacity:1;transform:translateY(-8px)scale(1.08)}20%{transform:translateY(-10px)scale(1)}60%{opacity:1;transform:translateY(-34px)}75%,to{opacity:0;transform:translateY(-50px)}}.h3d-orbit-tilt{width:0;height:0;transform:rotateX(68deg)}.h3d-orbit-spin{transform-style:preserve-3d;animation:42s linear infinite h3d-spin;position:absolute}.h3d-orbit-item{transform:rotateZ(var(--a)) translateX(215px);transform-style:preserve-3d;position:absolute}.h3d-orbit-unspin{transform-style:preserve-3d;animation:42s linear infinite h3d-unspin}.h3d-orbit-untilt{transform:rotateZ(calc(-1 * var(--a))) rotateX(-68deg);transform-style:preserve-3d}@keyframes h3d-spin{to{transform:rotate(360deg)}}@keyframes h3d-unspin{to{transform:rotate(-360deg)}}.h3d-word{color:#fff;width:152px;animation:4.5s ease-in-out infinite h3d-bob;animation-delay:var(--d);background:#0a1634c7;border:1px solid #ffffff38;border-radius:15px;align-items:center;gap:9px;padding:8px 10px;display:flex;translate:-50% -50%;box-shadow:0 18px 40px -16px #0009,inset 0 0 0 1px #7dd3fc14}.h3d-word-icon{background:linear-gradient(135deg, var(--ca), var(--cb));width:32px;height:32px;box-shadow:0 8px 16px -8px var(--ca);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.h3d-word b{letter-spacing:-.01em;font-size:.9rem;line-height:1.1;display:block}.h3d-word small{color:#fff9;margin-top:2px;font-size:.66rem;display:block}.h3d-word em{color:#bae6fd;margin-top:2px;font-size:.72rem;font-style:normal;font-weight:600;display:block}@keyframes h3d-bob{0%,to{transform:translateZ(var(--z,0px)) translateY(0)}50%{transform:translateZ(var(--z,0px)) translateY(-9px)}}.h3d-steps{width:0;height:0;transform:translate3d(110px,170px,80px)}.h3d-step{width:92px;height:34px;translate:calc(var(--i) * 46px) calc(var(--i) * -46px) calc(var(--i) * -40px);color:#fff;letter-spacing:.04em;background:linear-gradient(#ffffff4d,#ffffff14);border:1px solid #ffffff4d;border-radius:12px;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex;position:absolute;box-shadow:0 16px 30px -14px #000000b3}.h3d-step span{opacity:.9}.h3d-climber{background:#fff;border-radius:50%;width:14px;height:14px;animation:7s ease-in-out infinite h3d-climb;position:absolute;top:-24px;left:39px;box-shadow:0 0 18px 6px #ffd60acc}@keyframes h3d-climb{0%,10%{opacity:0;transform:translate(0,0)}14%{opacity:1}30%{transform:translate3d(46px,-46px,-40px)}48%{transform:translate3d(92px,-92px,-80px)}66%{transform:translate3d(138px,-138px,-120px)}84%{opacity:1;transform:translate3d(184px,-184px,-160px)}94%,to{opacity:0;transform:translate3d(184px,-210px,-160px)}}.h3d-goal{--z:-170px;color:#0b1530;background:radial-gradient(circle at 35% 30%,#fff5b8,#ffd60a 60%,#f59e0b);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;animation:3s ease-in-out infinite h3d-pulse;display:flex;position:absolute;top:-244px;left:212px;box-shadow:0 0 30px 8px #ffd60a8c}.h3d-chip{color:#fff;white-space:nowrap;background:#ffffff24;border:1px solid #ffffff40;border-radius:99px;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;font-weight:700;animation:5s ease-in-out infinite h3d-bob;display:inline-flex;box-shadow:0 14px 30px -14px #0009}.h3d-chip i{color:#bae6fd;font-style:normal;font-weight:600}.h3d-chip-band{--z:120px;top:calc(50% - 160px);left:calc(50% - 235px)}.h3d-chip-streak{--z:60px;animation-delay:-1.7s;top:calc(50% - 235px);left:calc(50% + 60px)}.h3d-chip-speak{--z:150px;animation-delay:-3.1s;top:calc(50% + 160px);left:calc(50% - 230px)}@media (max-width:959px){.lp-hero-scene{min-height:400px;margin-top:8px}.h3d-chip-band{left:calc(50% - 250px)}.h3d-chip-speak{left:calc(50% - 240px)}}@media (max-width:480px){.lp-hero-scene{min-height:340px}}@media (prefers-reduced-motion:reduce){.h3d *,.h3d :after{animation:none!important}.h3d-xp{opacity:1}}.lp-hero-copy{container-type:inline-size}.lp-hero-title{gap:10px;margin-bottom:20px;display:grid}.lp-hero-title-main{white-space:nowrap;text-transform:uppercase;letter-spacing:.01em;background:linear-gradient(100deg,#fff 0%,#e0f2fe 45%,#7dd3fc 75%,#fff 100%) 0 0/200% 100%;color:#0000;filter:drop-shadow(0 8px 26px #38bdf873)drop-shadow(0 2px 2px #00000040);-webkit-background-clip:text;background-clip:text;font-size:min(6.9cqw,3.4rem);font-weight:800;line-height:1.05;animation:7s ease-in-out infinite lp-title-shine;display:block}@keyframes lp-title-shine{0%,to{background-position:0%}50%{background-position:100%}}.lp-hero-title-sub{letter-spacing:-.01em;color:#ffffffe0;font-size:clamp(1.25rem,2.3vw,1.9rem);font-style:italic;font-weight:500;line-height:1.2;display:block}:root[data-skin=vivid] .lp-hero-title-main{background:linear-gradient(100deg,#fff 0%,#fde68a 50%,#fff 100%) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text}@media (max-width:959px){.lp-hero-title{justify-items:center}.lp-hero-title-main{font-size:min(7.5cqw,2.6rem)}}@media (prefers-reduced-motion:reduce){.lp-hero-title-main{animation:none}}.plan-kpis{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.plan-kpis>div{background:var(--bg-elevated);border-radius:14px;gap:2px;padding:12px;display:grid}.plan-kpis span{color:var(--text-muted);font-size:.72rem}.plan-kpis strong{letter-spacing:-.02em;font-size:1.3rem}.plan-skills{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:12px;display:grid}.plan-skill{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);transition:border-color var(--transition-fast);border-radius:12px;gap:2px;padding:10px 12px;text-decoration:none;display:grid}.plan-skill:hover{border-color:var(--agen-primary)}.plan-skill span{color:var(--text-muted);font-size:.78rem}.plan-skill strong{font-size:1.1rem}.plan-skill small{color:var(--text-secondary);font-size:.7rem}.plan-week{align-items:center;gap:14px;padding:12px 16px;display:flex}.plan-week[data-current=true]{border-color:var(--agen-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--agen-primary) 12%, transparent)}.speak-cue{color:var(--text-secondary);gap:4px;margin:0;padding-left:20px;font-size:.92rem;display:grid}.speak-live{border-radius:var(--radius-md);background:var(--bg-elevated);width:100%;min-height:60px;padding:12px 14px;font-size:.95rem;line-height:1.5}.media-card{color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s}.media-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.media-video{aspect-ratio:16/9;border-radius:var(--radius-md);background:#000;margin-bottom:16px;position:relative;overflow:hidden}.media-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.media-bilingual{gap:10px;margin:0;padding:0;font-size:.92rem;list-style:none;display:grid}.media-bilingual li{grid-template-columns:84px minmax(0,1fr);gap:10px;display:grid}.media-speaker{color:var(--agen-primary);text-overflow:ellipsis;padding-top:2px;font-size:.8rem;font-weight:600;overflow:hidden}.media-vi{color:var(--text-muted);margin-top:2px;font-size:.86rem}.media-result{text-align:center;border-top:1px solid var(--border-subtle);justify-items:center;gap:10px;margin-top:18px;padding-top:16px;display:grid}@media (max-width:520px){.media-bilingual li{grid-template-columns:minmax(0,1fr);gap:2px}}.club-topic-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.club-topic{cursor:pointer;text-align:left;font:inherit;color:inherit;align-items:center;gap:12px;padding:14px 16px;transition:transform .15s,border-color .15s;display:flex}.club-topic:hover:not(:disabled){border-color:var(--agen-primary);transform:translateY(-2px)}.club-topic:disabled{opacity:.6;cursor:default}.club-topic-emoji{background:var(--bg-tint);border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:1.6rem;display:inline-grid}.club-room-row{border-top:1px solid var(--border-subtle);align-items:center;gap:12px;padding:10px 0;display:flex}.club-room-row:first-of-type{border-top:none}.club-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.club-code{border-radius:var(--radius-md);border:1px dashed var(--border-strong,var(--border-subtle));background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;font:inherit;flex-direction:column;align-items:center;gap:0;padding:6px 14px;display:inline-flex}.club-code span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.club-code strong{letter-spacing:.14em;font-size:1.15rem}.club-members{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:12px 0;display:grid}.club-member{border-radius:var(--radius-md);background:var(--bg-elevated);border:2px solid #0000;align-items:center;gap:10px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.club-member[data-speaking=true]{border-color:var(--agen-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--agen-primary) 15%, transparent)}.club-progress{background:var(--bg-glass-hover);border-radius:999px;height:6px;overflow:hidden}.club-progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--skill-listening), var(--agen-primary));height:100%;transition:width .4s;display:block}.club-log{max-height:min(56vh,560px);margin:12px 0;padding:4px 2px;overflow-y:auto}.club-ai{background:var(--bg-tint);width:36px;height:36px;color:var(--agen-primary);border-radius:50%;place-items:center;display:inline-grid}.club-system{text-align:center;color:var(--text-muted);margin:6px 0;font-size:.78rem}.club-tip{background:color-mix(in srgb, var(--agen-success) 10%, transparent);color:var(--text-primary);border-radius:10px;gap:4px;margin-top:8px;padding:8px 10px;font-size:.82rem;display:grid}.club-dock{z-index:2;flex-wrap:wrap;align-items:center;gap:12px;display:flex;position:sticky;bottom:12px}.club-head-title{flex:200px;min-width:0}.chat-row.is-user .club-tip{color:inherit;background:#ffffff2e}.club-log .chat-row:not(.is-user) .chat-bubble:not(.is-bo){background:var(--bg-tint);color:var(--text-primary);border-bottom-right-radius:18px;border-bottom-left-radius:6px;margin-left:44px}@media (max-width:767px){.club-dock{position:static}.club-log{max-height:44vh}.club-head .club-code{flex-direction:row;justify-content:center;gap:8px;width:100%}}.teacher-member-link{color:var(--text-primary);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:0;text-decoration:none;display:inline-flex}.teacher-member-link:hover{color:var(--agen-primary);text-decoration:underline}.member-hero{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.member-skills{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 18px;margin:14px 0 0;display:grid}.member-skill{grid-template-columns:70px minmax(0,1fr) 30px;align-items:center;gap:8px;font-size:.82rem;display:grid}.member-skill b{text-align:right}.member-columns{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px;display:grid}@media (min-width:860px){.member-columns{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}}.member-feedback{border-radius:var(--radius-md);background:var(--bg-elevated);gap:4px;padding:10px 12px;display:grid}.member-feedback[data-unread=true]{box-shadow:inset 3px 0 0 var(--agen-accent)}.member-writing{margin-top:14px}.member-essay{white-space:pre-line;border-radius:var(--radius-md);background:var(--bg-elevated);max-height:360px;padding:12px 14px;font-size:.93rem;line-height:1.6;overflow:auto}.member-cert{border-top:1px solid var(--border-subtle);color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;font-size:.9rem;text-decoration:none;display:flex}a.member-cert:hover{color:var(--agen-primary)}.cert-page{align-content:start;gap:16px;display:grid}.cert-toolbar{flex-wrap:wrap;align-items:center;gap:10px;width:100%;max-width:960px;margin:0 auto;display:flex}.cert-sheet{color:#1d1d1f;width:100%;max-width:960px;box-shadow:var(--shadow-md);background:#fffdf7;border-radius:16px;margin:0 auto;padding:clamp(10px,2vw,18px)}.cert-sheet[data-revoked=true]{opacity:.55;filter:grayscale()}.cert-border{outline-offset:-8px;text-align:center;background:radial-gradient(circle at 50% 0,#c9a2271a,#0000 60%);border:2px solid #c9a227;border-radius:10px;outline:1px solid #c9a227;justify-items:center;gap:6px;padding:clamp(24px,5vw,56px) clamp(18px,5vw,60px);display:grid}.cert-brand{letter-spacing:.24em;color:#1e3a8a;font-size:.8rem;font-weight:700}.cert-seal{color:#fff;background:linear-gradient(135deg,#e9c46a,#b8860b);border-radius:50%;place-items:center;width:64px;height:64px;margin:8px 0;display:grid;box-shadow:0 6px 16px -6px #b8860b99}.cert-kicker{text-transform:uppercase;letter-spacing:.14em;color:#8a6d1d;font-size:.78rem;font-weight:600}.cert-small{color:#6e6e73;margin:6px 0 0;font-size:.85rem;font-style:italic}.cert-name{color:#111;letter-spacing:-.01em;overflow-wrap:anywhere;margin:2px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700}.cert-title{color:#1e3a8a;overflow-wrap:anywhere;margin:2px 0;font-size:clamp(1.1rem,3vw,1.5rem)}.cert-note{color:#444;margin:0;font-size:.92rem}.cert-stats{flex-wrap:wrap;justify-content:center;gap:clamp(14px,4vw,36px);margin-top:14px;display:flex}.cert-stats div{display:grid}.cert-stats strong{color:#111;font-size:1.2rem}.cert-stats span{color:#6e6e73;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.cert-skills{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.cert-skills span{color:#5c4813;background:#f3ebd3;border-radius:999px;padding:2px 8px;font-size:.74rem}.cert-foot{flex-wrap:wrap;justify-content:space-around;gap:24px;width:100%;margin-top:26px;display:flex}.cert-foot>div{gap:2px;min-width:180px;display:grid}.cert-sign{color:#111;border-bottom:1px solid #c9a227;padding-bottom:6px;font-weight:600}.cert-foot span{color:#6e6e73;font-size:.72rem}.cert-verify{color:#86868b;overflow-wrap:anywhere;margin-top:18px;font-size:.72rem}@page cert{size:A4 landscape;margin:10mm}@media print{.cert-sheet{page:cert}.cert-page{background:#fff;padding:0}.cert-sheet{box-shadow:none;border-radius:0;max-width:none;padding:0}.cert-border,.cert-seal,.cert-skills span{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.receipt-sheet[data-refunded=true]{position:relative}.receipt-refunded{color:#b42318;letter-spacing:.02em;background:#fdecec;border-radius:10px;margin:0 0 16px;padding:8px 12px;font-size:.85rem;font-weight:600}.receipt-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.receipt-grid>div{color:#515154;overflow-wrap:anywhere;background:#f5f5f7;border-radius:12px;gap:2px;padding:12px;font-size:.85rem;display:grid}.receipt-grid span{color:#86868b;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.receipt-grid strong{color:#1d1d1f;font-size:.95rem}.receipt-table{border-collapse:collapse;color:#1d1d1f;width:100%;margin-bottom:14px;font-size:.92rem}.receipt-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#86868b;border-bottom:1px solid #0000001f;padding:8px 0;font-size:.72rem}.receipt-table td{border-bottom:1px solid #0000000f;padding:12px 0}.receipt-table tfoot td{border-bottom:none;padding-top:14px;font-weight:700}.receipt-note{color:#6e6e73;margin:6px 0 0;font-size:.8rem}@media print{.receipt-refunded,.receipt-grid>div{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.club-schedule{border-radius:var(--radius-md);background:var(--bg-elevated);gap:8px;margin-bottom:12px;padding:12px 14px;display:grid}.club-when{color:var(--agen-primary);align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:inline-flex}.writing-grade{border-radius:var(--radius-md);background:var(--bg-elevated);gap:8px;margin-top:14px;padding:12px 14px;display:grid}.writing-grade-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.teacher-score{background:color-mix(in srgb, var(--agen-success) 14%, transparent);color:var(--agen-success);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.club-schedule-form{grid-template-columns:minmax(110px,1fr) minmax(100px,.8fr) minmax(160px,2fr) auto;align-items:center;gap:8px;margin-top:12px;display:grid}@media (max-width:640px){.club-schedule-form{grid-template-columns:1fr 1fr}.club-schedule-form>:nth-child(3),.club-schedule-form>button{grid-column:1/-1}}.rubric-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.rubric-chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.rubric-chips span{background:var(--bg-tint);color:var(--text-secondary);border-radius:999px;padding:2px 8px;font-size:.72rem}.club-group-badge{background:color-mix(in srgb, var(--agen-primary) 12%, transparent);color:var(--agen-primary);border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.class-test-form{grid-template-columns:minmax(200px,2fr) minmax(130px,1fr) minmax(130px,1fr);align-items:end;gap:8px;display:grid}@media (max-width:640px){.class-test-form{grid-template-columns:1fr 1fr}.class-test-form>select{grid-column:1/-1}}.test-date-field{color:var(--text-muted);gap:2px;min-width:0;font-size:.72rem;font-weight:600;display:grid}.test-date-field .form-input{width:100%;min-width:0}.class-test-row{align-items:center;gap:10px;padding:12px 16px;display:flex}.class-test-main{text-align:left;min-width:0;font:inherit;color:var(--text-primary);cursor:pointer;background:0 0;border:none;flex:1;gap:4px;padding:0;display:grid}.class-test-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:.78rem;display:flex}.plan-chip.test-status-open{background:color-mix(in srgb, var(--agen-success) 14%, transparent);color:var(--agen-success)}.plan-chip.test-status-upcoming{background:color-mix(in srgb, var(--agen-primary) 12%, transparent);color:var(--agen-primary)}.class-test-learner{border-radius:var(--radius-md);background:var(--bg-elevated);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.rubric-chart{width:100%;height:auto;display:block;overflow:visible}.rubric-chart text{fill:var(--text-muted);font-size:11px}.rubric-chart .grid-line{stroke:var(--border-subtle);stroke-width:1px}.rubric-legend{color:var(--text-secondary);flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:.78rem;display:flex}.rubric-legend button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:2px 0;display:inline-flex}.rubric-legend button[aria-pressed=false]{opacity:.4}.rubric-legend i{border-radius:2px;width:14px;height:3px;display:inline-block}.rubric-viz{--rv-task:#2a78d6;--rv-coherence:#eb6834;--rv-lexical:#1baf7a;--rv-grammar:#eda100;--rv-overall:var(--text-primary);position:relative}@media (prefers-color-scheme:dark){.rubric-viz{--rv-task:#3987e5;--rv-coherence:#d95926;--rv-lexical:#199e70;--rv-grammar:#c98500}}.rubric-tip{pointer-events:none;background:var(--bg-surface);border:1px solid var(--border-subtle);min-width:170px;color:var(--text-secondary);z-index:2;border-radius:10px;gap:2px;padding:8px 10px;font-size:.78rem;display:grid;position:absolute;top:0;box-shadow:0 6px 20px #0000001f}.rubric-tip strong{color:var(--text-primary)}.rubric-tip i{vertical-align:middle;border-radius:2px;width:10px;height:3px;margin-right:6px;display:inline-block}.class-test-note{border-radius:var(--radius-md);background:color-mix(in srgb, var(--agen-primary) 9%, transparent);color:var(--text-primary);padding:10px 12px;font-size:.88rem}.lp-goals{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;max-width:1180px;margin:0 auto;display:grid}.lp-goal{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.lp-goal h3{margin-top:16px}.lp-goal-more{color:var(--agen-primary);align-items:center;gap:4px;margin-top:auto;padding-top:12px;font-size:.88rem;font-weight:600;display:inline-flex}.seo-hero{padding:clamp(110px, 14vw, 150px) var(--page-gutter) clamp(40px, 6vw, 64px);text-align:center;position:relative}.seo-hero-inner{max-width:820px;margin:0 auto}.seo-hero h1{letter-spacing:-.035em;text-wrap:balance;margin:16px 0;font-size:clamp(2.1rem,5.4vw,3.5rem);font-weight:700;line-height:1.08}.seo-hero p{color:var(--text-secondary);max-width:700px;margin:0 auto 26px;font-size:clamp(1.02rem,2vw,1.18rem);line-height:1.6}.seo-crumbs{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:14px;font-size:.82rem;display:flex}.seo-crumbs a{color:var(--text-muted)}.seo-highlights{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;max-width:1180px;margin:0 auto;display:grid}.seo-article{gap:44px;max-width:780px;margin:0 auto;display:grid}.seo-article h2{letter-spacing:-.025em;margin:0 0 14px;font-size:clamp(1.45rem,3.2vw,2rem)}.seo-article p{color:var(--text-secondary);margin:0 0 14px;font-size:1.04rem;line-height:1.75}.seo-related{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:980px;margin:0 auto;display:grid}.article-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:.85rem;display:flex}.article-meta span{align-items:center;gap:5px;display:inline-flex}.article-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:48px;max-width:1120px;margin:0 auto;display:grid}.article-toc{border-left:2px solid var(--border-subtle);padding-left:16px;font-size:.86rem;position:sticky;top:88px}.article-toc b{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:8px;font-size:.78rem;display:block}.article-toc ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.article-toc a{color:var(--text-secondary);line-height:1.35;display:block}.article-toc a:hover{color:var(--agen-primary)}@media (max-width:900px){.article-layout{grid-template-columns:1fr;gap:24px}.article-toc{border-radius:var(--radius-md);background:var(--bg-elevated);border-left:none;padding:14px 16px;position:static}}.article-body{gap:40px;max-width:760px;margin:0}.article-body section{scroll-margin-top:88px}.article-body ul,.article-body ol{color:var(--text-secondary);gap:8px;margin:0 0 14px;padding-left:22px;font-size:1.02rem;line-height:1.65;display:grid}.article-table{border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:8px 0 16px;overflow-x:auto}.article-table table{border-collapse:collapse;width:100%;min-width:480px;font-size:.93rem}.article-table caption{text-align:left;color:var(--text-muted);padding:10px 14px 0;font-size:.82rem;font-weight:600}.article-table th{text-align:left;background:var(--bg-elevated);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);padding:10px 14px;font-weight:600}.article-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:top;padding:10px 14px;line-height:1.5}.article-table tr:last-child td{border-bottom:none}.article-tip{border-radius:var(--radius-md);background:color-mix(in srgb, var(--agen-accent) 10%, transparent);color:var(--text-primary);gap:12px;margin-top:6px;padding:14px 16px;display:flex}.article-tip svg{color:var(--agen-accent);flex-shrink:0;margin-top:2px}.article-tip p{color:var(--text-secondary);margin:4px 0 0;font-size:.97rem}.article-cta{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--agen-primary) 8%, var(--bg-surface));border:1px solid color-mix(in srgb, var(--agen-primary) 22%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;display:flex}.article-cta p{margin:4px 0 0;font-size:.95rem}.article-cat{color:var(--agen-primary);align-items:center;gap:5px;font-size:.76rem;font-weight:600;display:inline-flex}.article-list{max-width:1120px;margin:0 auto}.article-list-title{letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(1.35rem,3vw,1.8rem)}.lp-nav-menu{display:none;position:relative}.lp-nav-menu summary{cursor:pointer;width:38px;height:38px;color:var(--text-primary);border-radius:10px;justify-content:center;align-items:center;list-style:none;display:inline-flex}.lp-nav-menu summary::-webkit-details-marker{display:none}.lp-nav-menu[open] summary{background:var(--bg-elevated)}.lp-nav-menu nav{background:var(--bg-surface);border:1px solid var(--border-subtle);z-index:60;border-radius:14px;min-width:210px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px -18px #00000059}.lp-nav-menu nav a{color:var(--text-primary);border-radius:10px;padding:10px 12px;font-size:.95rem}.lp-nav-menu nav a:hover{background:var(--bg-elevated)}@media (max-width:980px){.lp-nav-menu{display:block}}.streak-repair{border-radius:var(--radius-md);background:color-mix(in srgb, var(--agen-secondary) 10%, transparent);color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0 4px;padding:12px 14px;font-size:.88rem;display:flex}.streak-repair svg:first-child{color:var(--agen-secondary);flex-shrink:0}.streak-repair div div{color:var(--text-secondary);font-size:.82rem}.test-repeat-toggle{color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.86rem;display:inline-flex}.parent-test-row{background:var(--bg-surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.retention-cell{background:color-mix(in srgb, var(--agen-primary) var(--heat,0%), transparent);text-align:center;font-weight:600}.retention-table th:nth-child(n+3){text-align:center}.funnel-row{grid-template-columns:minmax(130px,200px) 1fr 44px 44px;align-items:center;gap:10px;font-size:.88rem;display:grid}.funnel-bar{background:var(--bg-elevated);border-radius:99px;height:12px;overflow:hidden}.funnel-bar span{background:var(--agen-primary);border-radius:99px;height:100%;display:block}.funnel-pct{color:var(--text-muted);text-align:right}@media (max-width:560px){.funnel-row{grid-template-columns:1fr 44px 44px}.funnel-row .funnel-bar{grid-area:2/1/auto/-1}}.guide-badge{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;display:inline-flex}.guide-step{gap:0;display:grid}.guide-shot{margin:10px 0 18px}.guide-shot a{cursor:zoom-in;display:block}.guide-shot img{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-elevated);width:100%;height:auto;display:block;box-shadow:0 18px 40px -24px #0f172a59}.guide-shot figcaption{color:var(--text-muted);text-align:center;margin-top:8px;font-size:.85rem}.guide-shot-row{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.guide-shot-mobile{width:min(300px,70vw)}.guide-shot-mobile img{border-radius:22px}.guide-hub{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1120px;margin:0 auto;display:grid}.lp-nav-actions{align-items:center;gap:16px;font-size:.88rem;display:flex}@media (max-width:480px){.lp-nav-inner{gap:10px}.lp-nav-actions{gap:6px}}.page-banner{min-height:clamp(190px,21vw,250px);margin-bottom:var(--spacing-xl);border-radius:var(--radius-xl);color:#1d1d1f;box-shadow:var(--shadow-md);background:#eaf3ff;align-items:center;display:flex;position:relative;overflow:hidden}.page-banner-media{position:absolute;inset:0}.page-banner-media img{object-fit:cover;object-position:85% 35%}.page-banner-media:after{content:"";background:linear-gradient(90deg,#eaf3ffe6 0%,#eaf3ff8c 38%,#eaf3ff00 62%);position:absolute;inset:0}.page-banner-text{max-width:min(560px,62%);padding:clamp(20px,4vw,40px);position:relative}.page-banner-text h1,.page-banner-text h2{color:#1d1d1f;margin:0;font-size:clamp(1.7rem,3.6vw,2.5rem)}.page-banner-text p{color:#3a3a3c;margin:8px 0 0;font-size:clamp(.92rem,1.5vw,1.05rem)}.page-banner-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--agen-primary);align-items:center;gap:6px;margin-bottom:8px;font-size:.8rem;font-weight:600;display:inline-flex}.page-banner-extra{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}@media (max-width:700px){.page-banner{flex-direction:column;align-items:stretch;min-height:0}.page-banner-media{aspect-ratio:21/9;order:2;position:relative;inset:auto}.page-banner-media:after{background:linear-gradient(#eaf3ff 0%,#eaf3ff00 40%)}.page-banner-text{max-width:none;padding:20px 20px 4px}}.lp-media{aspect-ratio:4/3;background:#eaf3ff;border-radius:16px;position:relative;overflow:hidden}.lp-media img{object-fit:cover;transition:transform .6s var(--ease-out)}.lp-card:hover .lp-media img{transform:scale(1.05)}.lp-media-icon{position:absolute;bottom:12px;left:12px}.lp-feature .lp-media{margin-top:16px}.lp-step .lp-media{margin-bottom:20px}.lp-cta-media{position:absolute;inset:0}.lp-cta-media img{object-fit:cover;object-position:78% center}.lp-cta-media:after{content:"";background:linear-gradient(90deg,#0046bed1 0%,#0058d68c 45%,#0058d60d 75%);position:absolute;inset:0}@media (min-width:900px){.lp-cta{text-align:left}.lp-cta-inner{max-width:560px;margin:0 0 0 clamp(8px,4vw,56px)}.lp-cta-points{justify-content:flex-start}}@media (max-width:899px){.lp-cta-media:after{background:#0046beb3}}:root:not([data-skin=vivid]) .page-banner{min-height:clamp(150px,16vw,200px)}.page-banner-art{min-height:clamp(120px,15vw,190px);margin-bottom:var(--spacing-md)}.page-banner-art .page-banner-media:after{background:0 0}.page-banner-art .page-banner-media img{object-position:85% 38%}@media (max-width:700px){.page-banner-art .page-banner-media{aspect-ratio:21/9;order:0}}.seo-hero-art{aspect-ratio:21/9;max-width:980px;box-shadow:var(--shadow-md);border-radius:24px;margin:clamp(28px,4vw,44px) auto 0;position:relative;overflow:hidden}.seo-hero-art img{object-fit:cover}.auth-page{isolation:isolate;min-height:100dvh;position:relative}.auth-bg{z-index:-1;background:#dcebff;position:fixed;inset:0;overflow:hidden}.auth-bg-art{width:100%;height:min(75vw,560px);position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.auth-bg-art img{object-fit:cover;object-position:50% 20%;animation:authArtIn .8s var(--ease-out)}.auth-bg:after{content:"";background:linear-gradient(#eaf3ff00 0% 100%);position:absolute;inset:0}@keyframes authArtIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.auth-caption{display:none}.auth-panel{min-height:100dvh;padding:clamp(160px, 50vw, 330px) var(--spacing-md) var(--spacing-xl);justify-content:center;align-items:flex-start;display:flex}.auth-glass{-webkit-backdrop-filter:blur(20px)saturate(1.3);backdrop-filter:blur(20px)saturate(1.3);background:#ffffff94;border:1px solid #ffffffbf;border-radius:32px;width:100%;padding:clamp(16px,3vw,28px);box-shadow:0 30px 80px -30px #14328c73}.auth-glass>*{width:100%;margin-left:auto;margin-right:auto}@media (min-width:900px){.auth-bg-art{width:117%;height:100%;left:-17%;-webkit-mask-image:none;mask-image:none}.auth-bg-art img{object-position:50% 28%}.auth-bg:after{background:linear-gradient(90deg,#eaf3ff00 0% 45%,#eaf3ff8c 100%)}.auth-panel{width:54%;padding:var(--spacing-xl) clamp(24px, 4vw, 64px);align-items:center;margin-left:auto}.auth-caption{z-index:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#08246e8c;border-radius:22px;max-width:min(420px,40vw);padding:20px 24px;display:block;position:fixed;bottom:clamp(32px,6vh,64px);left:clamp(32px,5vw,72px)}.auth-caption h2{color:#fff;margin:0 0 6px;font-size:clamp(1.5rem,2.4vw,2rem)}.auth-caption p{color:#ffffffeb;margin:0;font-size:.98rem}}@media (prefers-color-scheme:dark){.auth-bg{background:#0b1230}.auth-glass{background:#1c1c1e9e;border-color:#ffffff24}.auth-bg:after{background:linear-gradient(#0a10281a 0%,#0a10288c 60%,#0a1028cc 100%)}}