/*! LinguaQuest © 2026 Thân Đức Tâm — All rights reserved. Unauthorized copying prohibited. */
.shell__admin-link{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);color:var(--color-secondary-text);background:var(--color-secondary-soft);place-items:center;margin-left:auto;display:inline-grid}.shell__admin-link svg{width:22px;height:22px}.shell__admin-link.active{color:var(--color-on-secondary);background:var(--color-secondary)}@media (width>=768px){.shell__admin-link{display:none}}.shell:has(.admin-area) .shell__main{max-width:var(--page-max)}@media (width>=1024px){.shell:has(.admin-area){grid-template-columns:minmax(216px, var(--sidebar-width)) minmax(0, 1fr)}.shell:has(.admin-area) .shell__rail{display:none}}.admin-area{grid-template-columns:minmax(0,1fr);min-width:0}.admin-area>*,.admin-head>*{min-width:0}.admin-head{gap:var(--space-3);display:grid}.admin-head__badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-secondary-soft);color:var(--color-secondary-text);font-size:var(--text-sm);font-weight:var(--weight-bold);justify-self:start;display:inline-flex}.admin-head__badge svg{width:18px;height:18px}.admin-nav ul{gap:var(--space-2);padding:0 0 var(--space-1);scrollbar-width:none;margin:0;list-style:none;display:flex;overflow-x:auto}.admin-nav__link{align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-card);color:var(--color-fg);font-weight:var(--weight-semibold);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-flex}.admin-nav__link svg{width:18px;height:18px;color:var(--color-muted-fg)}.admin-nav__link:hover{border-color:var(--color-border-strong)}.admin-nav__link.is-active{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-text)}.admin-nav__link.is-active svg{color:currentColor}.page-header.admin-page-head{justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-page-head>div{gap:var(--space-2);flex:1;min-width:min(100%,320px);display:grid}.admin-back{align-items:center;gap:var(--space-2);min-height:var(--touch-min);color:var(--color-primary-text);font-weight:var(--weight-semibold);justify-self:start;text-decoration:none;display:inline-flex}.admin-back svg{width:18px;height:18px}.admin-user-head h1{overflow-wrap:anywhere}.admin-muted{color:var(--color-muted-fg);font-size:var(--text-sm)}.admin-card-icon{width:22px;height:22px;color:var(--color-muted-fg)}.admin-card-pad{padding:var(--space-5) var(--space-5) 0}p.admin-card-pad{padding-bottom:var(--space-5)}.admin-grid-2{gap:var(--space-6);display:grid}@media (width>=900px){.admin-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}.admin-kpis{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=1100px){.admin-kpis{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}}.admin-kpi{align-items:flex-start;gap:var(--space-3);min-width:0;padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-card);box-shadow:var(--shadow-clay-sm);display:flex}.admin-kpis--compact .admin-kpi{padding:var(--space-2) 0;box-shadow:none;background:0 0}.admin-kpi__text{gap:2px;min-width:0;display:grid}.admin-kpi__value{font-family:var(--font-numeric,var(--font-heading));font-size:var(--text-2xl);font-weight:var(--weight-heavy);line-height:var(--leading-tight);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.admin-kpi__label{font-weight:var(--weight-semibold)}.admin-kpi__hint{color:var(--color-muted-fg);font-size:var(--text-xs)}@media (width<=420px){.admin-kpi{gap:var(--space-2);flex-direction:column}.admin-kpi__value{font-size:var(--text-xl)}}.admin-chart{gap:var(--space-2);margin:var(--space-4) 0 0;display:grid}.admin-chart__svg{width:100%;height:160px;display:block}.admin-chart__axis{stroke:var(--color-border-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.admin-chart__hit{fill:#0000}.admin-chart__bar{fill:var(--color-primary);transition:fill var(--duration-fast) var(--ease-out)}.admin-chart__bar.is-active{fill:var(--color-primary-strong)}.admin-chart__ticks{height:1.4em;color:var(--color-muted-fg);font-size:var(--text-xs);font-variant-numeric:tabular-nums;position:relative}.admin-chart__ticks span{white-space:nowrap;position:absolute;top:0}.admin-chart__readout{min-height:1.5em;color:var(--color-muted-fg);font-size:var(--text-sm)}.admin-chart__readout strong{color:var(--color-fg);font-variant-numeric:tabular-nums}.admin-barlist{gap:var(--space-4);margin:var(--space-4) 0 0;padding:0;list-style:none;display:grid}.admin-barlist__row{gap:var(--space-2);display:grid}.admin-barlist__text{justify-content:space-between;gap:var(--space-3);font-weight:var(--weight-semibold);display:flex}.admin-barlist__value{font-variant-numeric:tabular-nums}.admin-barlist__value small{color:var(--color-muted-fg);font-weight:var(--weight-regular)}.admin-barlist__track{border-radius:var(--radius-full);background:var(--color-muted);height:10px;display:block;overflow:hidden}.admin-barlist__fill{border-radius:var(--radius-full);background:var(--color-primary);min-width:4px;height:100%;display:block}.admin-filters{gap:var(--space-3);display:grid}.admin-filters form{position:relative}.admin-filters__search .input{padding-left:var(--space-10)}.admin-filters__icon{left:var(--space-3);width:20px;height:20px;color:var(--color-muted-fg);pointer-events:none;position:absolute;bottom:14px}@media (width>=768px){.admin-filters{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));align-items:start}}.admin-skeleton-row{margin-bottom:var(--space-3);display:block}.admin-table-card{overflow:hidden}.admin-table-wrap{display:none;overflow-x:auto}.admin-table-wrap--always{display:block}@media (width>=768px){.admin-table-wrap{display:block}.admin-table-card:has(>.admin-table-wrap:not(.admin-table-wrap--always)){display:block}}@media (width<=767.98px){.admin-table-card:has(>.admin-table-wrap:not(.admin-table-wrap--always)){display:none}}.admin-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.admin-table th,.admin-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.admin-table thead th{background:var(--color-muted);color:var(--color-muted-fg);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;position:sticky;top:0}.admin-table tbody th{font-weight:var(--weight-regular)}.admin-table tbody tr:last-child>*{border-bottom:0}.admin-table tbody tr:hover{background:color-mix(in srgb, var(--color-primary-soft) 45%, transparent)}.admin-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.admin-table tr.is-disabled .admin-user-link{color:var(--color-muted-fg)}.admin-check-cell{width:1%}.admin-check-cell input,.admin-cards__check,.admin-check input{width:22px;height:22px;accent-color:var(--color-primary);cursor:pointer}.admin-user-link{color:var(--color-fg);font-weight:var(--weight-bold);text-decoration:none}.admin-user-link:hover{color:var(--color-primary-text);text-decoration:underline}.admin-user-sub{color:var(--color-muted-fg);font-size:var(--text-xs);overflow-wrap:anywhere;display:block}.admin-badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-table .admin-badges:not(:empty){margin-top:var(--space-1)}.admin-cards{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.admin-cards{display:none}}.admin-cards__item{position:relative}.admin-cards__check{top:var(--space-4);left:var(--space-4);z-index:1;position:absolute}.admin-ucard{gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-4) calc(var(--space-4) + 34px);border-radius:var(--radius-xl);background:var(--color-card);box-shadow:var(--shadow-clay-sm);color:var(--color-fg);text-decoration:none;display:grid}.admin-ucard.is-disabled{opacity:.75}.admin-ucard__top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.admin-ucard__top strong{overflow-wrap:anywhere}.admin-ucard__meta{align-items:center;gap:var(--space-2) var(--space-4);color:var(--color-muted-fg);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.admin-ucard__meta svg{width:16px;height:16px;color:var(--color-streak,var(--color-accent));vertical-align:-3px}.admin-pager{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-pager__info{color:var(--color-muted-fg);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.admin-pager__buttons{gap:var(--space-2);display:flex}.admin-bulk{top:calc(var(--topbar-height) + var(--space-2));z-index:2;gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--color-primary);border-radius:var(--radius-xl);background:var(--color-card);box-shadow:var(--shadow-float);display:grid;position:sticky}@media (width>=1024px){.admin-bulk{top:var(--space-4)}}.admin-bulk__head{justify-content:space-between;align-items:center;display:flex}.admin-bulk__actions,.admin-bulk__plan{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-bulk__plan .field{width:130px}.admin-form .form-actions{justify-content:flex-end}.admin-check{align-items:center;gap:var(--space-2);min-height:var(--touch-min);font-weight:var(--weight-semibold);display:inline-flex}.admin-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.admin-list{gap:var(--space-3);margin:var(--space-3) 0 0;padding:0;list-style:none;display:grid}.admin-list li{gap:2px;display:grid}.admin-list li strong{font-variant-numeric:tabular-nums}.admin-identities{margin-top:var(--space-3);gap:var(--space-2);display:grid}.admin-list li.admin-identity{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-timeline{margin:var(--space-3) 0 0;padding:0;list-style:none;display:grid}.admin-timeline li{gap:0 var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);font-size:var(--text-sm);grid-template-columns:76px minmax(0,1fr);display:grid}.admin-timeline li:last-child{border-bottom:0}.admin-timeline time{grid-column:2}@media (width>=768px){.admin-timeline li{grid-template-columns:76px minmax(0,1fr) auto}.admin-timeline time{grid-column:auto}}.admin-timeline__xp{color:var(--color-success-text);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.admin-password-row{gap:var(--space-2);display:grid}.admin-password-row__buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-mono{letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.admin-login-lock{gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-destructive-soft);color:var(--color-destructive-text);font-size:var(--text-sm);display:grid}.admin-login-lock .btn{justify-self:start}.social-auth{gap:var(--space-4,1rem);margin-top:var(--space-6,1.5rem);display:grid}.social-auth__buttons{gap:var(--space-3,.75rem);display:grid}.social-btn{border-radius:var(--radius-sm,12px);width:100%;min-height:48px;font-family:Roboto, var(--font-body,system-ui), -apple-system, "Segoe UI", sans-serif;cursor:pointer;transition:filter var(--duration-fast,.15s) ease, box-shadow var(--duration-fast,.15s) ease;-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:12px;padding:0 16px;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;display:flex}.social-btn:hover{text-decoration:none}.social-btn:focus-visible{outline:3px solid var(--color-focus,#2563eb);outline-offset:2px}.social-btn:active{filter:brightness(.94)}.social-btn__mark{flex:none;width:20px;height:20px;display:inline-flex}.social-btn__mark svg{width:20px;height:20px}.social-btn--google{color:#1f1f1f;background:#fff;border-color:#747775}.social-btn--google:hover{background:#f8f9fa;box-shadow:0 1px 3px #3c404333}.social-btn--facebook{color:#fff;background:#1877f2;border-color:#1877f2}.social-btn--facebook:hover{background:#166fe0}.social-btn--apple{color:#fff;background:#000;border-color:#000}.social-btn--apple:hover{background:#1a1a1a}[data-mode=dark] .social-btn--apple{border-color:#ffffff8c}.social-auth__divider{align-items:center;gap:var(--space-3,.75rem);margin:var(--space-1,.25rem) 0 0;color:var(--color-muted-fg,#64748b);font-size:var(--text-sm,.9375rem);display:flex}.social-auth__divider:before,.social-auth__divider:after{content:"";background:var(--color-border,#e2e8f0);flex:1;height:1px}.social-auth+.auth-form{margin-top:var(--space-4,1rem)}.social-modal__text{line-height:var(--leading-normal,1.55)}.social-modal__text code{word-break:break-word;font-size:.875em}.linked-accounts__list{margin:var(--space-2,.5rem) 0 0;padding:0;list-style:none;display:grid}.linked-accounts__row{align-items:center;gap:var(--space-3,.75rem);padding:var(--space-3,.75rem) 0;border-bottom:1px solid var(--color-border,#e2e8f0);flex-wrap:wrap;display:flex}.linked-accounts__row:last-child{border-bottom:0}.linked-accounts__mark{border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-full,999px);color:#000;background:#fff;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.linked-accounts__text{flex:1;gap:2px;min-width:0;display:grid}.linked-accounts__meta{color:var(--color-muted-fg,#64748b);font-size:var(--text-sm,.9375rem);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.linked-accounts__note{padding-left:calc(40px + var(--space-3,.75rem));color:var(--color-muted-fg,#64748b);font-size:var(--text-xs,.8125rem);flex-basis:100%}.linked-accounts__row>.btn,.linked-accounts__form{flex:none;margin:0}.auth-forgot-link{margin-top:calc(-1 * var(--space-3));padding:var(--space-1) 0;font-size:var(--text-sm);font-weight:var(--weight-semibold);justify-self:end;line-height:1.5}.pw-card h1,.pw-card .auth-card__lead{text-align:center}.pw-card h1:focus,.pw-card h1:focus-visible{outline:none}.pw-card__art{margin:0 auto var(--space-4);justify-content:center;width:max-content;display:flex;position:relative}.pw-card__badge{background:var(--color-primary);width:40px;height:40px;color:var(--color-on-primary);border:3px solid var(--color-card);box-shadow:var(--shadow-sm,none);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;right:-6px}.pw-card__badge svg{width:20px;height:20px}.pw-email{color:var(--color-fg);overflow-wrap:anywhere}.pw-done{display:grid}.pw-done__email{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-muted);text-align:center;overflow-wrap:anywhere}.pw-actions{gap:var(--space-3);margin-top:var(--space-6);display:grid}.pw-note{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-muted-fg);text-align:center}.pw-note--info{gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-md);text-align:left;align-items:flex-start;display:flex}.pw-note--info svg{width:18px;height:18px;color:var(--color-primary);flex:none;margin-top:2px}.pw-back{align-items:center;gap:var(--space-2);min-height:44px;display:inline-flex}.pw-back svg{width:18px;height:18px}.pw-checking{align-items:center;gap:var(--space-3);padding:var(--space-10) 0;color:var(--color-muted-fg);flex-direction:column;display:flex}.pw-field{gap:var(--space-2);display:grid}.pw-strength__bar{gap:var(--space-1);grid-template-columns:repeat(4,1fr);display:grid}.pw-strength__bar span{background:var(--color-border);height:6px;transition:background-color var(--duration-fast,.15s) ease;border-radius:999px}.pw-strength[data-level="1"] .is-on{background:var(--color-destructive)}.pw-strength[data-level="2"] .is-on{background:var(--color-streak)}.pw-strength[data-level="3"] .is-on,.pw-strength[data-level="4"] .is-on{background:var(--color-success)}.pw-strength__text{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-muted-fg)}@media (prefers-reduced-motion:reduce){.pw-strength__bar span{transition:none}}:root{--font-scale:1;--font-heading:"Baloo 2", "Nunito", system-ui, sans-serif;--font-body:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-zh:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-ko:"Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--text-xs:calc(.8125rem * var(--font-scale));--text-sm:calc(.9375rem * var(--font-scale));--text-md:calc(1.0625rem * var(--font-scale));--text-lg:calc(1.25rem * var(--font-scale));--text-xl:calc(1.5rem * var(--font-scale));--text-2xl:calc(1.875rem * var(--font-scale));--text-3xl:calc(2.5rem * var(--font-scale));--text-4xl:calc(clamp(2.5rem, 1.6rem + 3.6vw, 4.25rem) * var(--font-scale));--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.55;--weight-regular:400;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--font-numeric:"Baloo 2", "Nunito", system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-2xl:32px;--radius-full:999px;--border-width:2px;--border-width-thick:3px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-press:.2s;--duration-slow:.32s;--lip:5px;--lip-lg:6px;--touch-min:44px;--topbar-height:60px;--tabbar-height:68px;--rail-width:88px;--sidebar-width:256px;--right-rail-width:320px;--content-max:760px;--page-max:1200px;--z-sticky:20;--z-nav:30;--z-modal:50;--z-toast:60;--grad-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-2) 100%);--grad-gold:linear-gradient(160deg, #fde047 0%, #f59e0b 100%);--grad-flame:linear-gradient(160deg, #fdba74 0%, #ea580c 55%, #dc2626 100%);--grad-success:linear-gradient(160deg, #4ade80 0%, #16a34a 100%);--grad-danger:linear-gradient(160deg, #fb7185 0%, #dc2626 100%);--grad-sheen:linear-gradient(180deg, #ffffff61 0%, #ffffff1a 28%, #fff0 36%)}:root,[data-mode=light]{--color-success:#16a34a;--color-success-soft:#dcfce7;--color-success-text:#166534;--color-destructive:#dc2626;--color-destructive-soft:#fee2e2;--color-destructive-text:#b91c1c;--color-on-destructive:#fff;--color-streak:#ea580c;--color-xp:#a16207;--color-overlay:#0f172a73;--color-unit1:#a3e635;--color-unit1-2:#4ade80;--color-on-unit1:#052e16;--color-unit1-lip:#4d7c0f;--color-unit1-soft:#ecfccb;--color-unit1-text:#3f6212;--color-unit2:#047857;--color-unit2-2:#0f766e;--color-on-unit2:#fff;--color-unit2-lip:#064e3b;--color-unit2-soft:#d1fae5;--color-unit2-text:#047857;--color-unit3:#0369a1;--color-unit3-2:#1d4ed8;--color-on-unit3:#fff;--color-unit3-lip:#1e3a8a;--color-unit3-soft:#e0f2fe;--color-unit3-text:#0369a1;--color-unit4:#6d28d9;--color-unit4-2:#4338ca;--color-on-unit4:#fff;--color-unit4-lip:#3b0764;--color-unit4-soft:#ede9fe;--color-unit4-text:#6d28d9;--color-unit5:#c2410c;--color-unit5-2:#be123c;--color-on-unit5:#fff;--color-unit5-lip:#7c2d12;--color-unit5-soft:#ffedd5;--color-unit5-text:#b91c1c;--color-unit6:#fbbf24;--color-unit6-2:#f59e0b;--color-on-unit6:#3b1a00;--color-unit6-lip:#b45309;--color-unit6-soft:#fef3c7;--color-unit6-text:#92400e;--shadow-tint:color-mix(in srgb, var(--color-primary) 34%, #0f172a80);--shadow-clay:0 14px 28px -14px var(--shadow-tint), 0 2px 4px #0f172a0d, inset 0 -4px 0 #0f172a0d, inset 0 2px 0 #ffffffd9;--shadow-clay-sm:0 6px 14px -8px var(--shadow-tint), inset 0 -2px 0 #0f172a0d, inset 0 1px 0 #ffffffd9;--shadow-clay-pressed:0 1px 2px #0f172a1a, inset 0 3px 6px #0f172a1a;--shadow-float:0 24px 48px -12px #0f172a47, 0 4px 12px #0f172a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-mode=dark]{--color-success:#4ade80;--color-success-soft:#123524;--color-success-text:#86efac;--color-destructive:#f87171;--color-destructive-soft:#3b1518;--color-destructive-text:#fca5a5;--color-on-destructive:#1f0707;--color-streak:#fb923c;--color-xp:#facc15;--color-overlay:#020617a6;--color-unit1:#3f6212;--color-unit1-2:#15803d;--color-on-unit1:#fff;--color-unit1-lip:#1a2e05;--color-unit1-soft:#1e2e0c;--color-unit1-text:#bef264;--color-unit2:#047857;--color-unit2-2:#0f766e;--color-on-unit2:#fff;--color-unit2-lip:#022c22;--color-unit2-soft:#0b2e24;--color-unit2-text:#6ee7b7;--color-unit3:#0369a1;--color-unit3-2:#1d4ed8;--color-on-unit3:#fff;--color-unit3-lip:#172554;--color-unit3-soft:#0c2a40;--color-unit3-text:#7dd3fc;--color-unit4:#6d28d9;--color-unit4-2:#4338ca;--color-on-unit4:#fff;--color-unit4-lip:#2e1065;--color-unit4-soft:#24164a;--color-unit4-text:#c4b5fd;--color-unit5:#c2410c;--color-unit5-2:#be123c;--color-on-unit5:#fff;--color-unit5-lip:#5c1a0a;--color-unit5-soft:#3a1a0c;--color-unit5-text:#fdba74;--color-unit6:#b45309;--color-unit6-2:#9a3412;--color-on-unit6:#fff;--color-unit6-lip:#431407;--color-unit6-soft:#3a2a06;--color-unit6-text:#fcd34d;--shadow-tint:color-mix(in srgb, var(--color-primary) 22%, #000000bf);--shadow-clay:0 14px 28px -12px var(--shadow-tint), 0 2px 4px #0000004d, inset 0 -3px 0 #00000040, inset 0 2px 0 #ffffff0f;--shadow-clay-sm:0 4px 10px -4px #00000080, inset 0 -2px 0 #00000038, inset 0 1px 0 #ffffff0f;--shadow-clay-pressed:0 1px 2px #0006, inset 0 3px 6px #00000059;--shadow-float:0 24px 56px -12px #000000b3, 0 4px 12px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,[data-theme=ocean][data-mode=light]{--color-bg:#eff6ff;--color-fg:#0f172a;--color-card:#fff;--color-muted:#f1f5fd;--color-muted-fg:#475569;--color-border:#e4ecfc;--color-border-strong:#7b8ba6;--color-focus:#2563eb;--color-primary:#2563eb;--color-primary-strong:#1d4ed8;--color-primary-2:#7c3aed;--color-primary-soft:#dbeafe;--color-primary-text:#1d4ed8;--color-on-primary:#fff;--color-secondary:#f59e0b;--color-secondary-soft:#fef3c7;--color-secondary-text:#92400e;--color-on-secondary:#1c1917;--color-accent:#ec4899;--color-accent-soft:#fce7f3;--color-accent-text:#be185d;--color-on-accent:#1c0a14}[data-theme=ocean][data-mode=dark]{--color-bg:#0b1324;--color-fg:#e6eefb;--color-card:#131f37;--color-muted:#1a2846;--color-muted-fg:#a9b8d0;--color-border:#22345a;--color-border-strong:#6a80a8;--color-focus:#7db4ff;--color-primary:#60a5fa;--color-primary-strong:#3b82f6;--color-primary-2:#a78bfa;--color-primary-soft:#1b3561;--color-primary-text:#93c5fd;--color-on-primary:#08101f;--color-secondary:#fbbf24;--color-secondary-soft:#3a2c0e;--color-secondary-text:#fcd34d;--color-on-secondary:#1c1405;--color-accent:#f472b6;--color-accent-soft:#3d1a31;--color-accent-text:#f9a8d4;--color-on-accent:#1f0a16}[data-theme=sakura][data-mode=light]{--color-bg:#fdf2f8;--color-fg:#2a0f1e;--color-card:#fff;--color-muted:#fbeef5;--color-muted-fg:#6b4558;--color-border:#f7dae9;--color-border-strong:#a97f95;--color-focus:#be185d;--color-primary:#be185d;--color-primary-strong:#9d174d;--color-primary-2:#9333ea;--color-primary-soft:#fce7f3;--color-primary-text:#9d174d;--color-on-primary:#fff;--color-secondary:#7c3aed;--color-secondary-soft:#ede9fe;--color-secondary-text:#6d28d9;--color-on-secondary:#fff;--color-accent:#f59e0b;--color-accent-soft:#fef3c7;--color-accent-text:#92400e;--color-on-accent:#1c1917}[data-theme=sakura][data-mode=dark]{--color-bg:#1c0e17;--color-fg:#fbe8f2;--color-card:#2a1522;--color-muted:#351b2c;--color-muted-fg:#d2afc2;--color-border:#4a2740;--color-border-strong:#9a7088;--color-focus:#f9a8d4;--color-primary:#f472b6;--color-primary-strong:#ec4899;--color-primary-2:#c084fc;--color-primary-soft:#4a1a37;--color-primary-text:#f9a8d4;--color-on-primary:#1f0715;--color-secondary:#a78bfa;--color-secondary-soft:#2e2150;--color-secondary-text:#c4b5fd;--color-on-secondary:#140a2b;--color-accent:#fbbf24;--color-accent-soft:#3a2c0e;--color-accent-text:#fcd34d;--color-on-accent:#1c1405}[data-theme=forest][data-mode=light]{--color-bg:#f0fdf4;--color-fg:#0b2117;--color-card:#fff;--color-muted:#eaf7ee;--color-muted-fg:#44594c;--color-border:#d3eedc;--color-border-strong:#7a9483;--color-focus:#15803d;--color-primary:#15803d;--color-primary-strong:#166534;--color-primary-2:#0f766e;--color-primary-soft:#dcfce7;--color-primary-text:#166534;--color-on-primary:#fff;--color-secondary:#ca8a04;--color-secondary-soft:#fef9c3;--color-secondary-text:#854d0e;--color-on-secondary:#1a1405;--color-accent:#0d9488;--color-accent-soft:#ccfbf1;--color-accent-text:#0f766e;--color-on-accent:#04201d}[data-theme=forest][data-mode=dark]{--color-bg:#0a1a12;--color-fg:#e3f6ea;--color-card:#11261a;--color-muted:#173122;--color-muted-fg:#a6c7b2;--color-border:#22432f;--color-border-strong:#648c73;--color-focus:#86efac;--color-primary:#4ade80;--color-primary-strong:#22c55e;--color-primary-2:#2dd4bf;--color-primary-soft:#16402a;--color-primary-text:#86efac;--color-on-primary:#05200f;--color-secondary:#facc15;--color-secondary-soft:#352d0b;--color-secondary-text:#fde047;--color-on-secondary:#1c1704;--color-accent:#2dd4bf;--color-accent-soft:#10332f;--color-accent-text:#5eead4;--color-on-accent:#04201d}[data-theme=sunset][data-mode=light]{--color-bg:#fff7ed;--color-fg:#2a1409;--color-card:#fff;--color-muted:#fdf0e2;--color-muted-fg:#6b4a35;--color-border:#fbe2c8;--color-border-strong:#a88670;--color-focus:#c2410c;--color-primary:#c2410c;--color-primary-strong:#9a3412;--color-primary-2:#be123c;--color-primary-soft:#ffedd5;--color-primary-text:#9a3412;--color-on-primary:#fff;--color-secondary:#2563eb;--color-secondary-soft:#dbeafe;--color-secondary-text:#1d4ed8;--color-on-secondary:#fff;--color-accent:#db2777;--color-accent-soft:#fce7f3;--color-accent-text:#be185d;--color-on-accent:#fff}[data-theme=sunset][data-mode=dark]{--color-bg:#1c110a;--color-fg:#fdeedf;--color-card:#2a1a0f;--color-muted:#352215;--color-muted-fg:#d6b79f;--color-border:#4a2f1c;--color-border-strong:#9c7a60;--color-focus:#fdba74;--color-primary:#fb923c;--color-primary-strong:#f97316;--color-primary-2:#fb7185;--color-primary-soft:#4a2812;--color-primary-text:#fdba74;--color-on-primary:#221005;--color-secondary:#60a5fa;--color-secondary-soft:#1b3159;--color-secondary-text:#93c5fd;--color-on-secondary:#08101f;--color-accent:#f472b6;--color-accent-soft:#3d1a31;--color-accent-text:#f9a8d4;--color-on-accent:#1f0a16}[data-theme=lavender][data-mode=light]{--color-bg:#f5f3ff;--color-fg:#1c1235;--color-card:#fff;--color-muted:#f0edfb;--color-muted-fg:#57506e;--color-border:#e3ddf9;--color-border-strong:#8b83a8;--color-focus:#6d28d9;--color-primary:#6d28d9;--color-primary-strong:#5b21b6;--color-primary-2:#a21caf;--color-primary-soft:#ede9fe;--color-primary-text:#5b21b6;--color-on-primary:#fff;--color-secondary:#0891b2;--color-secondary-soft:#cffafe;--color-secondary-text:#0e7490;--color-on-secondary:#03191f;--color-accent:#db2777;--color-accent-soft:#fce7f3;--color-accent-text:#be185d;--color-on-accent:#fff}[data-theme=lavender][data-mode=dark]{--color-bg:#130f24;--color-fg:#eeeafd;--color-card:#1d1736;--color-muted:#261e45;--color-muted-fg:#b7aeda;--color-border:#362c5e;--color-border-strong:#7f75a8;--color-focus:#c4b5fd;--color-primary:#a78bfa;--color-primary-strong:#9775fa;--color-primary-2:#e879f9;--color-primary-soft:#33275f;--color-primary-text:#c4b5fd;--color-on-primary:#140a2b;--color-secondary:#22d3ee;--color-secondary-soft:#0e3340;--color-secondary-text:#67e8f9;--color-on-secondary:#03191f;--color-accent:#f472b6;--color-accent-soft:#3d1a31;--color-accent-text:#f9a8d4;--color-on-accent:#1f0a16}[data-theme=midnight][data-mode=light]{--color-bg:#eef2f7;--color-fg:#0f172a;--color-card:#fff;--color-muted:#e8edf4;--color-muted-fg:#475569;--color-border:#d8e0eb;--color-border-strong:#7c8aa0;--color-focus:#0f766e;--color-primary:#0f766e;--color-primary-strong:#115e59;--color-primary-2:#4338ca;--color-primary-soft:#ccfbf1;--color-primary-text:#115e59;--color-on-primary:#fff;--color-secondary:#4f46e5;--color-secondary-soft:#e0e7ff;--color-secondary-text:#4338ca;--color-on-secondary:#fff;--color-accent:#db2777;--color-accent-soft:#fce7f3;--color-accent-text:#be185d;--color-on-accent:#fff}[data-theme=midnight][data-mode=dark]{--color-bg:#0f172a;--color-fg:#e2e8f0;--color-card:#172238;--color-muted:#1e2b45;--color-muted-fg:#a3b1c6;--color-border:#283754;--color-border-strong:#6b7c9a;--color-focus:#5eead4;--color-primary:#14b8a6;--color-primary-strong:#0d9488;--color-primary-2:#818cf8;--color-primary-soft:#12393d;--color-primary-text:#5eead4;--color-on-primary:#03201d;--color-secondary:#818cf8;--color-secondary-soft:#262a57;--color-secondary-text:#a5b4fc;--color-on-secondary:#0d0f2b;--color-accent:#f472b6;--color-accent-soft:#3d1a31;--color-accent-text:#f9a8d4;--color-on-accent:#1f0a16}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--color-bg);min-height:100dvh;color:var(--color-fg);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-slow) var(--ease-out), color var(--duration-slow) var(--ease-out);margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-fg);text-wrap:balance;margin:0}h1,h2{font-weight:var(--weight-heavy);letter-spacing:-.01em}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{text-wrap:pretty;margin:0}ul,ol{margin:0;padding:0}img,svg,video{max-width:100%;display:block}svg{flex-shrink:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--color-primary-text);text-underline-offset:.2em;text-decoration-thickness:2px}a:hover{text-decoration-color:currentColor}:focus{outline:none}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--color-primary-soft);color:var(--color-fg)}:lang(zh),[lang|=zh]{font-family:var(--font-zh)}:lang(ko),[lang|=ko]{font-family:var(--font-ko)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{left:var(--space-4);z-index:var(--z-toast);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--weight-bold);text-decoration:none;position:absolute;top:-100px}.skip-link:focus-visible{top:var(--space-4)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{--btn-bg:var(--color-card);--btn-fg:var(--color-fg);--btn-border:var(--color-border);--btn-lip:color-mix(in srgb, var(--color-border) 70%, var(--color-fg) 18%);justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);border:var(--border-width) solid var(--btn-border);border-radius:var(--radius-md);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-bold);text-align:center;text-wrap:balance;background-image:var(--btn-image,none);box-shadow:0 var(--lip) 0 var(--btn-lip), 0 12px 18px -12px var(--shadow-tint);transition:transform var(--duration-press) var(--ease-out), box-shadow var(--duration-press) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;line-height:1.2;text-decoration:none;display:inline-flex;position:relative;transform:translateY(0)}.btn:hover:not(:disabled){box-shadow:0 calc(var(--lip) + 2px) 0 var(--btn-lip), 0 16px 22px -12px var(--shadow-tint);transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(var(--lip));box-shadow:0 0 0 var(--btn-lip), var(--shadow-clay-pressed)}.btn:focus-visible{border-radius:var(--radius-md)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn[aria-busy=true]{cursor:progress}.btn--primary{--btn-bg:var(--color-primary);--btn-image:var(--grad-sheen), var(--grad-primary);--btn-fg:var(--color-on-primary);--btn-border:color-mix(in srgb, var(--color-primary-strong) 80%, #000);--btn-lip:color-mix(in srgb, var(--color-primary-strong) 78%, #000);font-weight:var(--weight-heavy);letter-spacing:.01em}.btn--secondary{--btn-bg:var(--color-card);--btn-fg:var(--color-primary-text);--btn-border:color-mix(in srgb, var(--color-primary) 25%, var(--color-border));--btn-lip:color-mix(in srgb, var(--color-primary) 30%, var(--color-border))}.btn--ghost{--btn-bg:transparent;--btn-image:none;--btn-fg:var(--color-primary-text);--btn-border:transparent;box-shadow:none}.btn--ghost:hover:not(:disabled){--btn-bg:var(--color-primary-soft);box-shadow:none;transform:none}.btn--ghost:active:not(:disabled){box-shadow:none;transform:scale(.97)}.btn--danger{--btn-image:var(--grad-sheen);--btn-bg:var(--color-destructive);--btn-fg:var(--color-on-destructive);--btn-border:color-mix(in srgb, var(--color-destructive) 75%, #000);--btn-lip:color-mix(in srgb, var(--color-destructive) 70%, #000)}.btn--sm{--lip:4px;min-height:var(--touch-min);padding:0 var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn--lg{--lip:6px;min-height:58px;padding:0 var(--space-8);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-heavy);border-radius:var(--radius-lg)}.btn--block{width:100%;display:flex}.btn__icon{width:1.25em;height:1.25em;display:inline-flex}.btn__icon>svg{width:100%;height:100%}.icon-btn{width:var(--touch-min);height:var(--touch-min);border:var(--border-width) solid transparent;border-radius:var(--radius-full);color:var(--color-muted-fg);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-press) var(--ease-out);background:0 0;place-items:center;padding:0;display:inline-grid}.icon-btn svg{width:22px;height:22px}.icon-btn:hover{background:var(--color-muted);color:var(--color-fg)}.icon-btn:active{transform:scale(.94)}.icon-btn:focus-visible{border-radius:var(--radius-full)}.spinner{width:1.25em;height:1.25em;animation:.8s linear infinite lq-spin}@keyframes lq-spin{to{transform:rotate(360deg)}}.card{background:var(--color-card);color:var(--color-fg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-clay);position:relative}.card--pad-sm{padding:var(--space-4)}.card--pad-md{padding:var(--space-5)}.card--pad-lg{padding:var(--space-8)}@media (width>=768px){.card--pad-md{padding:var(--space-6)}}.card--soft{background:var(--color-muted);box-shadow:none}.card--primary{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-primary) 14%, transparent) 0 120px, transparent 121px), var(--color-primary-soft);border-color:color-mix(in srgb, var(--color-primary) 28%, var(--color-primary-soft))}.card--interactive{cursor:pointer;transition:transform var(--duration-press) var(--ease-out), box-shadow var(--duration-press) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.card--interactive:hover{border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-border));transform:translateY(-2px)}.card--interactive:active{box-shadow:var(--shadow-clay-pressed);transform:translateY(1px)}.card__title{font-size:var(--text-lg);margin-bottom:var(--space-1)}.card__description{color:var(--color-muted-fg);font-size:var(--text-sm)}.card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.field{gap:var(--space-2);min-width:0;display:grid}.field__label{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-fg)}.field__control{align-items:center;display:flex;position:relative}.input,.select{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-fg);font-size:max(16px, var(--text-md));transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);box-shadow:inset 0 2px 4px #0f172a0f}.input::placeholder{color:var(--color-muted-fg);opacity:.85}.input:hover,.select:hover{border-color:var(--color-primary)}.input:focus-visible,.select:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-focus) 30%, transparent);outline:none}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--color-destructive)}.input--with-action{padding-right:calc(var(--touch-min) + var(--space-2))}.field__action{position:absolute;right:2px}.select{appearance:none;padding-right:var(--space-10);cursor:pointer;background-image:none}.field__chevron{right:var(--space-3);width:20px;height:20px;color:var(--color-muted-fg);pointer-events:none;position:absolute}.field__hint{font-size:var(--text-xs);color:var(--color-muted-fg)}.field__error{align-items:flex-start;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-destructive-text);display:flex}.field__error svg{width:1.1em;height:1.1em;margin-top:.2em}.form-alert{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-destructive-soft);color:var(--color-destructive-text);font-weight:var(--weight-semibold);font-size:var(--text-sm);align-items:flex-start;display:flex}.form-alert svg{width:1.25em;height:1.25em;margin-top:.1em}.badge{--badge-bg:var(--color-muted);--badge-fg:var(--color-muted-fg);align-items:center;gap:var(--space-1);border-radius:var(--radius-full);background:var(--badge-bg);color:var(--badge-fg);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap;padding:.2em .75em;line-height:1.5;display:inline-flex}.badge svg{width:1.1em;height:1.1em}.badge--primary{--badge-bg:var(--color-primary-soft);--badge-fg:var(--color-primary-text)}.badge--secondary{--badge-bg:var(--color-secondary-soft);--badge-fg:var(--color-secondary-text)}.badge--accent{--badge-bg:var(--color-accent-soft);--badge-fg:var(--color-accent-text)}.badge--success{--badge-bg:var(--color-success-soft);--badge-fg:var(--color-success-text)}.badge--danger{--badge-bg:var(--color-destructive-soft);--badge-fg:var(--color-destructive-text)}.chip{align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-card);color:var(--color-fg);font-weight:var(--weight-semibold);font-size:var(--text-sm);box-shadow:var(--shadow-clay-sm);transition:transform var(--duration-press) var(--ease-out), background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);display:inline-flex}.chip:hover{border-color:var(--color-primary)}.chip:active{transform:scale(.97)}.chip:focus-visible{border-radius:var(--radius-full)}.chip[aria-pressed=true]{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary-text)}.chip svg{width:1.15em;height:1.15em}.progress{--progress-fill:var(--grad-primary);border-radius:var(--radius-full);background:var(--color-muted);width:100%;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0f172a24}.progress--lg{height:20px}.progress--sm{height:9px}.progress--secondary{--progress-fill:linear-gradient(90deg, var(--color-secondary), color-mix(in srgb, var(--color-secondary) 70%, var(--color-accent)))}.progress--success{--progress-fill:linear-gradient(90deg, #4ade80, var(--color-success) 60%, #0d9488)}.progress--accent{--progress-fill:linear-gradient(90deg, var(--color-accent), color-mix(in srgb, var(--color-accent) 65%, var(--color-primary)))}.progress__fill{border-radius:inherit;background:var(--progress-fill);transform-origin:0;transition:transform .6s var(--ease-out);position:absolute;inset:0;box-shadow:inset 0 -3px #00000024}.progress__fill:after{content:"";border-radius:var(--radius-full);background:#ffffff80;height:28%;min-height:2px;position:absolute;top:18%;left:8px;right:8px}.progress--sm .progress__fill:after{display:none}.modal-overlay{z-index:var(--z-modal);background:var(--color-overlay);animation:lq-fade-in var(--duration-slow) var(--ease-out);justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal{width:100%;max-height:90dvh;padding:var(--space-6) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom));background:var(--color-card);color:var(--color-fg);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-float);animation:lq-sheet-up var(--duration-slow) var(--ease-out);overflow:auto}@media (width>=768px){.modal-overlay{padding:var(--space-6);align-items:center}.modal{max-width:480px;padding:var(--space-8);border-radius:var(--radius-xl);animation-name:lq-pop-in}}.modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.modal__title{font-size:var(--text-xl)}.modal__body{gap:var(--space-4);color:var(--color-fg);display:grid}.modal__footer{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap-reverse;display:flex}@media (width<=479px){.modal__footer>.btn{flex:100%}}@keyframes lq-fade-in{0%{opacity:0}}@keyframes lq-sheet-up{0%{opacity:0;transform:translateY(40px)}}@keyframes lq-pop-in{0%{opacity:0;transform:scale(.94)translateY(8px)}}.toast-region{left:var(--space-4);right:var(--space-4);bottom:calc(var(--tabbar-height) + var(--space-4) + env(safe-area-inset-bottom));z-index:var(--z-toast);gap:var(--space-3);pointer-events:none;justify-items:center;display:grid;position:fixed}@media (width>=768px){.toast-region{left:auto;right:var(--space-6);bottom:var(--space-6);justify-items:stretch;width:380px}}.toast{align-items:flex-start;gap:var(--space-3);width:100%;max-width:420px;padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-fg);box-shadow:var(--shadow-float);pointer-events:auto;animation:lq-sheet-up var(--duration-slow) var(--ease-bounce);display:flex}.toast__icon{width:24px;height:24px;color:var(--color-primary)}.toast--success .toast__icon{color:var(--color-success)}.toast--danger .toast__icon{color:var(--color-destructive)}.toast__text{flex:1;gap:2px;min-width:0;display:grid}.toast__title{font-weight:var(--weight-bold)}.toast__description{font-size:var(--text-sm);color:var(--color-muted-fg)}.toast .icon-btn{margin:calc(var(--space-2) * -1) calc(var(--space-2) * -1) 0 0}.tabs__list,.segmented{gap:var(--space-1);max-width:100%;padding:var(--space-1);border-radius:var(--radius-lg);background:var(--color-muted);scrollbar-width:none;display:inline-flex;overflow-x:auto;box-shadow:inset 0 2px 4px #0f172a12}.tabs__tab,.segmented__option{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);border:var(--border-width) solid transparent;border-radius:calc(var(--radius-lg) - 4px);color:var(--color-muted-fg);font-weight:var(--weight-bold);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:0 0;flex:1 0 auto;display:inline-flex}.tabs__tab:hover,.segmented__option:hover{color:var(--color-fg)}.tabs__tab[aria-selected=true],.segmented__option[aria-checked=true]{background:var(--color-card);border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-border));color:var(--color-primary-text);box-shadow:0 3px 0 color-mix(in srgb, var(--color-primary) 35%, var(--color-border))}.tabs__tab svg,.segmented__option svg{width:1.15em;height:1.15em}.tabs__tab:focus-visible,.segmented__option:focus-visible{outline-offset:-3px;border-radius:calc(var(--radius-lg) - 4px)}@media (width<=479px){.segmented__option{padding:0 var(--space-3)}.segmented--block .segmented__option svg{display:none}}.tabs__panel{margin-top:var(--space-5)}.segmented--block{width:100%;display:flex}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-muted) 0%, color-mix(in srgb, var(--color-muted) 55%, var(--color-card)) 50%, var(--color-muted) 100%);background-size:200% 100%;animation:1.4s ease-in-out infinite lq-shimmer;display:block}.skeleton--circle{border-radius:var(--radius-full)}.skeleton-text{gap:var(--space-2);display:grid}@keyframes lq-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.avatar{width:var(--avatar-size,48px);height:var(--avatar-size,48px);border:var(--border-width-thick) solid var(--color-card);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:calc(var(--avatar-size,48px) * .4);box-shadow:var(--shadow-clay-sm);flex-shrink:0;place-items:center;line-height:1;display:inline-grid}.page-loader{min-height:60vh;color:var(--color-primary);place-items:center;display:grid}.page-loader .spinner{width:40px;height:40px}.empty-state{justify-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;display:grid}.empty-state__art{border-radius:var(--radius-xl);background:var(--color-primary-soft);width:96px;height:96px;color:var(--color-primary-text);box-shadow:var(--shadow-clay);place-items:center;display:grid}.empty-state__art svg{width:48px;height:48px}.empty-state p{max-width:42ch;color:var(--color-muted-fg)}.empty-state h1,.empty-state h2{font-weight:var(--weight-heavy)}.empty-state__lin{margin-bottom:calc(-1 * var(--space-2))}.icon-tile{--t1:var(--color-primary);--t2:var(--color-primary-2);--t-on:var(--color-on-primary);--t-lip:var(--color-primary-strong);--t-soft:var(--color-primary-soft);--t-text:var(--color-primary-text);background:var(--grad-sheen), linear-gradient(140deg, var(--t1), var(--t2));width:44px;height:44px;color:var(--t-on);box-shadow:0 3px 0 var(--t-lip), 0 8px 14px -8px color-mix(in srgb, var(--t2) 70%, transparent);border-radius:14px;flex:none;place-items:center;display:inline-grid;position:relative}.icon-tile svg{stroke-width:2.4px;width:24px;height:24px}.icon-tile--sm{border-radius:10px;width:32px;height:32px}.icon-tile--sm svg{width:18px;height:18px}.icon-tile--lg{border-radius:18px;width:56px;height:56px}.icon-tile--lg svg{width:30px;height:30px}.icon-tile--xl{border-radius:22px;width:72px;height:72px}.icon-tile--xl svg{width:38px;height:38px}.icon-tile--soft{background:var(--t-soft);color:var(--t-text);box-shadow:none}.icon-tile[data-tone=secondary]{--t1:var(--color-secondary);--t2:color-mix(in srgb, var(--color-secondary) 82%, #000);--t-on:var(--color-on-secondary);--t-lip:color-mix(in srgb, var(--color-secondary) 65%, #000);--t-soft:var(--color-secondary-soft);--t-text:var(--color-secondary-text)}.icon-tile[data-tone=accent]{--t1:var(--color-accent);--t2:color-mix(in srgb, var(--color-accent) 80%, #000);--t-on:var(--color-on-accent);--t-lip:color-mix(in srgb, var(--color-accent) 62%, #000);--t-soft:var(--color-accent-soft);--t-text:var(--color-accent-text)}.icon-tile[data-tone=success]{--t1:#4ade80;--t2:#16a34a;--t-on:#052e16;--t-lip:#166534;--t-soft:var(--color-success-soft);--t-text:var(--color-success-text)}.icon-tile[data-tone=gold]{--t1:#fde047;--t2:#f59e0b;--t-on:#3b1a00;--t-lip:#b45309;--t-soft:var(--color-unit6-soft);--t-text:var(--color-unit6-text)}.icon-tile[data-tone=flame]{--t1:#fb923c;--t2:#dc2626;--t-on:#fff;--t-lip:#9a3412;--t-soft:var(--color-unit5-soft);--t-text:var(--color-unit5-text)}.icon-tile[data-tone=muted]{--t1:var(--color-muted);--t2:var(--color-muted);--t-on:var(--color-muted-fg);--t-lip:var(--color-border);--t-soft:var(--color-muted);--t-text:var(--color-muted-fg)}.icon-tile[data-tone=u1]{--t1:var(--color-unit1);--t2:var(--color-unit1-2);--t-on:var(--color-on-unit1);--t-lip:var(--color-unit1-lip);--t-soft:var(--color-unit1-soft);--t-text:var(--color-unit1-text)}.icon-tile[data-tone=u2]{--t1:var(--color-unit2);--t2:var(--color-unit2-2);--t-on:var(--color-on-unit2);--t-lip:var(--color-unit2-lip);--t-soft:var(--color-unit2-soft);--t-text:var(--color-unit2-text)}.icon-tile[data-tone=u3]{--t1:var(--color-unit3);--t2:var(--color-unit3-2);--t-on:var(--color-on-unit3);--t-lip:var(--color-unit3-lip);--t-soft:var(--color-unit3-soft);--t-text:var(--color-unit3-text)}.icon-tile[data-tone=u4]{--t1:var(--color-unit4);--t2:var(--color-unit4-2);--t-on:var(--color-on-unit4);--t-lip:var(--color-unit4-lip);--t-soft:var(--color-unit4-soft);--t-text:var(--color-unit4-text)}.icon-tile[data-tone=u5]{--t1:var(--color-unit5);--t2:var(--color-unit5-2);--t-on:var(--color-on-unit5);--t-lip:var(--color-unit5-lip);--t-soft:var(--color-unit5-soft);--t-text:var(--color-unit5-text)}.icon-tile[data-tone=u6]{--t1:var(--color-unit6);--t2:var(--color-unit6-2);--t-on:var(--color-on-unit6);--t-lip:var(--color-unit6-lip);--t-soft:var(--color-unit6-soft);--t-text:var(--color-unit6-text)}.mascot{overflow:visible}.mascot-say{align-items:flex-end;gap:var(--space-3);display:flex}.mascot-say__lin{flex:none}.mascot-say__bubble{min-width:0;padding:var(--space-4) var(--space-5);border:var(--border-width-thick) solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));border-radius:var(--radius-xl);background:var(--color-card);color:var(--color-fg);box-shadow:0 var(--lip) 0 color-mix(in srgb, var(--color-primary) 25%, var(--color-border)), 0 18px 28px -18px var(--shadow-tint);position:relative}.mascot-say--right .mascot-say__bubble{margin-bottom:var(--space-6)}.mascot-say--right .mascot-say__bubble:before{content:"";border-bottom:var(--border-width-thick) solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));border-left:var(--border-width-thick) solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));background:var(--color-card);width:18px;height:18px;position:absolute;bottom:18px;left:-10px;transform:rotate(45deg)}.page-bg{--bg-dot:color-mix(in srgb, var(--color-primary) 16%, transparent);--bg-blob-1:color-mix(in srgb, var(--color-primary) 13%, transparent);--bg-blob-2:color-mix(in srgb, var(--color-secondary) 12%, transparent);--bg-blob-3:color-mix(in srgb, var(--color-accent) 10%, transparent);--bg-dot-size:22px}.page-bg:before{content:"";z-index:-1;pointer-events:none;background-color:var(--color-bg);background-image:radial-gradient(circle at 8% 6%, var(--bg-blob-1) 0, transparent 32%), radial-gradient(circle at 96% 38%, var(--bg-blob-2) 0, transparent 30%), radial-gradient(circle at 30% 104%, var(--bg-blob-3) 0, transparent 34%), radial-gradient(var(--bg-dot) 1.4px, transparent 1.9px);background-size:auto, auto, auto, var(--bg-dot-size) var(--bg-dot-size);position:fixed;inset:0}.page-bg[data-section=review]{--bg-dot:color-mix(in srgb, var(--color-accent) 16%, transparent);--bg-blob-1:color-mix(in srgb, var(--color-accent) 12%, transparent);--bg-blob-2:color-mix(in srgb, var(--color-unit5) 10%, transparent)}.page-bg[data-section=tutor]{--bg-dot:color-mix(in srgb, var(--color-unit4) 14%, transparent);--bg-blob-1:color-mix(in srgb, var(--color-unit4) 11%, transparent);--bg-blob-2:color-mix(in srgb, var(--color-primary) 12%, transparent)}.page-bg[data-section=achievements]{--bg-dot:color-mix(in srgb, var(--color-unit6) 22%, transparent);--bg-blob-1:color-mix(in srgb, var(--color-unit6) 16%, transparent);--bg-blob-2:color-mix(in srgb, var(--color-accent) 11%, transparent);--bg-dot-size:26px}.page-bg[data-section=plan],.page-bg[data-section=analytics]{--bg-dot:color-mix(in srgb, var(--color-unit2) 14%, transparent);--bg-blob-1:color-mix(in srgb, var(--color-unit2) 11%, transparent)}.page-bg[data-section=pricing]{--bg-blob-1:color-mix(in srgb, var(--color-primary) 15%, transparent);--bg-blob-3:color-mix(in srgb, var(--color-accent) 13%, transparent)}.page-bg[data-section=games]{--bg-dot:color-mix(in srgb, var(--color-unit6) 16%, transparent);--bg-blob-1:color-mix(in srgb, var(--color-unit3) 12%, transparent);--bg-blob-2:color-mix(in srgb, var(--color-unit5) 10%, transparent);--bg-blob-3:color-mix(in srgb, var(--color-unit6) 12%, transparent)}.page-bg[data-section=lesson]:before{background-image:radial-gradient(ellipse 80% 40% at 50% -6%, color-mix(in srgb, var(--color-primary) 14%, transparent) 0, transparent 70%), radial-gradient(var(--bg-dot) 1.3px, transparent 1.8px);background-size:auto,26px 26px}.page-bg[data-section=onboarding]{--bg-blob-2:color-mix(in srgb, var(--color-unit1) 16%, transparent)}.page-bg[data-section=learn]{--bg-blob-3:color-mix(in srgb, var(--color-unit1) 14%, transparent)}.shell__sidebar{background:linear-gradient(180deg, var(--color-card) 45%, color-mix(in srgb, #a7f3d0 22%, var(--color-card)) 100%)}[data-biome],.scenery,.scene-prop{--scn-sky-top:#dbf1ff;--scn-sky-bottom:#f2fce9;--scn-cloud:#fff;--scn-cloud-shade:#e0f2fe;--scn-sun:#facc15;--scn-sun-ray:#fde047;--scn-moon:#fef3c7;--scn-moon-shade:#fde68a;--scn-star:#fde68a;--scn-bird:#334155;--scn-hill-far:#c7f2d4;--scn-hill-mid:#9be7b4;--scn-hill-near:#6edc93;--scn-grass:#4ade80;--scn-leaf:#22c55e;--scn-leaf-dark:#15803d;--scn-leaf-light:#bbf7d0;--scn-trunk:#92400e;--scn-trunk-dark:#5b2412;--scn-pine:#047857;--scn-pine-light:#059669;--scn-pine-snow:0;--scn-flower-1:#f472b6;--scn-flower-2:#facc15;--scn-flower-3:#fff;--scn-rock:#a8a29e;--scn-snow:#fff;--scn-water:#38bdf8;--scn-water-light:#e0f2fe;--scn-mountain:#a5b4fc;--scn-mountain-shade:#818cf8;--scn-trail:#fde9b8;--scn-trail-edge:#e5be7a;--scn-trail-dash:#fff;--scn-window:#bae6fd;--scn-window-glow:#fde68a}[data-biome=forest]{--scn-sky-top:#d7f5e6;--scn-sky-bottom:#ecfdf3;--scn-hill-far:#a7e8c5;--scn-hill-mid:#6fd3a2;--scn-hill-near:#3fbf7f;--scn-leaf:#16a34a;--scn-leaf-dark:#166534;--scn-flower-1:#fb923c;--scn-trail:#ebd3ae;--scn-trail-edge:#b98a4e}[data-biome=riverside]{--scn-sky-top:#d3eeff;--scn-sky-bottom:#e6fbff;--scn-hill-far:#bde8f5;--scn-hill-mid:#9ee6c6;--scn-hill-near:#6dd8a6;--scn-trail:#9fdcfb;--scn-trail-edge:#4fb7ec;--scn-trail-dash:#e0f7ff}[data-biome=mountains]{--scn-sky-top:#e4e3ff;--scn-sky-bottom:#f3f1ff;--scn-hill-far:#d7d2fb;--scn-hill-mid:#b9e6c4;--scn-hill-near:#93d9a8;--scn-mountain:#a5b4fc;--scn-mountain-shade:#6366f1;--scn-pine-snow:1;--scn-trail:#e7e5e4;--scn-trail-edge:#a8a29e}[data-biome=village]{--scn-sky-top:#ffe7d1;--scn-sky-bottom:#fff6ea;--scn-hill-far:#fcd9b0;--scn-hill-mid:#c9eba6;--scn-hill-near:#9bdb7c;--scn-flower-1:#f43f5e;--scn-trail:#f8d6a4;--scn-trail-edge:#cf8a4b;--scn-accent:#ef4444}[data-biome=summit]{--scn-sky-top:#fff2c2;--scn-sky-bottom:#fffae8;--scn-hill-far:#fbe3a1;--scn-hill-mid:#e8e2cf;--scn-hill-near:#d9d2bc;--scn-mountain:#cbd5e1;--scn-mountain-shade:#94a3b8;--scn-pine-snow:1;--scn-trail:#fde68a;--scn-trail-edge:#d99a1e}[data-mode=dark] [data-biome],[data-mode=dark] .scenery,[data-mode=dark] .scene-prop{--scn-sky-top:#0c1530;--scn-sky-bottom:#11203a;--scn-cloud:#334766;--scn-cloud-shade:#2a3b57;--scn-bird:#94a3b8;--scn-hill-far:#17304a;--scn-hill-mid:#1a3f35;--scn-hill-near:#1f5138;--scn-grass:#2f8a57;--scn-leaf:#2a8c52;--scn-leaf-dark:#1b5e3a;--scn-leaf-light:#3ba56a;--scn-pine:#1d6b50;--scn-pine-light:#24805f;--scn-flower-3:#e2e8f0;--scn-rock:#6b6863;--scn-water:#1e5a8a;--scn-water-light:#3b82c4;--scn-mountain:#3a3f78;--scn-mountain-shade:#2a2d5e;--scn-snow:#cbd5e1;--scn-trail:#3d3a2e;--scn-trail-edge:#57513c;--scn-trail-dash:#8c8466;--scn-window:#fde68a}[data-mode=dark] [data-biome=forest]{--scn-sky-top:#0a1a16;--scn-sky-bottom:#0f241d;--scn-hill-far:#14352b}[data-mode=dark] [data-biome=riverside]{--scn-sky-top:#0a1830;--scn-sky-bottom:#0e2340;--scn-trail:#1e4d78;--scn-trail-edge:#2c6aa3;--scn-trail-dash:#4c8fd0}[data-mode=dark] [data-biome=mountains]{--scn-sky-top:#120f2c;--scn-sky-bottom:#1a1640;--scn-hill-far:#2a2560}[data-mode=dark] [data-biome=village]{--scn-sky-top:#1f1020;--scn-sky-bottom:#26162a;--scn-hill-far:#3a2233}[data-mode=dark] [data-biome=summit]{--scn-sky-top:#1a1530;--scn-sky-bottom:#221c3c;--scn-hill-far:#332b52;--scn-mountain:#4a4f70;--scn-hill-near:#3b3a52;--scn-hill-mid:#2f2e46}.scn-moon,.scn-stars,[data-mode=dark] .scn-sun{display:none}[data-mode=dark] .scn-moon,[data-mode=dark] .scn-stars{display:inline}.scenery,.scene-prop{pointer-events:none;-webkit-user-select:none;user-select:none;display:block;overflow:visible}.scene-prop{width:var(--prop-size,96px);height:var(--prop-size,96px)}.logo{align-items:center;gap:var(--space-2);min-height:var(--touch-min);color:var(--color-fg);border-radius:var(--radius-md);text-decoration:none;display:inline-flex}.logo__mark{filter:drop-shadow(0 3px 0 color-mix(in srgb, var(--color-primary-strong) 45%, transparent))}.logo__text{font-family:var(--font-heading);font-weight:var(--weight-bold);letter-spacing:-.01em;font-size:1.5rem;line-height:1}.logo__text span{color:var(--color-primary-text)}.logo--compact .logo__text{display:none}.shell{min-height:100dvh}.shell__sidebar,.shell__rail{display:none}.shell__column{min-width:0}.shell__topbar{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-3);height:var(--topbar-height);padding:0 var(--space-4);background:var(--color-card);border-bottom:var(--border-width) solid var(--color-border);box-shadow:0 8px 18px -14px var(--shadow-tint);display:flex;position:sticky;top:0}.shell__topbar .logo__mark{width:36px;height:36px}.shell__topbar .logo__text{font-size:1.3rem}@media (width<=419px){.shell__topbar .logo__text{display:none}}.shell__main{--main-pad-x:var(--space-4);width:100%;max-width:var(--content-max);padding:var(--space-5) var(--main-pad-x) calc(var(--tabbar-height) + var(--space-8) + env(safe-area-inset-bottom));margin:0 auto}.shell__main:focus{outline:none}.stat-pills{align-items:center;gap:var(--space-2);display:flex}.stat-pill{min-height:40px;padding:0 var(--space-3) 0 4px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-card);color:var(--color-fg);font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-md);box-shadow:var(--shadow-clay-sm);font-variant-numeric:tabular-nums;align-items:center;gap:6px;line-height:1;display:inline-flex}.stat-pill__num{font-family:var(--font-numeric);font-size:var(--text-lg);font-weight:var(--weight-heavy);letter-spacing:-.01em}.stat-pill .icon-tile{border-radius:10px;width:30px;height:30px}.stat-pill .icon-tile svg{width:18px;height:18px}.tab-bar{z-index:var(--z-nav);padding:var(--space-1) var(--space-2) env(safe-area-inset-bottom);background:var(--color-card);border-top:var(--border-width) solid var(--color-border);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -16px #0f172a40}.tab-bar ul{height:var(--tabbar-height);grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;display:grid}.tab-bar__link{min-width:0;height:100%;color:var(--color-muted-fg);font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.tab-bar .tab-bar__icon{border-radius:var(--radius-full);width:48px;height:32px;box-shadow:none;color:var(--t-text);transition:transform var(--duration-press) var(--ease-bounce);background:0 0}.tab-bar .tab-bar__icon svg{width:24px;height:24px}.tab-bar__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tab-bar__link:active .tab-bar__icon{transform:scale(.92)}.tab-bar__link.is-active{color:var(--color-primary-text)}.tab-bar__link.is-active .tab-bar__icon{background:var(--grad-sheen), linear-gradient(140deg, var(--t1), var(--t2));color:var(--t-on);box-shadow:0 3px 0 var(--t-lip)}.tab-bar__link.is-active .tab-bar__icon svg{stroke-width:2.4px}.side-nav ul{gap:var(--space-1);list-style:none;display:grid}.side-nav__link{align-items:center;gap:var(--space-3);min-height:52px;padding:0 var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius-lg);color:var(--color-muted-fg);font-weight:var(--weight-bold);font-size:var(--text-md);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-press) var(--ease-out);text-decoration:none;display:flex}.side-nav__link:hover{background:var(--color-muted);color:var(--color-fg)}.side-nav__link:active{transform:scale(.98)}.side-nav__link.is-active{background:var(--color-card);border-color:var(--color-border);color:var(--color-fg);box-shadow:0 4px 0 var(--color-border), 0 10px 18px -12px var(--shadow-tint)}.side-nav__label{font-weight:var(--weight-heavy)}.side-nav__tile{transition:transform var(--duration-press) var(--ease-bounce)}.side-nav__link:not(.is-active) .side-nav__tile{background:var(--t-soft);color:var(--t-text);box-shadow:none}.side-nav__link:hover .side-nav__tile{transform:rotate(-6deg)scale(1.06)}.shell__rail{gap:var(--space-4);align-content:start}.stat-pills--rail{justify-content:flex-end}.rail-slot,.rail-default{gap:var(--space-4);display:grid}.rail-slot:empty,.rail-slot:not(:empty)+.rail-default{display:none}.rail-card{gap:var(--space-3);display:grid}.rail-card__head{align-items:center;gap:var(--space-3);display:flex}.rail-card__title{font-size:var(--text-lg)}.rail-card__meta{font-size:var(--text-sm);color:var(--color-muted-fg)}.rail-card__text{font-size:var(--text-sm);color:var(--color-fg)}.rail-card__meta strong{color:var(--color-fg);font-size:var(--text-md)}@media (width>=768px){.shell{grid-template-columns:var(--rail-width) minmax(0, 1fr);display:grid}.tab-bar{display:none}.shell__sidebar{align-items:center;gap:var(--space-6);height:100dvh;padding:var(--space-4) var(--space-3);background:var(--color-card);border-right:var(--border-width) solid var(--color-border);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.shell__logo .logo__text{display:none}.side-nav{width:100%}.side-nav__link{justify-content:center;min-height:56px;padding:0}.side-nav__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell__topbar-logo{visibility:hidden}.shell__topbar{padding:0 var(--space-6)}.shell__main{--main-pad-x:var(--space-6);padding:var(--space-8) var(--main-pad-x) var(--space-16)}}@media (width>=1024px){.shell{grid-template-columns:216px minmax(0,1fr) minmax(232px,280px);max-width:100%}.shell__sidebar{padding:var(--space-6) var(--space-4);align-items:stretch}.shell__logo{padding:0 var(--space-2)}.shell__logo .logo__text{display:inline}.side-nav__link{padding:0 var(--space-4);justify-content:flex-start;min-height:52px}.side-nav__label{clip:auto;width:auto;height:auto;position:static;overflow:visible}.shell__topbar{display:none}.shell__main{--main-pad-x:var(--space-6);padding:var(--space-8) var(--main-pad-x) var(--space-16)}.shell__rail{min-width:0;height:100dvh;padding:var(--space-6) var(--space-5) var(--space-8) var(--space-2);scrollbar-gutter:stable;scrollbar-width:thin;grid-template-columns:minmax(0,1fr);display:grid;position:sticky;top:0;overflow:hidden auto}.shell__rail>*,.rail-slot>*,.rail-default>*{min-width:0}}@media (width>=1280px){.shell{grid-template-columns:minmax(216px, var(--sidebar-width)) minmax(0, 1fr) minmax(260px, var(--right-rail-width))}.shell__rail{padding-right:var(--space-6)}.shell__main{--main-pad-x:var(--space-10);padding:var(--space-10) var(--main-pad-x) var(--space-16)}}.page{gap:var(--space-6);display:grid}.page-header{gap:var(--space-2);display:grid}.page-header h1{font-size:var(--text-3xl)}.page-header__lead{color:var(--color-muted-fg);font-size:var(--text-md)}.public-header{z-index:var(--z-sticky);background:color-mix(in srgb, var(--color-bg) 92%, transparent);border-bottom:var(--border-width) solid var(--color-border);position:sticky;top:0}.public-header__inner{justify-content:space-between;align-items:center;gap:var(--space-3);max-width:var(--page-max);height:68px;padding:0 var(--space-4);margin:0 auto;display:flex}.public-header__actions{align-items:center;gap:var(--space-2);display:flex}@media (width<=479px){.public-header .logo__text{display:none}}.public-layout__main{max-width:var(--page-max);padding:var(--space-8) var(--space-4) var(--space-16);margin:0 auto}.focus-layout{min-height:100dvh;max-width:var(--content-max);padding:var(--space-6) var(--space-4) var(--space-12);margin:0 auto}.public-layout__main:focus,.focus-layout:focus,.auth__main:focus,.landing main:focus{outline:none}.status-strip{justify-content:center;gap:var(--space-1) var(--space-4);padding:var(--space-2) var(--space-4);padding-top:calc(var(--space-2) + env(safe-area-inset-top));background:var(--color-card);border-bottom:2px solid var(--color-border);color:var(--color-text);flex-wrap:wrap;font-size:.8125rem;font-weight:700;display:flex}.status-pill{align-items:center;gap:var(--space-2);margin:0;display:inline-flex}.status-pill svg{flex:none;width:1.1em;height:1.1em}.status-pill--offline{color:var(--color-secondary-text)}.status-pill--sync{color:var(--color-primary-text)}.side-extras{display:none}@media (width>=1024px){.shell__sidebar{gap:var(--space-5);padding-bottom:0}.side-extras{gap:var(--space-4);margin-inline:calc(-1 * var(--space-4));padding-inline:var(--space-4);flex-direction:column;flex:1 0 auto;display:flex}}.side-tip{justify-items:start;margin-top:auto;display:grid}.side-tip__bubble{gap:var(--space-1);width:100%;padding:var(--space-3) var(--space-3) var(--space-2);border:var(--border-width) solid color-mix(in srgb, var(--color-primary) 30%, var(--color-border));border-radius:var(--radius-lg);background:var(--color-card);box-shadow:0 4px 0 color-mix(in srgb, var(--color-primary) 22%, var(--color-border));display:grid;position:relative}.side-tip__bubble:after{content:"";border-right:var(--border-width) solid color-mix(in srgb, var(--color-primary) 30%, var(--color-border));border-bottom:var(--border-width) solid color-mix(in srgb, var(--color-primary) 30%, var(--color-border));background:var(--color-card);width:14px;height:14px;position:absolute;top:100%;left:40px;transform:translateY(-6px)rotate(45deg)}.side-tip__title{color:var(--color-primary-text);font-size:var(--text-sm);font-weight:var(--weight-heavy)}.side-tip__text{color:var(--color-fg);font-size:var(--text-sm);line-height:var(--leading-snug)}.side-tip__next{justify-self:end;align-items:center;gap:var(--space-1);min-height:var(--touch-min);padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--color-primary-text);font-size:var(--text-xs);font-weight:var(--weight-heavy);background:0 0;border:0;display:inline-flex}.side-tip__next:hover{background:var(--color-primary-soft)}.side-tip__next svg{width:14px;height:14px}.side-tip__lin{margin:var(--space-2) 0 -30px var(--space-2);z-index:1;position:relative}.side-nature{width:calc(100% + 2 * var(--space-4));height:auto;margin:0 calc(-1 * var(--space-4));flex:none;display:block}@media (height<=979px){.side-tip__lin{display:none}.side-nature{max-height:96px}}@media (height<=859px){.side-tip{display:none}}.rail-card{overflow-wrap:anywhere;min-width:0}.auth{min-height:100dvh;display:grid}.auth__form-col{min-width:0;padding:var(--space-4) var(--space-4) var(--space-10);flex-direction:column;display:flex}.auth__header{width:100%;max-width:460px;margin:0 auto var(--space-6);align-items:center;display:flex}.auth__main{flex:1;justify-content:center;align-items:flex-start;display:flex}.auth-card{width:100%;max-width:460px;padding:var(--space-6) var(--space-5);background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-clay)}.auth-card h1{font-size:var(--text-2xl)}.auth-card__lead{margin-top:var(--space-2);color:var(--color-muted-fg)}.auth-form{gap:var(--space-5);margin-top:var(--space-6);display:grid}.auth-form .btn{margin-top:var(--space-2)}.auth-card__switch{margin-top:var(--space-6);text-align:center;color:var(--color-muted-fg)}.auth-card__switch a{font-weight:var(--weight-bold)}.auth__panel{display:none}@media (width>=768px){.auth__form-col{padding:var(--space-6) var(--space-8) var(--space-12)}.auth__main{align-items:center}.auth-card{padding:var(--space-10) var(--space-8)}}@media (width>=1024px){.auth{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth__panel{padding:var(--space-12);background:var(--color-primary);color:var(--color-on-primary);justify-content:center;align-items:center;display:flex}.auth__panel-inner{gap:var(--space-8);max-width:460px;display:grid}.auth__panel-title{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-3xl);line-height:var(--leading-tight);color:var(--color-on-primary)}.auth__perks{gap:var(--space-3);font-weight:var(--weight-semibold);list-style:none;display:grid}.auth__perks li{align-items:center;gap:var(--space-3);display:flex}.auth__perks svg{width:24px;height:24px}}.auth-demo{gap:var(--space-3);display:grid}.auth-demo__bubble{max-width:85%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-weight:var(--weight-semibold);box-shadow:var(--shadow-clay-sm)}.auth-demo__bubble--me{background:var(--color-card);color:var(--color-fg);border-bottom-right-radius:6px;justify-self:end}.auth-demo__bubble--tutor{background:var(--color-primary-soft);color:var(--color-fg);border-bottom-left-radius:6px}.auth-demo__fix{gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-fg);border:var(--border-width-thick) solid var(--color-success);box-shadow:var(--shadow-clay);display:grid}.auth-demo__label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-success-text)}.auth-demo__fix small,.chat-demo__fix small{color:var(--color-muted-fg);font-size:var(--text-sm)}del{color:var(--color-destructive-text);text-decoration-thickness:2px}ins{color:var(--color-success-text);font-weight:var(--weight-bold);background:var(--color-success-soft);border-radius:6px;padding:0 4px;text-decoration:none}.profile__grid{gap:var(--space-6);display:grid}.profile-summary{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.profile-summary__text{flex:180px;min-width:0}.profile-summary__name{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-xl);line-height:var(--leading-tight);overflow-wrap:anywhere}.profile-summary__email{color:var(--color-muted-fg);font-size:var(--text-sm);overflow-wrap:anywhere}.section-icon{border-radius:var(--radius-md);background:var(--color-primary-soft);width:44px;height:44px;color:var(--color-primary-text);flex-shrink:0;place-items:center;display:grid}.section-icon--secondary{background:var(--color-secondary-soft);color:var(--color-secondary-text)}.section-icon svg{width:22px;height:22px}.stack-form{gap:var(--space-5);display:grid}.stack-form .card__header{margin-bottom:0}.form-row{gap:var(--space-5);display:grid}@media (width>=640px){.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.form-actions{justify-content:flex-end;display:flex}@media (width<=479px){.form-actions .btn{width:100%}}.settings-stack{gap:var(--space-6);display:grid}.setting{gap:var(--space-3);display:grid}.setting__label{font-weight:var(--weight-bold);font-size:var(--text-sm)}.setting__preview{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-muted);color:var(--color-fg)}.theme-picker{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.theme-swatch{gap:var(--space-2);padding:var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-fg);text-align:center;box-shadow:var(--shadow-clay-sm);transition:transform var(--duration-press) var(--ease-out), border-color var(--duration-fast) var(--ease-out);display:grid}.theme-swatch:hover{border-color:var(--color-primary)}.theme-swatch:active{transform:scale(.97)}.theme-swatch.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 30%, transparent), var(--shadow-clay-sm)}.theme-swatch__preview{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;height:56px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0f172a14}.theme-swatch__preview>span{border-radius:var(--radius-full);width:20px;height:20px;box-shadow:inset 0 -2px #00000026,0 1px 2px #0003}.theme-swatch__check{border-radius:var(--radius-full);background:var(--color-primary);width:22px;height:22px;color:var(--color-on-primary);padding:3px;position:absolute;top:4px;right:4px}.theme-swatch__name{font-size:var(--text-sm);font-weight:var(--weight-bold)}.plan-card__name strong{font-family:var(--font-heading);font-size:var(--text-2xl);line-height:1}.plan-card__meta{margin-top:var(--space-1);color:var(--color-fg);font-size:var(--text-sm)}.plan-card__features,.plan__features{gap:var(--space-2);margin:var(--space-4) 0 var(--space-5);list-style:none;display:grid}.plan-card__features li,.plan__features li{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);display:flex}.plan-card__features svg,.plan__features svg{width:18px;height:18px;color:var(--color-success-text);margin-top:.15em}.profile__session,.profile__danger{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.profile__session>div,.profile__danger>div{flex:240px}.profile__danger{border-color:color-mix(in srgb, var(--color-destructive) 35%, var(--color-border))}.profile__danger .card__title{color:var(--color-destructive-text)}.landing{--landing-gutter:var(--space-4);overflow-x:clip}.landing-header{z-index:var(--z-sticky);background:color-mix(in srgb, var(--color-bg) 94%, transparent);border-bottom:var(--border-width) solid var(--color-border);position:sticky;top:0}.landing-header__inner{align-items:center;gap:var(--space-4);max-width:var(--page-max);height:68px;padding:0 var(--landing-gutter);margin:0 auto;display:flex}.landing-header__nav{display:none}.landing-header__actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.landing-header__cta{display:none}@media (width<=399px){.landing-header .logo__text{font-size:1.25rem}.landing-header__login{padding:0 var(--space-3)}}@media (width>=640px){.landing-header__cta{display:inline-flex}}@media (width>=1024px){.landing-header__nav{gap:var(--space-1);margin-left:var(--space-6);display:flex}.landing-header__nav a{min-height:var(--touch-min);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-fg);font-weight:var(--weight-bold);align-items:center;text-decoration:none;display:inline-flex}.landing-header__nav a:hover{background:var(--color-muted)}}.hero{isolation:isolate;gap:var(--space-10);padding:var(--space-10) max(var(--landing-gutter), calc((100% - var(--page-max)) / 2 + var(--landing-gutter))) 150px;background:linear-gradient(180deg, var(--scn-sky-top) 0%, var(--scn-sky-bottom) 85%);display:grid;position:relative}.hero__scenery{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero__scn{position:absolute}.hero__scn--sky-l{width:min(36vw,300px);top:8px;left:0}.hero__scn--sky-r{width:min(30vw,280px);top:40px;right:0}.hero__scn--ground-l,.hero__scn--ground-r{width:clamp(160px,22vw,340px);bottom:30px}.hero__scn--ground-l{left:0}.hero__scn--ground-r{right:0}.hero__scn--band{width:100%;height:90px;bottom:0;left:0;right:0}@media (width<=767px){.hero__scn--ground-l,.hero__scn--ground-r{opacity:.9;width:150px}.hero__scn--ground-r{display:none}.hero__scn--sky-r{top:auto;bottom:260px}}@media (width<=639px){.hero__scn--sky-l{display:none}}.hero__copy{z-index:1;align-content:center;gap:var(--space-6);display:grid;position:relative}.hero__title{font-size:calc(clamp(2.5rem, 1.3rem + 3.8vw, 4.25rem) * var(--font-scale));font-weight:var(--weight-heavy);letter-spacing:-.02em;line-height:1.02}.hero__lead{max-width:48ch;font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-fg)}.hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=479px){.hero__actions .btn{width:100%}}.hero__facts{gap:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-muted-fg);flex-wrap:wrap;list-style:none;display:flex}.hero__facts li{align-items:center;gap:var(--space-1);display:inline-flex}.hero__facts svg{width:18px;height:18px;color:var(--color-success-text)}.hero__visual{padding:var(--space-4);border:var(--border-width) solid color-mix(in srgb, var(--color-primary-strong) 80%, #000);background:radial-gradient(circle at 100% 0%, #ffffff38 0 110px, transparent 111px), radial-gradient(circle at 0% 100%, #ffffff24 0 120px, transparent 121px), var(--grad-primary);box-shadow:0 var(--lip-lg) 0 color-mix(in srgb, var(--color-primary-strong) 78%, #000), 0 30px 50px -24px var(--shadow-tint);border-radius:36px;padding-top:92px;position:relative}.hero__lin{z-index:2;width:120px;height:120px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}@media (width>=768px){.hero__lin{width:150px;height:150px;top:auto;bottom:-34px;left:-58px;transform:none}}.hero__float{display:none}@media (width>=768px){.hero__visual{padding:var(--space-10)}.hero__float{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-card);color:var(--color-fg);font-weight:var(--weight-bold);box-shadow:var(--shadow-clay);display:inline-flex;position:absolute;top:-18px;right:28px;transform:rotate(3deg)}.hero__float svg{width:22px;height:22px;color:var(--color-streak);fill:color-mix(in srgb, var(--color-streak) 35%, transparent)}}@media (width>=1024px) and (width<=1279px){.hero__visual{padding:var(--space-6)}}@media (width>=1024px){.hero{gap:var(--space-16);padding-top:var(--space-16);padding-bottom:var(--space-24);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}.quiz{gap:var(--space-3);padding:var(--space-5);display:grid}@media (width>=768px){.quiz{padding:var(--space-6)}}.quiz__top{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.quiz__title{font-size:var(--text-lg)}.quiz__prompt{color:var(--color-muted-fg);font-weight:var(--weight-semibold)}.quiz__term{align-items:center;gap:var(--space-2);display:flex}.quiz__word{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-3xl);overflow-wrap:anywhere;line-height:1.1}.quiz__word:lang(zh){font-family:var(--font-zh)}.quiz__word:lang(ko){font-family:var(--font-ko)}.quiz__speak{color:var(--color-primary-text);background:var(--color-primary-soft)}.quiz__reading{margin-top:calc(var(--space-2) * -1);color:var(--color-muted-fg)}.quiz__options{gap:var(--space-3);margin-top:var(--space-2);display:grid}.quiz__option{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-fg);font-weight:var(--weight-bold);font-size:var(--text-md);text-align:left;box-shadow:0 3px 0 var(--color-border);transition:transform var(--duration-press) var(--ease-out), box-shadow var(--duration-press) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);display:flex}.quiz__option:hover:not([aria-disabled]){border-color:var(--color-primary);box-shadow:0 3px 0 color-mix(in srgb, var(--color-primary) 40%, var(--color-border))}.quiz__option:active:not([aria-disabled]){box-shadow:0 0 0 var(--color-border);transform:translateY(3px)}.quiz__option[aria-disabled]{cursor:default}.quiz__option svg{width:22px;height:22px}.quiz__option.is-correct{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success-text);box-shadow:0 3px 0 var(--color-success);animation:lq-pop-in var(--duration-slow) var(--ease-bounce)}.quiz__option.is-wrong{background:var(--color-destructive-soft);border-color:var(--color-destructive);color:var(--color-destructive-text);box-shadow:0 3px 0 var(--color-destructive)}.quiz__option.is-dim{opacity:.6}.quiz__feedback{min-height:3em}.quiz__result{align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold);flex-wrap:wrap;display:flex}.quiz__result--ok{color:var(--color-success-text)}.quiz__xp{border-radius:var(--radius-full);background:var(--color-secondary-soft);color:var(--color-secondary-text);font-weight:var(--weight-bold);animation:lq-pop-in var(--duration-slow) var(--ease-bounce);align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.quiz__xp svg{width:16px;height:16px}.quiz__again{justify-self:start}.l-section{max-width:var(--page-max);padding:var(--space-16) var(--landing-gutter);margin:0 auto;scroll-margin-top:68px}.l-section__head{gap:var(--space-3);max-width:680px;margin-bottom:var(--space-10);display:grid}.l-section__head h2{font-size:calc(clamp(1.875rem, 1.4rem + 1.8vw, 2.75rem) * var(--font-scale));letter-spacing:-.015em}.l-section__head p{font-size:var(--text-lg);color:var(--color-muted-fg)}@media (width>=1024px){.l-section{padding-top:var(--space-24);padding-bottom:var(--space-24)}}.langs{gap:var(--space-5);list-style:none;display:grid}@media (width>=900px){.langs{grid-template-columns:repeat(3,minmax(0,1fr))}}.lang-card{--tone-soft:var(--color-primary-soft);--tone-text:var(--color-primary-text);align-content:start;gap:var(--space-3);padding:var(--space-6);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--tone-soft);box-shadow:0 var(--lip-lg) 0 color-mix(in srgb, var(--tone-text) 35%, var(--color-border)), 0 22px 32px -20px var(--shadow-tint);display:grid}.lang-card--secondary{--tone-soft:var(--color-secondary-soft);--tone-text:var(--color-secondary-text)}.lang-card--accent{--tone-soft:var(--color-accent-soft);--tone-text:var(--color-accent-text)}.lang-card__native{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:calc(clamp(2.5rem, 2rem + 2vw, 3.5rem) * var(--font-scale));color:var(--tone-text);line-height:1}.lang-card__native:lang(zh){font-family:var(--font-zh)}.lang-card__native:lang(ko){font-family:var(--font-ko)}.lang-card__name{font-size:var(--text-xl)}.lang-card__blurb{color:var(--color-fg)}.lang-card__levels{gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.lang-card__levels li{border-radius:var(--radius-full);background:var(--color-card);color:var(--color-fg);font-size:var(--text-xs);font-weight:var(--weight-bold);padding:2px 10px}.lang-card__count{margin-top:var(--space-2);color:var(--color-fg)}.lang-card__count strong{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--tone-text)}.bento{gap:var(--space-5);grid-template-areas:"tutor""game""path""srs""anytime";display:grid}@media (width>=768px){.bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"tutor tutor""game path""srs anytime"}}@media (width>=1024px){.bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"tutor tutor game""tutor tutor path""srs anytime anytime"}}.bento__item{align-content:start;gap:var(--space-3);padding:var(--space-6);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);box-shadow:var(--shadow-clay);display:grid}.bento__item h3{font-size:var(--text-xl)}.bento__item p{color:var(--color-fg)}.bento__item--tutor{grid-area:tutor}.bento__item--game{background:var(--color-secondary-soft);grid-area:game}.bento__item--path{background:var(--color-primary-soft);grid-area:path}.bento__item--srs{background:var(--color-accent-soft);grid-area:srs}.bento__item--anytime{grid-area:anytime}@media (width>=1024px){.bento__item--tutor{padding:var(--space-8)}.bento__item--tutor h3{font-size:var(--text-2xl)}}.chat-demo{gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-muted);display:grid}.chat-demo__msg{max-width:88%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-weight:var(--weight-semibold)}.chat-demo__msg--me{background:var(--color-primary);color:var(--color-on-primary);border-bottom-right-radius:6px;justify-self:end}.chat-demo__msg--tutor{background:var(--color-card);color:var(--color-fg);border:var(--border-width) solid var(--color-border);border-bottom-left-radius:6px;gap:2px;display:grid}.chat-demo__msg--tutor small{color:var(--color-muted-fg);font-weight:var(--weight-regular);font-size:var(--text-sm)}.chat-demo__fix{justify-self:end;gap:var(--space-1);max-width:92%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-card);border:var(--border-width-thick) solid var(--color-success);display:grid}.game-demo{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.game-demo__pill{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--color-card);color:var(--color-fg);font-family:var(--font-heading);font-weight:var(--weight-bold);box-shadow:var(--shadow-clay-sm);align-items:center;gap:6px;display:inline-flex}.game-demo__pill svg{width:20px;height:20px}.game-demo__pill--streak svg{color:var(--color-streak);fill:color-mix(in srgb, var(--color-streak) 35%, transparent)}.game-demo__pill--xp svg{color:var(--color-xp);fill:color-mix(in srgb, var(--color-xp) 35%, transparent)}.game-demo__bar{border-radius:var(--radius-full);background:var(--color-card);flex-basis:100%;height:14px;overflow:hidden}.game-demo__bar span{border-radius:inherit;background:var(--color-secondary);width:70%;height:100%;display:block;box-shadow:inset 0 -3px #0000001f}.path-demo,.srs-demo,.minutes-demo{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.path-demo{flex-direction:column}.path-demo li,.minutes-demo li{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-card);color:var(--color-fg);font-weight:var(--weight-bold);font-size:var(--text-sm)}.path-demo li{align-self:flex-start}.path-demo li:nth-child(2){margin-left:var(--space-4)}.path-demo li:nth-child(3){margin-left:var(--space-8)}.path-demo li:nth-child(4){margin-left:var(--space-12)}.path-demo li.is-active,.minutes-demo li.is-active{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 3px 0 var(--color-primary-strong)}.srs-demo li{border-radius:var(--radius-lg);background:var(--color-card);width:64px;height:64px;color:var(--color-fg);font-size:var(--text-xs);font-weight:var(--weight-semibold);box-shadow:var(--shadow-clay-sm);place-items:center;line-height:1.1;display:grid}.srs-demo strong{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-accent-text)}.ages{gap:var(--space-4);list-style:none;display:grid}@media (width>=640px){.ages{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.ages{grid-template-columns:repeat(4,minmax(0,1fr))}}.age{align-content:start;gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-xl);background:var(--color-muted);border:var(--border-width) solid var(--color-border);display:grid}.age__range{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:calc(clamp(2.25rem, 1.9rem + 1.4vw, 3rem) * var(--font-scale));color:var(--color-primary-text);line-height:1}.age__range span{font-size:var(--text-md);color:var(--color-muted-fg)}.age__name{font-size:var(--text-lg)}.age__text{color:var(--color-fg)}.plans{gap:var(--space-5);list-style:none;display:grid}@media (width>=900px){.plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}.plan{padding:var(--space-6);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);box-shadow:var(--shadow-clay);flex-direction:column;display:flex}.plan--featured{background:linear-gradient(var(--color-primary-soft), var(--color-primary-soft)) padding-box, var(--grad-primary) border-box;box-shadow:0 var(--lip-lg) 0 color-mix(in srgb, var(--color-primary) 45%, var(--color-border)), 0 24px 36px -20px var(--shadow-tint);border:4px solid #0000}.plan__price{margin-top:var(--space-2);font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-3xl);line-height:1.1}.plan__price span{font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-muted-fg)}.plan--featured .plan__price span{color:var(--color-fg)}.plan__features{flex:1;align-content:start}.closing{justify-items:start;gap:var(--space-5);max-width:calc(var(--page-max) - 2 * var(--space-4));margin:var(--space-8) var(--landing-gutter) var(--space-16);padding:var(--space-10) var(--space-6);border:var(--border-width) solid color-mix(in srgb, var(--color-primary-strong) 80%, #000);background:radial-gradient(circle at 96% 0%, #fff3 0 140px, transparent 141px), radial-gradient(circle at 70% 120%, #ffffff1f 0 120px, transparent 121px), var(--grad-primary);color:var(--color-on-primary);box-shadow:0 var(--lip-lg) 0 color-mix(in srgb, var(--color-primary-strong) 78%, #000), 0 30px 50px -24px var(--shadow-tint);border-radius:36px;display:grid;position:relative;overflow:hidden}.closing>*{position:relative}.closing__lin{margin:calc(-1 * var(--space-6)) 0 calc(-1 * var(--space-8));justify-self:end;width:120px;height:120px}@media (width>=768px){.closing__lin{right:var(--space-12);bottom:var(--space-8);width:180px;height:180px;margin:0;position:absolute}}.closing h2{max-width:18ch;font-size:calc(clamp(1.875rem, 1.3rem + 2.4vw, 3rem) * var(--font-scale));color:var(--color-on-primary)}.closing p{max-width:52ch;font-size:var(--text-lg)}@media (width>=1232px){.closing{margin-left:auto;margin-right:auto}}@media (width>=768px){.closing{padding:var(--space-16)}}.landing-footer{background:var(--color-muted);border-top:var(--border-width) solid var(--color-border)}.landing-footer__inner{gap:var(--space-5);max-width:var(--page-max);padding:var(--space-12) var(--landing-gutter) calc(var(--space-12) + env(safe-area-inset-bottom));margin:0 auto;display:grid}.landing-footer__brand{font-family:var(--font-heading);font-weight:var(--weight-bold);letter-spacing:-.03em;color:var(--color-primary-text);font-size:clamp(3rem,1rem + 9vw,8rem);line-height:.9}.landing-footer__links{gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.landing-footer__links a{min-height:var(--touch-min);padding:0 var(--space-2);color:var(--color-fg);font-weight:var(--weight-bold);align-items:center;display:inline-flex}.landing-footer__note{font-size:var(--text-sm);color:var(--color-muted-fg)}@media (prefers-reduced-motion:reduce){.hero__float{transform:none}}.player{gap:var(--space-6);display:grid}.player__top{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);box-shadow:var(--shadow-clay-sm);display:flex}.player__bar{height:18px}[data-mode=dark] .player__bar{background:color-mix(in srgb, #fff 14%, var(--color-card));box-shadow:inset 0 0 0 1.5px #ffffff38,inset 0 2px 4px #00000059}.player__intro{margin-bottom:var(--space-4)}.player__intro .mascot-say__bubble{padding:var(--space-2) var(--space-4);font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--weight-heavy);color:var(--color-primary-text);margin-bottom:var(--space-3)}@media (width<=479px){.player__intro .mascot{width:48px;height:48px}}.player__progress{gap:var(--space-1);flex:1;grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.player__meta{align-items:center;gap:var(--space-2);min-height:24px;color:var(--color-muted-fg);font-size:var(--text-xs);font-weight:var(--weight-heavy);display:flex}.player__count{font-family:var(--font-numeric);font-size:var(--text-sm);color:var(--color-fg)}.player__caption{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.player__count{white-space:nowrap;margin-left:auto}.player__combo[data-active]{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-card);color:var(--color-fg);box-shadow:var(--shadow-clay-sm);white-space:nowrap;animation:lq-pop var(--duration-slow) var(--ease-bounce);display:inline-flex}.player__combo svg{width:16px;height:16px;color:var(--color-streak)}.player__combo-short{display:none}@media (width<=479px){.player__combo-full{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.player__combo-short{display:inline}.player__meta{gap:var(--space-1)}}.player__sound[aria-pressed=true]{color:var(--color-primary-text);background:var(--color-primary-soft)}.player__body{padding-bottom:240px}.player__footer{z-index:var(--z-sticky);padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));border-top:var(--border-width) solid var(--color-border);background:var(--color-card);transition:background-color var(--duration-fast) var(--ease-out);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 24px -18px #0f172a59}.player__footer[data-feedback]{padding-top:var(--space-5);border-top-width:5px}.player__footer[data-state=right]{border-top-color:var(--color-success);background:linear-gradient(180deg, color-mix(in srgb, var(--color-success) 16%, var(--color-success-soft)), var(--color-success-soft) 70%)}.player__footer[data-state=wrong]{border-top-color:var(--color-destructive);background:linear-gradient(180deg, color-mix(in srgb, var(--color-destructive) 12%, var(--color-destructive-soft)), var(--color-destructive-soft) 70%)}.player__footer[data-state=self]{border-top-color:var(--color-secondary);background:var(--color-secondary-soft)}.feedback__lin{flex:none;align-self:flex-start;margin:-46px 0 -8px}@media (width<=599px){.feedback__lin{width:60px;height:60px;margin:-34px 0 -4px}.player__footer-inner:has(.feedback__lin) .feedback{flex-basis:calc(100% - 76px)}}.player__footer-inner{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);max-width:var(--content-max);flex-wrap:wrap;margin:0 auto;display:flex}.player__actions{justify-content:flex-end;gap:var(--space-3);flex:auto;display:flex}.player__cta{min-width:180px}.feedback{gap:var(--space-1);min-width:0;max-height:42dvh;color:var(--color-fg);animation:lq-rise var(--duration-slow) var(--ease-out);flex:360px;display:grid;overflow-y:auto}.feedback__head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.feedback__head>svg{width:30px;height:30px}.feedback__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-heavy);line-height:var(--leading-tight)}[data-state=right] .feedback__head,[data-state=right] .feedback__title{color:var(--color-success-text)}[data-state=wrong] .feedback__head,[data-state=wrong] .feedback__title{color:var(--color-destructive-text)}[data-state=self] .feedback__title{color:var(--color-secondary-text)}.feedback__body{gap:var(--space-1);font-size:var(--text-md);display:grid}.feedback__reading,.feedback__expl{font-size:var(--text-sm)}.feedback__bonus{padding:2px var(--space-3);border-radius:var(--radius-full);background:var(--color-card);color:var(--color-fg);font-size:var(--text-sm);font-weight:var(--weight-bold)}.feedback__corrections{gap:var(--space-1);padding-left:var(--space-5);font-size:var(--text-sm);margin:0;display:grid}.feedback__notice{align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold);flex-wrap:wrap;display:flex}@media (width<=599px){.player__actions{flex-basis:100%}.player__actions>.btn{flex:1}.player__skip{display:none}.player__cta{min-width:0}}.exercise{gap:var(--space-5);display:grid}.exercise__title{font-size:var(--text-2xl);font-weight:var(--weight-heavy);line-height:var(--leading-tight);margin:0}@media (width>=560px){.exercise__title{font-size:var(--text-3xl)}}.exercise__title:focus{outline:none}.exercise__hint{margin:calc(var(--space-2) * -1) 0 0;color:var(--color-muted-fg);font-size:var(--text-sm)}.target-card{align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-5);border:var(--border-width) solid color-mix(in srgb, var(--color-primary-strong) 80%, #000);border-radius:var(--radius-2xl);background:radial-gradient(circle at 96% 10%, #fff3 0 64px, transparent 65px), radial-gradient(circle at 80% 120%, #ffffff24 0 54px, transparent 55px), var(--grad-primary);color:var(--color-on-primary);box-shadow:0 var(--lip-lg) 0 color-mix(in srgb, var(--color-primary-strong) 78%, #000), 0 24px 36px -20px var(--shadow-tint);display:flex;position:relative;overflow:hidden}.target-card .listen__btn{background:var(--color-card);color:var(--color-primary-text);box-shadow:0 4px 0 color-mix(in srgb, var(--color-primary-strong) 70%, #000);border-color:#ffffffb3}.target-card .listen__btn:active{box-shadow:0 0 #0000}.target-card__text{gap:var(--space-1);min-width:0;display:grid}.target-card__main{color:var(--color-on-primary);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-heavy);line-height:var(--leading-tight);overflow-wrap:anywhere;margin:0}@media (width>=560px){.target-card__main{font-size:var(--text-4xl)}}.target-card__main:lang(zh),.target-card__main:lang(ko){font-weight:var(--weight-bold)}.target-card__main--sentence,.target-card .target-card__main--sentence{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:1.7}.target-card__reading{color:var(--color-on-primary);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.source-card{padding:var(--space-4) var(--space-5);border-left:8px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-primary-soft);box-shadow:var(--shadow-clay-sm);color:var(--color-fg);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-snug);margin:0}.source-card--left{font-size:var(--text-md);font-weight:var(--weight-semibold)}.notice{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-secondary-soft);color:var(--color-fg);display:flex}.notice p{margin:0}.notice>svg{width:24px;height:24px;color:var(--color-secondary-text)}.listen{align-items:center;gap:var(--space-2);flex:none;display:flex}.listen__btn{border:var(--border-width) solid var(--color-primary-strong);border-radius:var(--radius-lg);background:var(--color-primary);width:56px;height:56px;color:var(--color-on-primary);box-shadow:0 4px 0 var(--color-primary-strong);transition:transform var(--duration-press) var(--ease-out), box-shadow var(--duration-press) var(--ease-out);place-items:center;display:grid}.listen__btn svg{width:28px;height:28px}.listen__btn:active{box-shadow:0 0 0 var(--color-primary-strong);transform:translateY(4px)}.listen__btn--slow{border-color:var(--color-border);background:var(--color-card);width:44px;height:44px;color:var(--color-primary-text);box-shadow:0 3px 0 var(--color-border-strong)}.listen__btn--slow svg{width:22px;height:22px}.listen--lg .listen__btn{border-radius:var(--radius-xl);width:112px;height:112px;box-shadow:0 6px 0 var(--color-primary-strong)}.listen--lg .listen__btn svg{width:52px;height:52px}.listen--lg .listen__btn--slow{border-radius:var(--radius-lg);width:64px;height:64px;box-shadow:0 4px 0 var(--color-border-strong)}.listen--lg .listen__btn--slow svg{width:30px;height:30px}.listen-stage{padding:var(--space-4) 0;place-items:center;display:grid}.listen--lg{align-items:flex-end;gap:var(--space-4)}.options{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=560px){.options:not(.options--list){grid-template-columns:1fr 1fr}}.option{--opt:var(--color-unit3);--opt2:var(--color-unit3-2);--opt-on:var(--color-on-unit3);--opt-lip:var(--color-unit3-lip);align-items:center;gap:var(--space-4);min-height:76px;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);border:var(--border-width-thick) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);color:var(--color-fg);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-snug);text-align:left;box-shadow:0 var(--lip) 0 var(--color-border), 0 14px 20px -16px var(--shadow-tint);transition:transform var(--duration-press) var(--ease-out), box-shadow var(--duration-press) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);display:flex;position:relative}.option:hover:not(:disabled){border-color:var(--color-primary)}.option[data-index="2"]{--opt:var(--color-unit5);--opt2:var(--color-unit5-2);--opt-on:var(--color-on-unit5);--opt-lip:var(--color-unit5-lip)}.option[data-index="3"]{--opt:var(--color-unit2);--opt2:var(--color-unit2-2);--opt-on:var(--color-on-unit2);--opt-lip:var(--color-unit2-lip)}.option[data-index="4"]{--opt:var(--color-unit4);--opt2:var(--color-unit4-2);--opt-on:var(--color-on-unit4);--opt-lip:var(--color-unit4-lip)}.option[data-index="5"]{--opt:var(--color-unit6);--opt2:var(--color-unit6-2);--opt-on:var(--color-on-unit6);--opt-lip:var(--color-unit6-lip)}.option:hover:not(:disabled){box-shadow:0 calc(var(--lip) + 2px) 0 var(--color-border), 0 16px 22px -16px var(--shadow-tint);transform:translateY(-2px)}.option:active:not(:disabled){transform:translateY(var(--lip));box-shadow:0 0 0 var(--color-border)}.option[aria-checked=true]{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 var(--lip) 0 var(--color-primary)}.option:disabled{cursor:default}.option[data-state=idle]:disabled{opacity:.6}.option[data-state=right]{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success-text);box-shadow:0 var(--lip) 0 var(--color-success)}.option[data-state=wrong]{border-color:var(--color-destructive);background:var(--color-destructive-soft);color:var(--color-destructive-text);box-shadow:0 var(--lip) 0 var(--color-destructive)}.option__key{background:var(--grad-sheen), linear-gradient(140deg, var(--opt), var(--opt2));width:44px;height:44px;color:var(--opt-on);font-family:var(--font-numeric);font-size:var(--text-lg);font-weight:var(--weight-heavy);box-shadow:0 3px 0 var(--opt-lip);border:0;border-radius:14px;flex:none;place-items:center;display:grid}.option[aria-checked=true] .option__key{background:var(--grad-sheen), var(--grad-primary);color:var(--color-on-primary);box-shadow:0 3px 0 var(--color-primary-strong)}.option[data-state=right] .option__key{background:var(--grad-sheen), linear-gradient(140deg, #4ade80, #16a34a);color:#052e16;box-shadow:0 3px #166534}.option[data-state=wrong] .option__key{background:var(--grad-sheen), linear-gradient(140deg, #e11d48, #b91c1c);color:#fff;box-shadow:0 3px #991b1b}.option[data-state=idle]:disabled .option__key{filter:grayscale(.6)}.option__text{overflow-wrap:anywhere;min-width:0}.blank{border-bottom:3px solid var(--color-primary);min-width:3.5em;color:var(--color-primary-text);text-align:center;margin:0 .2em;padding:0 .3em;line-height:1.3;display:inline-block}.passage{gap:var(--space-3);padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);box-shadow:var(--shadow-clay);display:grid}.passage__tools{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.passage__text{font-size:var(--text-lg);line-height:var(--leading-normal);white-space:pre-line;margin:0}.passage__reading{color:var(--color-muted-fg);margin:0}.passage__question{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0}.match{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.match__col{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.match__item{--pair:var(--color-border);--pair-soft:var(--color-card);width:100%;min-height:60px;padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-fg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);text-align:center;overflow-wrap:anywhere;box-shadow:0 4px 0 var(--color-border);transition:transform var(--duration-press) var(--ease-out), box-shadow var(--duration-press) var(--ease-out), background-color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:relative}.match__item:active:not(:disabled){box-shadow:0 1px 0 var(--color-border);transform:translateY(3px)}.match__item[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 4px 0 var(--color-primary)}.match__item--pair0{--pair:var(--color-primary);--pair-soft:var(--color-primary-soft)}.match__item--pair1{--pair:var(--color-secondary);--pair-soft:var(--color-secondary-soft)}.match__item--pair2{--pair:var(--color-accent);--pair-soft:var(--color-accent-soft)}.match__item--pair3{--pair:var(--color-success);--pair-soft:var(--color-success-soft)}.match__item--pair4{--pair:var(--color-border-strong);--pair-soft:var(--color-muted)}[class*=match__item--pair]{border-color:var(--pair);background:var(--pair-soft);box-shadow:0 4px 0 var(--pair)}.match__dot{border-radius:var(--radius-full);background:var(--pair);width:10px;height:10px;position:absolute;top:6px;right:6px}.match__item[data-state=right]{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success-text);box-shadow:0 4px 0 var(--color-success)}.match__item[data-state=wrong]{border-color:var(--color-destructive);background:var(--color-destructive-soft);color:var(--color-destructive-text);box-shadow:0 4px 0 var(--color-destructive)}.match__item:disabled{cursor:default}.answer-field{gap:var(--space-2);display:grid}.answer-field__label{font-weight:var(--weight-bold)}.answer-field__input{width:100%;min-height:60px;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-fg);font-size:var(--text-lg);box-shadow:inset 0 2px 4px #0f172a0f}.answer-field__input:focus-visible,.answer-field__input:focus{border-color:var(--color-primary);outline:3px solid var(--color-focus);outline-offset:2px}.answer-field__input--area{resize:vertical;min-height:150px;font-size:var(--text-md);line-height:var(--leading-normal)}.answer-field__input::placeholder{color:var(--color-muted-fg)}.answer-field__hint{margin:calc(var(--space-3) * -1) 0 0;color:var(--color-muted-fg);font-size:var(--text-xs)}.word-line{align-content:flex-start;gap:var(--space-2);min-height:132px;padding:var(--space-3) 0;background-image:linear-gradient(to bottom, transparent 62px, var(--color-border-strong) 62px, var(--color-border-strong) 64px, transparent 64px);background-size:100% 66px;flex-wrap:wrap;display:flex}.word-line__empty{padding:var(--space-3) 0;color:var(--color-muted-fg);font-size:var(--text-sm);align-self:center}.word-bank{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.token{min-height:52px;padding:0 var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-fg);font-size:var(--text-lg);font-weight:var(--weight-semibold);box-shadow:0 4px 0 var(--color-border);transition:transform var(--duration-press) var(--ease-out), box-shadow var(--duration-press) var(--ease-out);align-items:center;display:inline-flex}.token:active:not(:disabled){box-shadow:0 1px 0 var(--color-border);transform:translateY(3px)}.token:disabled{cursor:default}.token--ghost{border-style:dashed;border-color:var(--color-border-strong);background:var(--color-muted);color:#0000;box-shadow:none}.speak{place-items:center;display:grid}.mic{align-items:center;gap:var(--space-3);min-height:64px;padding:0 var(--space-8);border:var(--border-width) solid var(--color-primary-strong);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-lg);font-weight:var(--weight-bold);box-shadow:0 5px 0 var(--color-primary-strong);transition:transform var(--duration-press) var(--ease-out), box-shadow var(--duration-press) var(--ease-out);display:inline-flex}.mic svg{width:28px;height:28px}.mic:active{box-shadow:0 1px 0 var(--color-primary-strong);transform:translateY(4px)}.mic--on{border-color:var(--color-destructive);background:var(--color-destructive);color:var(--color-on-destructive);box-shadow:0 5px 0 color-mix(in srgb, var(--color-destructive) 70%, #000);animation:1.4s ease-in-out infinite lq-pulse}.speak__heard,.speak__error{font-weight:var(--weight-bold);text-align:center;margin:0}.speak__heard[data-pass=true]{color:var(--color-success-text)}.speak__heard[data-pass=false],.speak__error{color:var(--color-destructive-text)}.self-rate{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.speak__fallback{justify-self:center}.results{gap:var(--space-6);padding-block:var(--space-4) var(--space-8);text-align:center;display:grid;position:relative}.results__hero{justify-items:center;gap:var(--space-3);display:grid}.results__art{place-items:end center;width:240px;height:200px;display:grid;position:relative}.results__burst{border-radius:var(--radius-full);background:radial-gradient(circle, var(--color-bg) 0 26%, transparent 27%), repeating-conic-gradient(color-mix(in srgb, var(--color-secondary) 34%, transparent) 0 10deg, transparent 10deg 20deg);width:260px;height:260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 70%);mask-image:radial-gradient(circle,#000 40%,#0000 70%)}.results--fail .results__burst{background:radial-gradient(circle, var(--color-bg) 0 26%, transparent 27%), repeating-conic-gradient(color-mix(in srgb, var(--color-primary) 16%, transparent) 0 10deg, transparent 10deg 20deg)}.results__lin{animation:lq-pop .48s var(--ease-bounce);position:relative}.results__icon{border:var(--border-width-thick) solid #b45309;background:var(--grad-sheen), var(--grad-gold);color:#3b1a00;width:60px;height:60px;box-shadow:0 var(--lip) 0 #b45309;border-radius:20px;place-items:center;display:grid;position:absolute;bottom:10px;right:18px;transform:rotate(8deg)}.results__icon svg{width:32px;height:32px}.results--fail .results__icon{border-color:var(--color-border-strong);background:var(--color-card);color:var(--color-primary-text);box-shadow:0 var(--lip) 0 var(--color-border-strong)}.results__title{font-size:var(--text-3xl);font-weight:var(--weight-heavy);line-height:var(--leading-tight);text-wrap:balance;margin:0}@media (width>=560px){.results__title{font-size:var(--text-4xl)}}.results__lead{max-width:46ch;color:var(--color-muted-fg);text-wrap:pretty;margin:0}.stars{align-items:flex-end;gap:var(--space-2);display:flex}.stars__star{filter:drop-shadow(0 4px #0f172a26);width:56px;height:56px;display:block}.stars__star svg{width:100%;height:100%}.stars__star:nth-child(3){width:72px;height:72px;position:relative;top:-14px}.stars__star--on{filter:drop-shadow(0 4px #b45309)drop-shadow(0 10px 14px #f59e0b73);animation:lq-pop .42s var(--ease-bounce) backwards}.results__stats{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.results__stat{justify-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);box-shadow:0 var(--lip) 0 var(--color-border), 0 16px 24px -16px var(--shadow-tint);display:grid}.results__stat-tile{margin-bottom:var(--space-1)}.results__stat dt{color:var(--color-muted-fg);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em}.results__stat dd{justify-content:center;align-items:center;gap:var(--space-1);font-family:var(--font-numeric);font-size:var(--text-3xl);font-weight:var(--weight-heavy);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;line-height:1.1;display:inline-flex}.results__stat dd svg{width:22px;height:22px}.results__stat--xp dd svg{color:var(--color-xp);fill:currentColor}.results__sub{color:var(--color-muted-fg);font-size:var(--text-xs)}@media (width<=479px){.results__stat dd{font-size:var(--text-xl)}.results__stat-tile{width:36px;height:36px}.results__art{width:200px;height:170px}.results__lin{width:124px;height:124px}}.results__levelup{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:var(--border-width) solid var(--color-primary-strong);border-radius:var(--radius-xl);background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 5px 0 var(--color-primary-strong);animation:lq-pop .48s var(--ease-bounce) .2s backwards;display:flex}.results__levelup p{margin:0}.results__levelup svg{fill:currentColor;width:28px;height:28px}.results__block{gap:var(--space-3);text-align:left;display:grid}.results__h2{font-size:var(--text-lg);margin:0}.results__badges,.results__quests{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.results__badge{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-clay-sm);display:flex}.results__badge>span:last-child{display:grid}.results__badge-desc{color:var(--color-muted-fg);font-size:var(--text-sm)}.results__quests li{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-success-soft);color:var(--color-success-text);font-weight:var(--weight-semibold)}.results__streak{justify-content:center;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);margin:0;display:inline-flex}.results__streak .icon-tile svg{width:18px;height:18px}.results__badge-medal{flex:none}.results__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.results__actions>.btn{flex:180px;max-width:280px}.session__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@keyframes lq-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes lq-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lq-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.player__combo[data-active],.feedback,.results__icon,.results__levelup,.stars__star--on,.mic--on{animation:none}}.results__queued{justify-content:center;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border:2px dashed var(--color-primary);border-radius:var(--radius-md,12px);color:var(--color-primary-text);text-align:left;font-weight:700;display:flex}.results__queued svg{flex:none;width:1.25em;height:1.25em}.voice-settings{gap:var(--space-4);display:grid}.voice-settings__row{align-items:end;gap:var(--space-2) var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.voice-settings__field{min-width:0}.voice-settings__note{font-size:var(--text-sm);color:var(--color-muted-fg);grid-column:1/-1;margin:0}.voice-settings__note p,.voice-settings__note ul{margin:0}.voice-settings__note ul{padding-left:1.2em}.learn__head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.learn__heading{gap:var(--space-1);display:grid}.learn__heading h1{font-size:var(--text-3xl);line-height:var(--leading-tight);margin:0}.learn__heading p{margin:0}.learn__langs{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.learn__loading{justify-items:center;gap:var(--space-6);display:grid}.learn__loading>.skeleton:not(.skeleton--circle){width:100%}.level-picker{width:100%;display:flex}.level-picker .segmented__option{padding:0 var(--space-3)}.level-picker[data-more=true]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000)}.level-picker .segmented__option svg{width:16px;height:16px}.level-card{gap:var(--space-3);border-color:var(--color-primary-strong);background:radial-gradient(circle at 100% 0%, #ffffff38 0 90px, transparent 91px), radial-gradient(circle at 70% 120%, #ffffff24 0 70px, transparent 71px), var(--grad-primary);color:var(--color-on-primary);box-shadow:0 var(--lip-lg) 0 var(--color-primary-strong), 0 22px 36px -18px var(--shadow-tint);display:grid;position:relative;overflow:hidden}.level-card>*{position:relative}.level-card__text{align-items:center;gap:var(--space-4);padding-right:0;display:flex}@media (width>=560px){.level-card__text{padding-right:104px}}.level-card__code{padding:var(--space-2) var(--space-4);border:var(--border-width-thick) solid #b45309;border-radius:var(--radius-lg);background:var(--grad-gold);color:#3b1a00;font-family:var(--font-numeric);font-size:var(--text-3xl);font-weight:var(--weight-heavy);box-shadow:0 var(--lip) 0 #b45309;flex:none;margin:0;line-height:1.1}.level-card__name{color:inherit;font-size:var(--text-xl);font-weight:var(--weight-heavy);margin:0}.level-card__desc,.level-card__count{color:inherit;font-size:var(--text-sm);margin:0}.level-card__count{font-weight:var(--weight-bold)}.level-card .progress{background:#ffffff3d;box-shadow:inset 0 0 0 2px #fff9,inset 0 2px 3px #0000002e}.level-card .progress__fill{background-image:var(--grad-sheen), var(--grad-gold)}.level-card__lin{top:var(--space-3);right:var(--space-4);display:none;position:absolute}@media (width>=560px){.level-card__lin{display:block}}.shell__main:has(>.learn){max-width:none}.learn>:not(.path-map){width:100%;max-width:calc(var(--content-max) - 2 * var(--space-4));justify-self:center}.path-map{--path-step:36px;--prop-size:60px;--prop-dist:112px;margin-inline:calc(-1 * var(--main-pad-x));margin-bottom:calc(-1 * var(--space-8));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;display:grid;overflow:clip}@media (width>=560px){.path-map{--path-step:56px;--prop-size:92px;--prop-dist:168px}}@media (width>=768px){.path-map{border-radius:0}}.unit{--u:var(--color-unit1);--u2:var(--color-unit1-2);--u-on:var(--color-on-unit1);--u-lip:var(--color-unit1-lip);--u-soft:var(--color-unit1-soft);--u-text:var(--color-unit1-text);isolation:isolate;padding:var(--space-6) var(--space-4) 120px;background:linear-gradient(180deg, var(--scn-sky-top) 0%, var(--scn-sky-bottom) 70%);position:relative;container-type:inline-size}.unit+.unit:before{content:"";z-index:0;background:linear-gradient(180deg, color-mix(in srgb, var(--scn-sky-top) 0%, transparent), var(--scn-sky-top));pointer-events:none;height:48px;position:absolute;top:-24px;left:0;right:0}.unit[data-unit="2"]{--u:var(--color-unit2);--u2:var(--color-unit2-2);--u-on:var(--color-on-unit2);--u-lip:var(--color-unit2-lip);--u-soft:var(--color-unit2-soft);--u-text:var(--color-unit2-text)}.unit[data-unit="3"]{--u:var(--color-unit3);--u2:var(--color-unit3-2);--u-on:var(--color-on-unit3);--u-lip:var(--color-unit3-lip);--u-soft:var(--color-unit3-soft);--u-text:var(--color-unit3-text)}.unit[data-unit="4"]{--u:var(--color-unit4);--u2:var(--color-unit4-2);--u-on:var(--color-on-unit4);--u-lip:var(--color-unit4-lip);--u-soft:var(--color-unit4-soft);--u-text:var(--color-unit4-text)}.unit[data-unit="5"]{--u:var(--color-unit5);--u2:var(--color-unit5-2);--u-on:var(--color-on-unit5);--u-lip:var(--color-unit5-lip);--u-soft:var(--color-unit5-soft);--u-text:var(--color-unit5-text)}.unit[data-unit="6"]{--u:var(--color-unit6);--u2:var(--color-unit6-2);--u-on:var(--color-on-unit6);--u-lip:var(--color-unit6-lip);--u-soft:var(--color-unit6-soft);--u-text:var(--color-unit6-text)}.unit__inner{z-index:1;max-width:680px;margin-inline:auto;position:relative}.unit__backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.unit__scn{position:absolute}.unit__scn--sky-l,.unit__scn--sky-r{width:clamp(120px,50cqw - 280px,340px);top:96px}.unit__scn--sky-l{left:0}.unit__scn--sky-r{top:260px;right:0}.unit__scn--mid-l,.unit__scn--mid-r,.unit__scn--ground-l,.unit__scn--ground-r{display:none}.unit__scn--band{width:100%;height:72px;bottom:0;left:0;right:0}@media (width<=559px){.unit__scn--sky-l,.unit__scn--sky-r{opacity:.85;width:120px}.unit__scn--sky-r{top:420px}}@container (width>=760px){.unit__scn--ground-l,.unit__scn--ground-r{width:clamp(180px,50cqw - 260px,380px);display:block;bottom:40px}.unit__scn--ground-l{left:0}.unit__scn--ground-r{right:0}.unit__scn--band{height:96px}}@container (width>=1000px){.unit__scn--mid-l,.unit__scn--mid-r{width:clamp(160px,50cqw - 360px,320px);display:block;top:44%}.unit__scn--mid-l{left:8px}.unit__scn--mid-r{top:36%;right:8px}}.unit__head{top:calc(var(--topbar-height) + var(--space-2));z-index:3;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:var(--border-width) solid var(--u-lip);border-radius:var(--radius-xl);background:radial-gradient(circle at 92% -20%, #ffffff47 0 46px, transparent 47px), radial-gradient(circle at 78% 130%, #ffffff2e 0 38px, transparent 39px), linear-gradient(120deg, var(--u) 0%, var(--u2) 100%);color:var(--u-on);box-shadow:0 var(--lip) 0 var(--u-lip), 0 18px 28px -18px #0f172a8c;display:flex;position:sticky;overflow:hidden}@media (width>=1024px){.unit__head{top:var(--space-4)}}.unit__head[data-locked]{border-color:color-mix(in srgb, var(--u-text) 45%, var(--u-soft));background:var(--u-soft);color:var(--color-fg);box-shadow:0 var(--lip) 0 color-mix(in srgb, var(--u-text) 35%, var(--u-soft));border-style:dashed}.unit__kicker{font-size:var(--text-xs);font-weight:var(--weight-heavy);letter-spacing:.04em;text-transform:uppercase;margin:0}.unit__head[data-locked] .unit__kicker{color:var(--u-text)}.unit__biome{text-transform:none;letter-spacing:0}.unit__title{color:inherit;font-size:var(--text-xl);font-weight:var(--weight-heavy);line-height:var(--leading-tight);margin:0}@media (width>=560px){.unit__title{font-size:var(--text-2xl)}}.unit__meta{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-card);color:var(--u-text);font-family:var(--font-numeric);font-size:var(--text-sm);font-weight:var(--weight-heavy);white-space:nowrap;box-shadow:0 3px 0 color-mix(in srgb, var(--u-lip) 60%, transparent);flex:none;display:inline-flex}.unit__meta svg{width:16px;height:16px}.path-wrap{position:relative}.path{z-index:1;justify-items:center;gap:var(--space-8);margin:var(--space-10) 0 0;padding:0;list-style:none;display:grid;position:relative}.unit--exam{padding-top:var(--space-10);padding-bottom:var(--space-16)}.unit--exam .path{margin-top:150px}.path-trail{z-index:0;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.path-trail path{fill:none;stroke-linecap:round;stroke-linejoin:round}.path-trail__edge{stroke:var(--scn-trail-edge);stroke-width:34px}.path-trail__ground{stroke:var(--scn-trail);stroke-width:26px}.path-trail__dash{stroke:var(--scn-trail-dash);stroke-width:4px;stroke-dasharray:2 16;opacity:.9}.path-trail__walked{stroke:var(--u);stroke-width:8px;stroke-dasharray:1 14;opacity:.95}.unit[data-unit="1"] .path-trail__walked,.unit[data-unit="6"] .path-trail__walked{stroke:var(--u-lip)}.path__item{transform:translateX(calc(var(--offset,0) * var(--path-step)));position:relative}.path__prop{z-index:-1;width:var(--prop-size);height:var(--prop-size);pointer-events:none;position:absolute;top:50%;transform:translateY(-62%)}.path__item[data-prop-side=left] .path__prop{right:calc(50% + var(--prop-dist) + var(--offset,0) * var(--path-step) - var(--prop-size))}.path__item[data-prop-side=right] .path__prop{left:calc(50% + var(--prop-dist) - var(--offset,0) * var(--path-step) - var(--prop-size))}.path__prop .scene-prop{width:100%;height:100%}.node{justify-items:center;gap:var(--space-1);border-radius:var(--radius-lg);min-width:96px;color:var(--color-fg);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;text-decoration:none;display:grid;position:relative}.node__disc{border:var(--border-width-thick) solid var(--u-lip);border-radius:var(--radius-full);background:linear-gradient(160deg, var(--u) 0%, var(--u2) 100%);width:76px;height:76px;color:var(--u-on);box-shadow:0 var(--lip-lg) 0 var(--u-lip), 0 14px 18px -10px #0f172a73;transition:transform var(--duration-press) var(--ease-out), box-shadow var(--duration-press) var(--ease-out);place-items:center;display:grid;position:relative}.node__disc:before{content:"";border-radius:var(--radius-full);pointer-events:none;background:linear-gradient(#ffffff8c,#fff0);height:34%;position:absolute;inset:5px 12px auto}.node__disc svg{stroke-width:2.5px;width:34px;height:34px;position:relative}.node:hover .node__disc{box-shadow:0 calc(var(--lip-lg) + 3px) 0 var(--u-lip), 0 18px 20px -10px #0f172a73;transform:translateY(-3px)}.node:active .node__disc{transform:translateY(var(--lip-lg));box-shadow:0 0 0 var(--u-lip), inset 0 3px 6px #0f172a33}.node[data-state=available] .node__disc{background:var(--color-card);color:var(--u-text);border-color:var(--u)}.node[data-state=available] .node__disc:before{display:none}.node[data-state=current] .node__disc{width:92px;height:92px;box-shadow:0 var(--lip-lg) 0 var(--u-lip), 0 0 0 8px var(--color-card), 0 0 0 12px color-mix(in srgb, var(--u) 55%, transparent), 0 20px 26px -10px #0f172a80}.node[data-state=current] .node__disc svg{width:40px;height:40px}.node[data-state=current]{scroll-margin-block:160px}.node[data-state=locked] .node__disc{border-color:color-mix(in srgb, var(--u-text) 35%, var(--color-border-strong));background:var(--u-soft);color:var(--color-muted-fg);box-shadow:0 var(--lip-lg) 0 color-mix(in srgb, var(--u-text) 30%, var(--color-border-strong))}.node[data-state=locked] .node__disc:before{opacity:.5}.node[data-state=locked] .node__disc svg{width:28px;height:28px}.node[data-state=current] .node__disc:after{content:"";border:4px solid var(--u);border-radius:var(--radius-full);opacity:.45;animation:1.8s ease-out infinite lq-node-ring;position:absolute;inset:-16px}.node--challenge .node__disc,.node--challenge[data-state] .node__disc{background:var(--grad-gold);color:#3b1a00;width:86px;height:86px;box-shadow:0 var(--lip-lg) 0 #b45309, 0 16px 20px -10px #78350f8c;border-color:#b45309;border-radius:28px}.node--exam .node__disc,.node--exam[data-state] .node__disc{border-color:var(--color-unit4-lip);background:linear-gradient(150deg, var(--color-unit4) 0%, var(--color-unit5-2) 100%);color:#fff;width:112px;height:112px;box-shadow:0 7px 0 var(--color-unit4-lip), 0 0 0 8px #fff9, 0 22px 30px -12px #2e106599;border-radius:36px}.node--exam .node__disc svg{width:52px;height:52px}.node--challenge[data-state=locked] .node__disc,.node--exam[data-state=locked] .node__disc{border-color:color-mix(in srgb, var(--u-text) 35%, var(--color-border-strong));background:var(--u-soft);color:var(--color-muted-fg);box-shadow:0 var(--lip-lg) 0 color-mix(in srgb, var(--u-text) 30%, var(--color-border-strong))}.node__caption{max-width:140px;margin-top:var(--space-2);padding:2px var(--space-3);border-radius:var(--radius-full);background:var(--color-card);color:var(--color-fg);font-size:var(--text-sm);font-weight:var(--weight-heavy);line-height:var(--leading-snug);text-align:center;box-shadow:0 3px 0 color-mix(in srgb, var(--u) 35%, var(--color-border))}.node[data-state=locked] .node__caption{color:var(--color-muted-fg);box-shadow:0 3px 0 var(--color-border)}.node__stars{z-index:1;border-radius:var(--radius-full);background:var(--color-card);box-shadow:var(--shadow-clay-sm);gap:2px;margin-top:-20px;padding:3px 7px;display:flex;position:relative}.node__star{width:16px;height:16px;color:var(--color-border-strong)}.node__star--on{color:#f59e0b;fill:#facc15;stroke:#b45309}.node__start{align-items:center;gap:var(--space-1);pointer-events:none;display:flex;position:absolute;top:46px;transform:translateY(-50%)}.node__start[data-side=right]{left:calc(50% + 62px)}.node__start[data-side=left]{flex-direction:row-reverse;right:calc(50% + 62px)}.node__bubble{padding:var(--space-2) var(--space-4);border:var(--border-width-thick) solid var(--u);border-radius:var(--radius-lg);background:var(--color-card);color:var(--u-text);font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--weight-heavy);white-space:nowrap;box-shadow:0 4px 0 var(--u-lip), 0 12px 20px -12px #0f172a80;line-height:1.2;animation:1.6s ease-in-out infinite lq-bob;position:relative}.node__bubble:after{content:"";border:var(--border-width-thick) solid var(--u);background:var(--color-card);width:12px;height:12px;position:absolute;top:50%}.node__start[data-side=right] .node__bubble:after{border-width:0 0 var(--border-width-thick) var(--border-width-thick);right:100%;transform:translate(7px,-50%)rotate(45deg)}.node__start[data-side=left] .node__bubble:after{border-width:var(--border-width-thick) var(--border-width-thick) 0 0;left:100%;transform:translate(-7px,-50%)rotate(45deg)}.node__lin{display:none}@media (width>=560px){.node__lin{display:block}}.node:focus-visible{outline-offset:8px}@keyframes lq-node-ring{0%{opacity:.55;transform:scale(.9)}to{opacity:0;transform:scale(1.18)}}@keyframes lq-bob{0%,to{translate:0}50%{translate:0 -4px}}@media (prefers-reduced-motion:reduce){.node[data-state=current] .node__disc:after,.node__bubble{animation:none}}.unit__scn--castle{width:min(520px,100%);top:24px;left:50%;transform:translate(-50%)}.add-lang__list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.add-lang__item{align-items:center;gap:var(--space-4);min-height:72px;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-fg);box-shadow:0 4px 0 var(--color-border);text-decoration:none;display:flex}.add-lang__item:hover{border-color:var(--color-primary)}.add-lang__limit{gap:var(--space-4);display:grid}.add-lang__limit p{margin:0}.onb{gap:var(--space-6);display:grid}.onb__top{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.onb__exits{gap:var(--space-1);flex-wrap:wrap;display:flex}.onb__progress{gap:var(--space-2);display:grid}.onb__step{color:var(--color-muted-fg);font-size:var(--text-sm);font-weight:var(--weight-bold)}.onb__panel{gap:var(--space-5);display:grid}.onb__panel--center,.onb__result{text-align:center;justify-items:center}.onb__result{width:100%;max-width:600px;margin:0 auto}.onb__title{font-size:var(--text-3xl);line-height:var(--leading-tight);text-wrap:balance;margin:0}.onb__title:focus{outline:none}.onb__ask{align-items:flex-end;gap:var(--space-3);display:flex}.onb__lin{flex:none;margin-bottom:-6px}.onb__bubble{gap:var(--space-2);min-width:0;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);border:var(--border-width-thick) solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));border-radius:var(--radius-2xl);background:var(--color-card);box-shadow:0 var(--lip) 0 color-mix(in srgb, var(--color-primary) 25%, var(--color-border)), 0 18px 28px -18px var(--shadow-tint);flex:1;display:grid;position:relative}.onb__bubble:before{content:"";border-bottom:var(--border-width-thick) solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));border-left:var(--border-width-thick) solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));background:var(--color-card);width:20px;height:20px;position:absolute;bottom:22px;left:-11px;transform:rotate(45deg)}.onb__bubble .onb__lead{margin:0}@media (width<=479px){.onb__lin{width:64px;height:64px}.onb__bubble{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.onb__bubble .onb__title{font-size:var(--text-2xl)}.onb__bubble .onb__lead{font-size:var(--text-sm)}}.onb__hero-lin{margin-bottom:calc(-1 * var(--space-2))}.onb__lead{margin:calc(var(--space-3) * -1) 0 0;color:var(--color-muted-fg);font-size:var(--text-md)}.onb__h2{margin:var(--space-2) 0 0;font-size:var(--text-lg);text-align:left;justify-self:stretch}.onb__actions{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-2);display:flex}.onb__actions--center{flex-wrap:wrap;justify-content:center}.onb__note{color:var(--color-muted-fg);font-size:var(--text-sm);margin:0}.choices{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=560px){.choices--2,.choices--3{grid-template-columns:1fr 1fr}}@media (width>=680px){.choices--3{grid-template-columns:repeat(3,1fr)}}.choice{align-items:center;gap:var(--space-4);min-height:76px;padding:var(--space-4);padding-right:var(--space-10);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);color:var(--color-fg);box-shadow:0 4px 0 var(--color-border), var(--shadow-clay-sm);cursor:pointer;transition:transform var(--duration-press) var(--ease-out), box-shadow var(--duration-press) var(--ease-out), border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);display:flex;position:relative}.choice:hover{border-color:var(--color-primary)}.choice:active{box-shadow:0 1px 0 var(--color-border);transform:translateY(3px)}.choice:has(.choice__input:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.choice:has(.choice__input:checked){border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:0 var(--lip) 0 var(--color-primary), 0 16px 24px -16px var(--shadow-tint)}.choice--disabled{cursor:not-allowed;opacity:.55}.choice--disabled:active{transform:none}.choice__input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.choice__icon{background:var(--grad-sheen), linear-gradient(140deg, var(--c1,var(--color-unit3)), var(--c2,var(--color-unit3-2)));width:52px;height:52px;color:var(--c-on,var(--color-on-unit3));box-shadow:0 3px 0 var(--c-lip,var(--color-unit3-lip));transition:background-color var(--duration-fast) var(--ease-out);border-radius:16px;flex:none;place-items:center;display:grid}.choice:nth-child(4n+2) .choice__icon{--c1:var(--color-unit5);--c2:var(--color-unit5-2);--c-on:var(--color-on-unit5);--c-lip:var(--color-unit5-lip)}.choice:nth-child(4n+3) .choice__icon{--c1:var(--color-unit2);--c2:var(--color-unit2-2);--c-on:var(--color-on-unit2);--c-lip:var(--color-unit2-lip)}.choice:nth-child(4n+4) .choice__icon{--c1:var(--color-unit4);--c2:var(--color-unit4-2);--c-on:var(--color-on-unit4);--c-lip:var(--color-unit4-lip)}.choice__icon svg{width:26px;height:26px}.choice:has(.choice__input:checked) .choice__icon{background:var(--grad-sheen), var(--grad-primary);color:var(--color-on-primary);box-shadow:0 3px 0 var(--color-primary-strong)}.choice__text{gap:2px;min-width:0;display:grid}.choice__title{font-size:var(--text-md);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.choice__detail{color:var(--color-muted-fg);font-size:var(--text-sm);line-height:var(--leading-snug)}.choice:has(.choice__input:checked) .choice__detail{color:var(--color-fg)}.choice__extra{white-space:nowrap;margin-left:auto}.choice__check{top:50%;right:var(--space-3);border-radius:var(--radius-full);background:var(--color-primary);width:26px;height:26px;color:var(--color-on-primary);opacity:0;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-press) var(--ease-bounce);place-items:center;display:grid;position:absolute;transform:translateY(-50%)scale(.6)}.choice__check svg{stroke-width:3px;width:16px;height:16px}.choice:has(.choice__input:checked) .choice__check{opacity:1;transform:translateY(-50%)scale(1)}@media (width>=680px){.choices--3 .choice{padding:var(--space-6) var(--space-4) var(--space-5);text-align:center;flex-direction:column;justify-content:center}.choices--3 .choice__extra{margin:0}.choices--3 .choice__check{top:var(--space-3);transform:scale(.6)}.choices--3 .choice:has(.choice__input:checked) .choice__check{transform:scale(1)}}.onb__glyph{background:var(--grad-sheen), linear-gradient(140deg, var(--c1,var(--color-unit3)), var(--c2,var(--color-unit3-2)));width:56px;height:56px;color:var(--c-on,var(--color-on-unit3));box-shadow:0 3px 0 var(--c-lip,var(--color-unit3-lip));font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);border-radius:18px;flex:none;place-items:center;line-height:1;display:grid}.onb__glyph:lang(zh){font-family:var(--font-zh)}.onb__glyph:lang(ko){font-family:var(--font-ko)}.choice .choice__icon:has(.onb__glyph){width:auto;height:auto;box-shadow:none;background:0 0}.onb__native{color:var(--color-muted-fg);font-weight:var(--weight-bold)}.choice:has(.choice__input:checked) .onb__native{color:var(--color-fg)}.onb__minutes{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold)}.placed{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);border:var(--border-width) solid color-mix(in srgb, var(--color-primary) 22%, var(--color-primary-soft));border-radius:var(--radius-xl);background:var(--color-primary-soft);color:var(--color-fg);text-align:left;display:flex}.placed__code{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-on-primary);font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);box-shadow:0 4px 0 var(--color-primary-strong);flex:none;line-height:1.1}.placed__text{gap:2px;display:grid}.phases{gap:var(--space-2);text-align:left;width:100%;margin:0;padding:0;list-style:none;display:grid}.phase{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);display:flex}.phase[data-status=active]{border-color:var(--color-primary);box-shadow:0 3px 0 var(--color-primary)}.phase__num{border-radius:var(--radius-full);background:var(--color-primary-soft);width:32px;height:32px;color:var(--color-primary-text);font-weight:var(--weight-bold);flex:none;place-items:center;display:grid}.phase__title,.phase__desc{display:block}.phase__desc{color:var(--color-muted-fg);font-size:var(--text-sm)}.arcade-promo{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-2xl);background:linear-gradient(var(--color-card), var(--color-card)) padding-box, linear-gradient(120deg, #38bdf8, #a855f7, #f59e0b) border-box;color:var(--color-fg);box-shadow:0 var(--lip) 0 color-mix(in srgb, #a855f7 45%, var(--color-border)), 0 16px 24px -18px var(--shadow-tint);transition:transform var(--duration-fast) var(--ease-out);border:3px solid #0000;text-decoration:none;display:flex;position:relative}.arcade-promo:hover{transform:translateY(-3px)}.arcade-promo:active{transform:translateY(var(--lip))}.arcade-promo:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.arcade-promo__arts{flex:none;width:116px;height:78px;display:block;position:relative}.arcade-promo__art{border:2px solid var(--color-fg);border-radius:10px;width:64px;height:48px;position:absolute;top:6px}.arcade-promo__art:first-child{left:0;transform:rotate(-8deg)}.arcade-promo__art:nth-child(2){z-index:1;top:0;left:26px;transform:rotate(3deg)scale(1.1)}.arcade-promo__art:nth-child(3){top:22px;left:52px;transform:rotate(9deg)}.arcade-promo__text{flex:1;gap:2px;min-width:0;display:grid}.arcade-promo__kicker{align-items:center;gap:var(--space-2);color:var(--color-primary-text);font-size:var(--text-sm);font-weight:var(--weight-heavy);display:inline-flex}.arcade-promo__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-heavy)}.arcade-promo__sub{color:var(--color-muted-fg);font-size:var(--text-sm)}.arcade-promo__go{width:28px;height:28px;color:var(--color-primary-text);flex:none}@media (width<=420px){.arcade-promo__arts{width:84px}.arcade-promo__art{width:50px;height:38px}.arcade-promo__art:nth-child(2){left:18px}.arcade-promo__art:nth-child(3){top:26px;left:34px}}@media (width<=559px){.arcade-promo__sub{display:none}.arcade-promo__title{font-size:var(--text-md)}}.goal-ring{flex:none;place-items:center;display:inline-grid;position:relative}.goal-ring svg{display:block}.goal-ring__track{fill:none;stroke:var(--color-muted)}.goal-ring__fill{fill:none;stroke:var(--color-secondary);stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.goal-ring.is-done .goal-ring__fill{stroke:var(--color-success)}.goal-ring__label{font-family:var(--font-heading);color:var(--color-fg);grid-auto-flow:column;place-content:center;place-items:center;line-height:1;display:grid;position:absolute;inset:0}.goal-ring__label strong{font-size:1.35em}.goal-ring__label small{font-size:.75em;font-weight:var(--weight-bold);color:var(--color-muted-fg);align-self:end;padding-bottom:.15em}.goal-ring__label svg{width:calc(var(--ring-size,88px) * .42);height:calc(var(--ring-size,88px) * .42);color:var(--color-success-text);stroke-width:3px}.rail-card__head--split{justify-content:space-between}.rail-card__count{white-space:nowrap;font-family:var(--font-heading);font-weight:var(--weight-bold);color:var(--color-muted-fg);flex:none}.rail-card__link{min-height:var(--touch-min);color:var(--color-primary-text);font-weight:var(--weight-bold);font-size:var(--text-sm);justify-self:start;align-items:center;gap:2px;text-decoration:none;display:inline-flex}.rail-card__link svg{width:18px;height:18px}.rail-card__link:hover{text-decoration:underline}.widget-goal__body{align-items:center;gap:var(--space-4);display:flex}.widget-goal__xp{font-family:var(--font-heading);font-size:var(--text-md);color:var(--color-muted-fg)}.widget-goal__xp strong{font-family:var(--font-numeric);font-size:var(--text-2xl);font-weight:var(--weight-heavy);color:var(--color-fg)}.widget-streak__row{align-items:center;gap:var(--space-3);display:flex}.quest-list{gap:var(--space-3);list-style:none;display:grid}.quest{align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.quest .quest__check{align-self:center}.quest__body{gap:6px;min-width:0;display:grid}.quest__title{font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.quest__reward{font-family:var(--font-numeric);font-size:var(--text-sm);font-weight:var(--weight-heavy);color:#3b1a00;background:var(--grad-gold);border-radius:var(--radius-full);padding:2px var(--space-2);white-space:nowrap;box-shadow:0 2px #b45309}.quest.is-done .quest__title{color:var(--color-success-text)}.quest-list:not(.quest-list--compact) .quest{padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.dash-strip{gap:var(--space-2);display:grid}.dash-strip__card{padding:var(--space-2);border-radius:var(--radius-lg);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dash-item{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;min-height:56px;padding:var(--space-1) var(--space-2);color:var(--color-fg);border-radius:var(--radius-md);text-decoration:none;display:flex}.dash-item+.dash-item{border-left:var(--border-width) solid var(--color-border);border-radius:0}.dash-item--link:hover{background:var(--color-muted)}.dash-item>svg{width:18px;height:18px;color:var(--color-muted-fg);flex:none}.dash-item__text{min-width:0;display:grid}.dash-item__value{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-lg);white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.1}.dash-item__label{font-size:var(--text-xs);color:var(--color-muted-fg);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dash-strip__flame{width:40px;height:40px}.dash-strip__upgrade{align-items:center;gap:var(--space-3);min-height:var(--touch-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-secondary-soft);color:var(--color-secondary-text);font-weight:var(--weight-bold);font-size:var(--text-sm);text-decoration:none;display:flex}.dash-strip__upgrade span{flex:1}.dash-strip__upgrade svg{flex:none;width:20px;height:20px}.dash-strip__upgrade-short{display:none}@media (width<=767px){.dash-strip__upgrade{min-height:var(--touch-min);padding:0 var(--space-2);font-size:var(--text-xs);background:0 0;justify-self:end}.dash-strip__upgrade svg{width:16px;height:16px}.dash-strip__upgrade-long{display:none}.dash-strip__upgrade-short{flex:none;display:inline}}@media (width<=400px){.dash-item{padding:var(--space-1);text-align:center;flex-direction:column;gap:6px}.dash-item>svg{display:none}}@media (width>=1024px){.dash-strip{display:none}}.review__loading{gap:var(--space-4);display:grid}.review__session{gap:var(--space-5);display:grid}.review__progress{align-items:center;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.review__count{font-family:var(--font-heading);font-weight:var(--weight-bold);color:var(--color-muted-fg);font-variant-numeric:tabular-nums}.flashcard{gap:var(--space-5);min-height:300px;padding:var(--space-6) var(--space-5);background:linear-gradient(var(--color-card), var(--color-card)) padding-box, linear-gradient(135deg, var(--color-accent), var(--color-primary) 55%, var(--color-unit6)) border-box;border-radius:var(--radius-2xl);box-shadow:0 var(--lip-lg) 0 color-mix(in srgb, var(--color-primary) 30%, var(--color-border)), 0 24px 36px -22px var(--shadow-tint);text-align:center;border:4px solid #0000;align-content:start;display:grid}.flashcard.is-revealed{border-color:color-mix(in srgb, var(--color-primary) 30%, var(--color-border))}.flashcard__meta{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.flashcard__front{justify-items:center;gap:var(--space-2);padding-top:var(--space-4);display:grid}.flashcard__term{font-family:var(--font-heading);font-size:calc(2.75rem * var(--font-scale));font-weight:var(--weight-bold);line-height:var(--leading-tight);overflow-wrap:anywhere}.flashcard__term:lang(zh),.flashcard__term:lang(ko){font-weight:var(--weight-bold)}.flashcard__reading{color:var(--color-primary-text);font-weight:var(--weight-semibold);font-size:var(--text-lg)}.flashcard__prompt{color:var(--color-muted-fg);align-self:end}.flashcard__back{gap:var(--space-4);padding-top:var(--space-5);border-top:var(--border-width) dashed var(--color-border);animation:card-in var(--duration-slow) var(--ease-out);display:grid}.flashcard__meaning{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-primary-text);line-height:var(--leading-snug)}.flashcard__example{gap:var(--space-1);padding:var(--space-4);background:var(--color-muted);border-radius:var(--radius-md);text-align:left;display:grid}.flashcard__example p:first-child{font-weight:var(--weight-bold)}.flashcard__example-reading{color:var(--color-muted-fg);font-size:var(--text-sm)}.flashcard__example-vi{color:var(--color-muted-fg)}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}.review__error{color:var(--color-destructive-text);font-weight:var(--weight-bold);text-align:center}.rate-bar{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.rate-btn{--rate:var(--color-primary);--rate-soft:var(--color-primary-soft);--rate-text:var(--color-primary-text);min-height:72px;padding:var(--space-2) var(--space-1);border:var(--border-width) solid color-mix(in srgb, var(--rate) 45%, var(--color-border));border-radius:var(--radius-lg);background:var(--rate-soft);color:var(--rate-text);font:inherit;cursor:pointer;transition:transform var(--duration-press) var(--ease-out), border-bottom-width var(--duration-press) var(--ease-out);border-bottom-width:5px;justify-items:center;gap:2px;display:grid;position:relative}.rate-btn:hover{transform:translateY(-1px)}.rate-btn:active{border-bottom-width:var(--border-width);transform:translateY(2px)}.rate-btn:disabled{opacity:.6;cursor:progress}.rate-btn__label{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:1.1}.rate-btn__hint{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-fg)}.rate-btn__key{font-family:var(--font-body);font-size:.6875rem;font-weight:var(--weight-bold);color:var(--color-fg);opacity:.55;position:absolute;top:6px;right:8px}@media (pointer:coarse),(width<=599px){.rate-btn__key{display:none}}.rate-tone--again{--rate:var(--color-destructive);--rate-soft:var(--color-destructive-soft);--rate-text:var(--color-destructive-text)}.rate-tone--hard{--rate:var(--color-secondary);--rate-soft:var(--color-secondary-soft);--rate-text:var(--color-secondary-text)}.rate-tone--good{--rate:var(--color-success);--rate-soft:var(--color-success-soft);--rate-text:var(--color-success-text)}.rate-tone--easy{--rate:var(--color-primary);--rate-soft:var(--color-primary-soft);--rate-text:var(--color-primary-text)}.review__tip{justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-muted-fg);font-size:var(--text-sm);display:none}.review__tip svg{width:16px;height:16px}@media (pointer:fine) and (width>=768px){.review__tip{display:flex}}.review-done{justify-items:center;gap:var(--space-4);text-align:center;display:grid}.review-done__xp{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-secondary-text)}.review-done__stats{justify-content:center;gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.review-done__stats li{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--rate-soft);color:var(--rate-text);font-weight:var(--weight-bold)}.review-done__note{color:var(--color-muted-fg);max-width:44ch}.review-done__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.plan-page__head{justify-content:space-between;align-items:end;gap:var(--space-4);flex-wrap:wrap;display:flex}.plan-page__loading{gap:var(--space-4);display:grid}.plan-page__grid{gap:var(--space-6);display:grid}.today-card{gap:var(--space-5);display:grid}.today-card__head{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.today-card__title{font-size:var(--text-2xl)}.today-card__lead{color:var(--color-muted-fg)}.today-card__goal{font-size:var(--text-xs);color:var(--color-muted-fg);font-weight:var(--weight-bold);justify-items:center;gap:2px;display:grid}.today-card__goal strong{color:var(--color-fg)}.task-list{gap:var(--space-2);list-style:none;display:grid}.task{--task:var(--color-primary);--task-soft:var(--color-primary-soft);--task-text:var(--color-primary-text)}.task--review{--task:var(--color-success);--task-soft:var(--color-success-soft);--task-text:var(--color-success-text)}.task--tutor{--task:var(--color-accent);--task-soft:var(--color-accent-soft);--task-text:var(--color-accent-text)}.task--unit_test,.task--level_exam{--task:var(--color-secondary);--task-soft:var(--color-secondary-soft);--task-text:var(--color-secondary-text)}:is(.task__link,.task:not(:has(.task__link))){align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-fg);transition:transform var(--duration-press) var(--ease-out), border-color var(--duration-fast) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;display:grid}.task__link:hover{border-color:color-mix(in srgb, var(--task) 45%, var(--color-border));transform:translateY(-1px)}.task__link:active{transform:translateY(1px)}.task__icon{border-radius:var(--radius-md);background:var(--task-soft);width:44px;height:44px;color:var(--task-text);place-items:center;display:grid}.task__icon svg{width:22px;height:22px}.task__text{min-width:0;display:grid}.task__title{font-weight:var(--weight-bold);line-height:var(--leading-snug)}.task__detail{font-size:var(--text-sm);color:var(--color-muted-fg)}.task__chevron{width:20px;height:20px;color:var(--color-muted-fg)}.task.is-done .task__link{background:var(--color-muted);border-style:dashed}.task.is-done:not(:has(.task__link)){background:var(--color-muted);border-style:dashed}.task.is-done .task__icon{background:var(--color-success);color:var(--color-card)}.task.is-done .task__icon svg{stroke-width:3px}.task.is-done .task__link .task__title{text-decoration:line-through;text-decoration-thickness:2px;-webkit-text-decoration-color:color-mix(in srgb, var(--color-fg) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--color-fg) 35%, transparent)}.today-card__note{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-muted);font-size:var(--text-sm);color:var(--color-fg);align-items:flex-start;display:flex}.today-card__note svg{width:18px;height:18px;color:var(--color-primary-text);flex:none;margin-top:2px}.plan-steps{gap:0;list-style:none;display:grid}.plan-step{gap:var(--space-4);padding-bottom:var(--space-5);grid-template-columns:48px minmax(0,1fr);display:grid;position:relative}.plan-step:last-child{padding-bottom:0}.plan-step:not(:last-child):before{content:"";background:var(--color-border);border-radius:3px;width:3px;position:absolute;top:52px;bottom:4px;left:23px}.plan-step--done:not(:last-child):before{background:var(--color-success)}.plan-step__dot{border-radius:var(--radius-full);border:var(--border-width-thick) solid var(--color-border);background:var(--color-card);width:48px;height:48px;color:var(--color-muted-fg);place-items:center;display:grid}.plan-step__dot svg{width:22px;height:22px}.plan-step--active .plan-step__dot{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 0 0 6px var(--color-primary-soft)}.plan-step--done .plan-step__dot{border-color:var(--color-success);background:var(--color-success);color:var(--color-card)}.plan-step__body{gap:var(--space-1);justify-items:start;display:grid}.plan-step__step{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-muted-fg)}.plan-step__title{font-size:var(--text-lg)}.plan-step__desc{color:var(--color-muted-fg);font-size:var(--text-sm)}.plan-step__status{margin-top:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);background:var(--color-muted);color:var(--color-muted-fg)}.plan-step__status--active{background:var(--color-primary-soft);color:var(--color-primary-text)}.plan-step__status--done{background:var(--color-success-soft);color:var(--color-success-text)}.srs-card p+p{margin-top:var(--space-3)}.srs-card__note{color:var(--color-muted-fg);font-size:var(--text-sm)}.srs-timeline{margin:var(--space-5) 0;text-align:center;font-size:var(--text-sm);color:var(--color-muted-fg);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;list-style:none;display:grid;position:relative}.srs-timeline:before{content:"";background:var(--color-primary-soft);border-radius:3px;height:3px;position:absolute;top:9px;left:12.5%;right:12.5%}.srs-timeline li{justify-items:center;gap:var(--space-2);display:grid;position:relative}.srs-timeline__dot{border-radius:var(--radius-full);border:var(--border-width-thick) solid var(--color-primary);background:var(--color-card);width:21px;height:21px}.srs-timeline li:first-child .srs-timeline__dot{border-color:var(--color-success)}.srs-timeline strong{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-fg);line-height:1;display:block}.heatmap{border-collapse:separate;border-spacing:6px;table-layout:fixed;width:calc(100% + 12px);margin:0 -6px}.heatmap th{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-muted-fg);padding-bottom:2px}.heatmap abbr{text-decoration:none}.heat{background:var(--color-muted);border-radius:10px;height:34px}.heat--empty{background:0 0}.heat--1{background:color-mix(in srgb, var(--color-success) 22%, var(--color-card))}.heat--2{background:color-mix(in srgb, var(--color-success) 45%, var(--color-card))}.heat--3{background:color-mix(in srgb, var(--color-success) 70%, var(--color-card))}.heat--4{background:var(--color-success)}.heat.is-today{outline:var(--border-width-thick) solid var(--color-fg);outline-offset:1px}.heat-legend{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-muted-fg);font-weight:var(--weight-semibold);justify-content:flex-end;align-items:center;gap:4px;display:flex}.heat-legend .heat{border-radius:5px;width:16px;height:16px;display:inline-block}.heat-legend .heat:first-of-type{margin-left:var(--space-1)}.heat-legend .heat:last-of-type{margin-right:var(--space-1)}.reminder-card__form{align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.reminder-card__field{flex:0 180px}.reminder-card__status{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-muted-fg)}@media (width<=479px){.today-card,.phases-card,.srs-card,.heat-card,.reminder-card{padding:var(--space-5)}.today-card__goal{display:none}}.level-hero{align-items:center;gap:var(--space-5);border-color:color-mix(in srgb, var(--color-primary-strong) 80%, #000);background:radial-gradient(circle at 100% 0%, #fff3 0 110px, transparent 111px), radial-gradient(circle at 40% 130%, #ffffff1f 0 90px, transparent 91px), var(--grad-primary);color:var(--color-on-primary);box-shadow:0 var(--lip-lg) 0 color-mix(in srgb, var(--color-primary-strong) 78%, #000), 0 24px 36px -20px var(--shadow-tint);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.level-hero>*{position:relative}.level-hero__lin{top:var(--space-3);right:var(--space-4);display:none;position:absolute}@media (width>=640px){.level-hero__lin{display:block}.level-hero__body{padding-right:110px}}.level-hero__badge{border:var(--border-width-thick) solid #b45309;background:var(--grad-sheen), var(--grad-gold);color:#3b1a00;width:96px;height:96px;box-shadow:0 var(--lip-lg) 0 #b45309, 0 16px 24px -12px #78350f99;font-family:var(--font-numeric);font-size:3rem;font-weight:var(--weight-heavy);border-radius:30px;place-items:center;display:grid;transform:rotate(-5deg)}.level-hero__body{gap:var(--space-2);min-width:0;display:grid}.level-hero__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-heavy);line-height:var(--leading-tight)}.level-hero__meta{font-size:var(--text-sm);font-weight:var(--weight-bold);color:inherit}.level-hero .progress{background:#ffffff3d;box-shadow:inset 0 0 0 2px #fff9,inset 0 2px 3px #0000002e}.level-hero .progress__fill{background:var(--grad-gold)}.level-hero__stats{gap:var(--space-3);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.level-hero__stats>div{min-width:0;padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-fg);border:var(--border-width) solid var(--color-border);box-shadow:0 4px #0f172a2e}.level-hero__stats dt{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-muted-fg)}.level-hero__stats dd{align-items:center;gap:var(--space-2);font-family:var(--font-numeric);font-size:var(--text-2xl);font-weight:var(--weight-heavy);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;margin:0;display:flex}.level-hero__stats .icon-tile svg{flex:none;width:18px;height:18px}.achievements__grid{gap:var(--space-6);display:grid}.badge-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));list-style:none;display:grid}.badge-tile{--tier:#c2702f;--tier-soft:color-mix(in srgb, #fbc48c 22%, var(--color-card));align-content:start;justify-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3) var(--space-5);border:var(--border-width) solid color-mix(in srgb, var(--tier) 40%, var(--color-border));border-radius:var(--radius-xl);background:radial-gradient(ellipse 90% 60% at 50% 0%, color-mix(in srgb, var(--tier) 24%, transparent), transparent 75%), var(--color-card);text-align:center;box-shadow:0 var(--lip) 0 color-mix(in srgb, var(--tier) 45%, var(--color-border));display:grid;position:relative}.badge-tile[data-tier=silver]{--tier:#64748b}.badge-tile[data-tier=gold]{--tier:#f59e0b}.badge-tile[data-tier=gem]{--tier:#0891b2}.badge-tile.is-locked{border-style:dashed;border-color:var(--color-border-strong);background:var(--color-muted);box-shadow:none}.badge-tile__art{margin:calc(-1 * var(--space-2)) 0 var(--space-1);place-items:center;display:grid}.medal--locked{filter:grayscale()contrast(.9);opacity:.62}.medal--locked .medal__lock{filter:none}.badge-tile__tier{top:var(--space-2);right:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-card);color:var(--color-fg);font-size:.6875rem;font-weight:var(--weight-heavy);box-shadow:0 2px 0 color-mix(in srgb, var(--tier) 50%, var(--color-border));position:absolute}.badge-tile.is-locked .badge-tile__tier{color:var(--color-muted-fg);box-shadow:0 2px 0 var(--color-border)}.badge-tile__name{font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--weight-heavy);line-height:var(--leading-snug)}.badge-tile__desc,.badge-tile__date{font-size:var(--text-xs);color:var(--color-muted-fg)}.badge-tile__date{color:var(--color-success-text);font-weight:var(--weight-bold)}.board{gap:var(--space-2);list-style:none;display:grid}.board__row{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:var(--border-width) solid transparent;grid-template-columns:32px auto minmax(0,1fr) auto;display:grid}.board__row.is-me{background:var(--color-primary-soft);border-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-primary-soft))}.board__rank{border-radius:var(--radius-full);width:32px;height:32px;font-family:var(--font-heading);font-weight:var(--weight-bold);color:var(--color-muted-fg);place-items:center;display:grid}.board__row--top1 .board__rank{background:var(--grad-sheen), linear-gradient(150deg, #fef08a, #f59e0b);color:#3b1a00;box-shadow:0 3px #b45309}.board__row--top2 .board__rank{background:var(--grad-sheen), linear-gradient(150deg, #f8fafc, #94a3b8);color:#1e293b;box-shadow:0 3px #64748b}.board__row--top3 .board__rank{background:var(--grad-sheen), linear-gradient(150deg, #fbc48c, #c2702f);color:#2a1405;box-shadow:0 3px #8a4b1c}.board__rank{font-weight:var(--weight-heavy)}.board__name{font-weight:var(--weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board__you{color:var(--color-primary-text);font-weight:var(--weight-semibold)}.board__xp{font-family:var(--font-heading);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.board__gap{text-align:center;color:var(--color-muted-fg);line-height:1}.board-card__error,.board-card__empty{gap:var(--space-3);color:var(--color-muted-fg);justify-items:start;display:grid}@media (width<=479px){.level-hero{text-align:center;padding:var(--space-5);grid-template-columns:minmax(0,1fr);justify-items:center}.level-hero__body{width:100%}.level-hero__stats{gap:var(--space-2);text-align:center;width:100%}.level-hero__stats>div{padding:var(--space-2) 4px;flex-direction:column-reverse;gap:2px;display:flex}.level-hero__stats dd{font-size:calc(clamp(1rem, 4.6vw, 1.25rem) * var(--font-scale));flex-direction:column;gap:2px;line-height:1.15}.level-hero__stats .icon-tile{width:28px;height:28px}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.flashcard__back{animation:none}.goal-ring__fill{transition:none}}.analytics-link{gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.analytics-link__body h2{align-items:center;gap:var(--space-2);font-size:var(--text-lg);flex-wrap:wrap;margin:0;display:flex}.analytics-link__body p{margin:var(--space-1) 0 0;color:var(--color-muted-fg);font-size:var(--text-sm)}.analytics-link>a{grid-column:1/-1;justify-self:start}@media (width>=768px){.analytics-link{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.analytics-link>a{grid-column:auto}}.analytics__head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.analytics__grid{gap:var(--space-6);display:grid}@media (width>=900px){.analytics__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics__wide{grid-column:1/-1}}.analytics__note{margin:var(--space-4) 0 0;color:var(--color-muted-fg);font-size:var(--text-sm)}.analytics__empty{align-items:center;gap:var(--space-2);color:var(--color-muted-fg);margin:0;display:flex}.analytics__empty svg{flex:none;width:20px;height:20px}.skill-meters{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.skill-meter{align-items:center;column-gap:var(--space-3);font-size:var(--text-sm);grid-template-columns:6.5rem minmax(0,1fr) 3rem;grid-template-areas:"label track value""meta track value";display:grid}.skill-meter__label{font-weight:var(--weight-semibold);grid-area:label}.skill-meter__track{border-radius:var(--radius-full);background:var(--color-muted);grid-area:track;height:12px;overflow:hidden}.skill-meter__fill{border-radius:var(--radius-full);background:var(--color-primary);height:100%;display:block}.skill-meter__value{text-align:right;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;grid-area:value}.skill-meter__meta{color:var(--color-muted-fg);font-size:var(--text-xs);grid-area:meta}.skill-meter__label,.skill-meter__meta{line-height:1.3}.xp-legend{gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3);font-size:var(--text-xs);color:var(--color-muted-fg);flex-wrap:wrap;padding:0;list-style:none;display:flex}.xp-legend li{align-items:center;gap:6px;display:flex}.xp-legend__swatch{border-radius:3px;width:12px;height:12px}.xp-legend__swatch--course,.xp-chart__seg--course{background:var(--color-primary)}.xp-legend__swatch--other,.xp-chart__seg--other{background:color-mix(in srgb, var(--color-primary) 35%, var(--color-card))}.xp-chart{gap:var(--space-2);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(8,minmax(0,1fr));height:180px;margin:0;padding:0;list-style:none;display:grid}.xp-chart__col{border-radius:var(--radius-sm);outline-offset:2px;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;padding-bottom:22px;display:flex;position:relative}.xp-chart__bar{flex-direction:column;gap:2px;width:min(100%,28px);min-height:0;display:flex}.xp-chart__seg{min-height:2px;display:block}.xp-chart__seg:first-child{border-radius:4px 4px 0 0}.xp-chart__label{font-size:var(--text-xs);color:var(--color-muted-fg);font-variant-numeric:tabular-nums;white-space:nowrap;position:absolute;bottom:2px}.xp-chart__col:nth-child(odd) .xp-chart__label{visibility:hidden}.xp-chart__tip{z-index:2;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-fg);color:var(--color-bg);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;opacity:0;line-height:1.35;transition:opacity .12s;position:absolute;bottom:calc(100% - 8px);left:50%;transform:translate(-50%)}.xp-chart__col:hover .xp-chart__tip,.xp-chart__col:focus-visible .xp-chart__tip{opacity:1}.xp-chart__col:first-child .xp-chart__tip{left:0;transform:none}.xp-chart__col:last-child .xp-chart__tip{left:auto;right:0;transform:none}.words-levels{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.words-levels li{align-items:center;gap:var(--space-3);font-size:var(--text-sm);grid-template-columns:4.5rem minmax(0,1fr) auto;display:grid}.words-levels__code{font-weight:var(--weight-bold)}.words-levels__count{color:var(--color-muted-fg);font-variant-numeric:tabular-nums}.maturity--new{background:color-mix(in srgb, var(--color-primary) 22%, var(--color-card))}.maturity--learning{background:color-mix(in srgb, var(--color-primary) 48%, var(--color-card))}.maturity--young{background:color-mix(in srgb, var(--color-primary) 74%, var(--color-card))}.maturity--mature{background:var(--color-primary-strong)}.maturity-bar{height:20px;margin-bottom:var(--space-4);border-radius:4px;gap:2px;display:flex;overflow:hidden}.maturity-bar__seg{min-width:4px}.maturity-legend{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.maturity-legend dt{white-space:nowrap;font-size:var(--text-xs);color:var(--color-muted-fg);align-items:center;gap:6px;display:flex}.maturity-legend dd{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;margin:2px 0 0}.maturity-legend__swatch{border-radius:3px;flex:none;width:12px;height:12px}.test-history{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.test-history__row{align-items:center;column-gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon title status""icon score date";display:grid}.test-history__icon{border-radius:var(--radius-full);grid-area:icon;place-items:center;width:32px;height:32px;display:grid}.test-history__icon svg{stroke-width:3px;width:18px;height:18px}.is-pass .test-history__icon{background:var(--color-success-soft);color:var(--color-success-text)}.is-fail .test-history__icon{background:var(--color-destructive-soft);color:var(--color-destructive-text)}.test-history__title{font-weight:var(--weight-semibold);overflow-wrap:anywhere;grid-area:title}.test-history__score{color:var(--color-muted-fg);font-variant-numeric:tabular-nums;grid-area:score}.test-history__status{font-weight:var(--weight-bold);text-align:right;grid-area:status}.is-pass .test-history__status{color:var(--color-success-text)}.is-fail .test-history__status{color:var(--color-destructive-text)}.test-history__date{color:var(--color-muted-fg);font-size:var(--text-xs);text-align:right;grid-area:date}.analytics-lock{gap:var(--space-6);display:grid;overflow:hidden}@media (width>=900px){.analytics-lock{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center}}.analytics-lock__preview{align-items:flex-end;gap:var(--space-2);height:160px;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-primary-soft);filter:blur(1.5px);opacity:.85;display:flex}.analytics-lock__preview span{height:var(--h);background:color-mix(in srgb, var(--color-primary) 60%, var(--color-card));border-radius:4px 4px 0 0;flex:1}.analytics-lock__body{gap:var(--space-3);justify-items:start;display:grid}.analytics-lock__body h2{font-size:var(--text-xl);margin:0}.analytics-lock__body p{color:var(--color-muted-fg);margin:0}.analytics-lock__list{gap:var(--space-2);font-size:var(--text-sm);margin:0;padding:0;list-style:none;display:grid}.analytics-lock__list li{gap:var(--space-2);grid-template-columns:20px minmax(0,1fr);display:grid}.analytics-lock__list svg{width:18px;height:18px;color:var(--color-primary-text);margin-top:1px}.analytics-lock__actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.shell__main:has(>.tutor){max-width:820px;padding:var(--space-3) var(--space-3) calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--space-2))}.tutor{--tutor-h:calc(100dvh - var(--topbar-height) - var(--tabbar-height) - env(safe-area-inset-bottom) - var(--space-3) - var(--space-2));height:var(--tutor-h);background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);min-height:420px;box-shadow:var(--shadow-clay);flex-direction:column;display:flex;overflow:hidden}@media (width>=768px){.shell__main:has(>.tutor){padding:var(--space-4) var(--space-6)}.tutor{--tutor-h:calc(100dvh - var(--topbar-height) - var(--space-8))}}@media (width>=1024px){.shell__main:has(>.tutor){padding:var(--space-6)}.tutor{--tutor-h:calc(100dvh - var(--space-12))}}.tutor__bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-card);display:flex}.tutor__history-btn{width:var(--touch-min);height:var(--touch-min);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-fg);cursor:pointer;flex:none;place-items:center;display:grid}.tutor__history-btn svg{width:22px;height:22px}@media (width>=1024px){.tutor__history-btn{display:none}}.tutor__avatar,.msg__avatar{background:var(--color-primary);width:44px;height:44px;color:var(--color-on-primary);box-shadow:inset 0 -4px 0 var(--color-primary-strong);border-radius:16px;flex:none;place-items:center;display:grid}.tutor__avatar svg{width:24px;height:24px}.tutor__titles{flex:1;min-width:0}.tutor__titles h1{font-size:var(--text-xl);line-height:var(--leading-tight)}.tutor__mode{font-size:var(--text-sm);color:var(--color-muted-fg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tutor__bar-end{align-items:center;gap:var(--space-2);flex:none;display:flex}.quota-pill{min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-muted);color:var(--color-fg);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.quota-pill svg{width:16px;height:16px}.quota-pill.is-low{background:var(--color-secondary-soft);color:var(--color-secondary-text)}.quota-pill.is-empty{background:var(--color-destructive-soft);color:var(--color-destructive-text)}.quota-pill--unlimited{background:var(--color-success-soft);color:var(--color-success-text)}@media (width<=479px){.tutor__bar{padding:var(--space-2) var(--space-3);gap:var(--space-2);flex-wrap:wrap}.tutor__avatar{display:none}.tutor__quota{flex-basis:100%;order:3}.tutor__quota .quota-pill{min-height:28px}.tutor__titles h1{font-size:var(--text-lg)}}@media (width<=1279px){.tutor__new-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tutor__new{padding:0 var(--space-3)}}.tutor__scroll{overscroll-behavior:contain;min-height:0;padding:var(--space-5) var(--space-4);background:var(--color-bg);scroll-behavior:smooth;flex:1;overflow-y:auto}@media (width>=768px){.tutor__scroll{padding:var(--space-6)}}.tutor__loading{gap:var(--space-4);display:grid}.tutor__loading>:nth-child(2){justify-self:end}.tutor__panel{margin-top:var(--space-5)}.chat{gap:var(--space-5);list-style:none;display:grid}.msg{gap:var(--space-2);min-width:0;display:grid}.msg--user{justify-items:end}.msg__bubble{max-width:min(88%,560px);padding:var(--space-3) var(--space-4);font-size:var(--text-md);line-height:var(--leading-normal);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:22px}.msg--user .msg__bubble{background:var(--color-primary);color:var(--color-on-primary);box-shadow:inset 0 -3px 0 var(--color-primary-strong);border-bottom-right-radius:6px}.msg--user.is-failed .msg__bubble{background:var(--color-card);color:var(--color-fg);border:var(--border-width) dashed var(--color-destructive);box-shadow:none}.msg__failed{color:var(--color-destructive-text);font-size:var(--text-sm);font-weight:var(--weight-bold);align-items:center;gap:6px;display:inline-flex}.msg__failed svg{width:16px;height:16px}.msg--tutor{align-items:start;column-gap:var(--space-3);grid-template-columns:44px minmax(0,1fr)}.msg__avatar svg{width:22px;height:22px}.msg__main{justify-items:start;gap:6px;min-width:0;display:grid}.msg--tutor .msg__bubble{background:var(--color-card);max-width:min(100%,560px);color:var(--color-fg);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-clay-sm);border-top-left-radius:6px}.msg--tutor.is-opening .msg__bubble{border-color:color-mix(in srgb, var(--color-accent) 40%, var(--color-border))}.msg__reading{margin-top:var(--space-2);color:var(--color-primary-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.msg__translation{margin-top:var(--space-2);padding-top:var(--space-2);border-top:var(--border-width) dashed var(--color-border);color:var(--color-muted-fg);font-size:var(--text-sm)}.msg__tools{flex-wrap:wrap;align-items:center;gap:2px;margin-left:-6px;display:flex}.tool-btn{min-height:var(--touch-min);padding:0 var(--space-3);border-radius:var(--radius-full);color:var(--color-muted-fg);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.tool-btn svg{width:18px;height:18px}.tool-btn:hover{background:var(--color-muted);color:var(--color-fg)}.tool-btn[aria-pressed=true]{background:var(--color-primary-soft);color:var(--color-primary-text)}.msg__tag{padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent-text);font-size:var(--text-xs);font-weight:var(--weight-bold)}.msg--typing .msg__bubble{align-items:center;gap:var(--space-3);display:inline-flex}.typing{gap:4px;display:inline-flex}.typing i{background:var(--color-primary);width:8px;height:8px;animation:typing 1.1s var(--ease-out) infinite;border-radius:50%}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.typing__text{font-size:var(--text-sm);color:var(--color-muted-fg);font-style:italic}@keyframes typing{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.fix-ok,.fix-note{padding:4px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-bold);align-items:center;gap:6px;display:inline-flex}.fix-ok{background:var(--color-success-soft);color:var(--color-success-text)}.fix-ok svg{stroke-width:3px;width:16px;height:16px}.fix-note{background:var(--color-muted);color:var(--color-muted-fg);font-weight:var(--weight-semibold)}.fix-panel{gap:var(--space-3);width:min(94%,560px);padding:var(--space-4);background:var(--color-card);border:var(--border-width) solid var(--color-border);border-left:5px solid var(--color-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-clay-sm);animation:fix-in var(--duration-slow) var(--ease-out);display:grid}@keyframes fix-in{0%{opacity:0;transform:translateY(-6px)}}.fix-panel__sentence{align-items:flex-start;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:var(--border-width) dashed var(--color-border);display:flex}.fix-panel__sentence p{font-size:var(--text-md);flex:1;line-height:1.8}.fix-panel__label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-muted-fg);text-transform:uppercase;letter-spacing:.04em;font-family:var(--font-body);margin-right:2px;display:inline-block}.icon-chip{width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);color:var(--color-primary-text);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin:-6px -6px -6px 0;display:grid}.icon-chip:hover{background:var(--color-primary-soft)}.icon-chip svg{width:20px;height:20px}.fix-list{gap:var(--space-3);list-style:none;display:grid}.fix{gap:6px var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.fix+.fix{padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-muted)}.fix__diff{align-items:center;gap:4px var(--space-2);font-size:var(--text-md);font-weight:var(--weight-semibold);flex-wrap:wrap;min-width:0;display:flex}.fix__diff del,.fix__diff ins{overflow-wrap:anywhere}.fix__arrow{width:18px;height:18px;color:var(--color-muted-fg);flex:none}.fix__why{font-size:var(--text-sm);color:var(--color-fg);line-height:var(--leading-normal);grid-column:1/-1}.fix__chip{--chip-bg:var(--color-primary-soft);--chip-fg:var(--color-primary-text);border-radius:var(--radius-full);background:var(--chip-bg);color:var(--chip-fg);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap;align-items:center;padding:2px 10px;display:inline-flex}.fix__chip--vocabulary{--chip-bg:var(--color-accent-soft);--chip-fg:var(--color-accent-text)}.fix__chip--spelling{--chip-bg:var(--color-destructive-soft);--chip-fg:var(--color-destructive-text)}.fix__chip--word_order{--chip-bg:var(--color-secondary-soft);--chip-fg:var(--color-secondary-text)}.fix__chip--politeness{--chip-bg:var(--color-success-soft);--chip-fg:var(--color-success-text)}.fix__chip--tone{--chip-bg:var(--color-muted);--chip-fg:var(--color-fg)}.fix-legend{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.tutor-welcome{gap:var(--space-6);display:grid}.tutor-welcome__intro{gap:var(--space-3);padding:var(--space-6) var(--space-5);border:var(--border-width) solid color-mix(in srgb, var(--color-unit4) 30%, var(--color-border));border-radius:var(--radius-2xl);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-unit4) 16%, transparent) 0 150px, transparent 151px), radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--color-primary) 10%, transparent) 0 120px, transparent 121px), var(--color-card);box-shadow:0 var(--lip) 0 color-mix(in srgb, var(--color-unit4) 25%, var(--color-border)), 0 20px 30px -20px var(--shadow-tint);justify-items:start;display:grid;position:relative}.tutor-welcome__lin{float:none;margin:calc(-1 * var(--space-2)) 0 calc(-1 * var(--space-4));justify-self:end}@media (width>=640px){.tutor-welcome__intro{padding-right:170px}.tutor-welcome__lin{top:var(--space-5);right:var(--space-5);margin:0;position:absolute}}.tutor-welcome__intro h2{font-size:var(--text-2xl);font-weight:var(--weight-heavy);line-height:var(--leading-tight);max-width:24ch}.tutor-welcome__intro p{max-width:56ch}.demo-fix{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-card);border:var(--border-width) solid var(--color-border);border-left:5px solid var(--color-secondary);font-weight:var(--weight-semibold);flex-wrap:wrap;display:inline-flex}.starters h3,.scenarios h3{font-size:var(--text-md);margin-bottom:var(--space-3)}.starters ul{gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.starter{min-height:var(--touch-min);padding:var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-card);color:var(--color-fg);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:left;cursor:pointer;box-shadow:var(--shadow-clay-sm);transition:transform var(--duration-press) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.starter:hover{border-color:color-mix(in srgb, var(--color-primary) 45%, var(--color-border));transform:translateY(-1px)}.starter:active{transform:translateY(1px)}.scenarios__head{align-items:baseline;gap:var(--space-2);display:flex}.scenarios__badge{border-radius:var(--radius-full);background:var(--color-secondary-soft);color:var(--color-secondary-text);font-size:var(--text-xs);font-weight:var(--weight-bold);align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.scenarios__badge svg{width:12px;height:12px}.scenario-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));list-style:none;display:grid}.scenario{align-items:start;gap:var(--space-3);width:100%;height:100%;min-height:76px;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-fg);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow-clay-sm);transition:transform var(--duration-press) var(--ease-out), border-color var(--duration-fast) var(--ease-out);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.scenario:hover{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border));transform:translateY(-2px)}.scenario:active{box-shadow:var(--shadow-clay-pressed);transform:translateY(1px)}.scenario__icon{--c1:var(--color-unit4);--c2:var(--color-unit4-2);--c-on:var(--color-on-unit4);--c-lip:var(--color-unit4-lip);--c-soft:var(--color-unit4-soft);--c-text:var(--color-unit4-text);background:var(--grad-sheen), linear-gradient(140deg, var(--c1), var(--c2));width:44px;height:44px;color:var(--c-on);box-shadow:0 3px 0 var(--c-lip);border-radius:14px;place-items:center;display:grid}.scenario-grid li:nth-child(6n+2) .scenario__icon{--c1:var(--color-unit5);--c2:var(--color-unit5-2);--c-on:var(--color-on-unit5);--c-lip:var(--color-unit5-lip);--c-soft:var(--color-unit5-soft);--c-text:var(--color-unit5-text)}.scenario-grid li:nth-child(6n+3) .scenario__icon{--c1:var(--color-unit2);--c2:var(--color-unit2-2);--c-on:var(--color-on-unit2);--c-lip:var(--color-unit2-lip);--c-soft:var(--color-unit2-soft);--c-text:var(--color-unit2-text)}.scenario-grid li:nth-child(6n+4) .scenario__icon{--c1:var(--color-unit3);--c2:var(--color-unit3-2);--c-on:var(--color-on-unit3);--c-lip:var(--color-unit3-lip);--c-soft:var(--color-unit3-soft);--c-text:var(--color-unit3-text)}.scenario-grid li:nth-child(6n+5) .scenario__icon{--c1:var(--color-unit6);--c2:var(--color-unit6-2);--c-on:var(--color-on-unit6);--c-lip:var(--color-unit6-lip);--c-soft:var(--color-unit6-soft);--c-text:var(--color-unit6-text)}.scenario-grid li:nth-child(6n+6) .scenario__icon{--c1:var(--color-unit1);--c2:var(--color-unit1-2);--c-on:var(--color-on-unit1);--c-lip:var(--color-unit1-lip);--c-soft:var(--color-unit1-soft);--c-text:var(--color-unit1-text)}.scenario__icon svg{width:22px;height:22px}.scenario__text{padding-right:var(--space-4);gap:2px;display:grid}.scenario__title{font-weight:var(--weight-bold);line-height:var(--leading-snug)}.scenario__desc{font-size:var(--text-sm);color:var(--color-muted-fg);line-height:var(--leading-snug)}.scenario__lock{top:var(--space-3);right:var(--space-3);width:16px;height:16px;color:var(--color-muted-fg);position:absolute}.scenario.is-locked .scenario__icon{background:var(--c-soft);color:var(--c-text);box-shadow:none}.tutor-panel{gap:var(--space-3);padding:var(--space-5);background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-clay);grid-template-columns:minmax(0,1fr);justify-items:start;display:grid}.tutor-panel h2{font-size:var(--text-xl)}.tutor-panel p{max-width:60ch}.tutor-panel__icon{background:var(--color-destructive-soft);width:52px;height:52px;color:var(--color-destructive-text);border-radius:18px;place-items:center;display:grid}.tutor-panel__icon svg{width:26px;height:26px}.tutor-panel--setup .tutor-panel__icon{background:var(--color-secondary-soft);color:var(--color-secondary-text)}.tutor-panel--quota .tutor-panel__icon,.tutor-panel--plan .tutor-panel__icon{background:var(--color-primary-soft);color:var(--color-primary-text)}.tutor-panel__actions{gap:var(--space-3);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.setup-steps{width:100%;padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-muted)}.setup-steps__title{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-muted-fg);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.setup-steps ol{gap:var(--space-2);font-size:var(--text-sm);padding-left:1.25em;display:grid}.setup-steps code{overflow-wrap:anywhere;background:var(--color-card);border:1px solid var(--color-border);border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.setup-steps pre{white-space:pre-wrap;max-width:100%;margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-fg);color:var(--color-bg);overflow-x:auto}.setup-steps pre code{color:inherit;background:0 0;border:0;padding:0}.composer{padding:var(--space-3) var(--space-3) var(--space-2);border-top:var(--border-width) solid var(--color-border);background:var(--color-card);grid-template-columns:minmax(0,1fr);gap:4px;display:grid}@media (width>=768px){.composer{padding:var(--space-4) var(--space-5) var(--space-3)}}.composer__box{align-items:flex-end;gap:var(--space-2);padding:4px 4px 4px var(--space-4);border:var(--border-width) solid var(--color-border-strong);background:var(--color-card);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border-radius:26px;display:flex}.composer__box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.composer textarea{resize:none;min-width:0;min-height:44px;max-height:160px;color:var(--color-fg);font:inherit;font-size:var(--text-md);background:0 0;border:0;outline:none;flex:1;padding:10px 0;line-height:1.45}.composer textarea::placeholder{color:var(--color-muted-fg)}.composer__mic,.composer__send{border-radius:var(--radius-full);cursor:pointer;width:44px;height:44px;transition:transform var(--duration-press) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border:0;flex:none;place-items:center;display:grid}.composer__mic svg,.composer__send svg{width:22px;height:22px}.composer__mic{background:var(--color-muted);color:var(--color-fg)}.composer__mic.is-listening{background:var(--color-destructive);color:var(--color-on-destructive);animation:1.2s ease-out infinite mic-pulse}@keyframes mic-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-destructive) 45%, transparent)}to{box-shadow:0 0 0 12px #0000}}.composer__send{background:var(--color-primary);color:var(--color-on-primary);box-shadow:inset 0 -3px 0 var(--color-primary-strong)}.composer__send:active:not(:disabled),.composer__mic:active:not(:disabled){transform:scale(.94)}.composer__send:disabled{background:var(--color-muted);color:var(--color-muted-fg);box-shadow:none;cursor:not-allowed}.composer.is-disabled .composer__box{background:var(--color-muted)}.composer__hint{padding:0 var(--space-3);font-size:var(--text-xs);color:var(--color-muted-fg);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.composer__hint.is-over{color:var(--color-destructive-text);font-weight:var(--weight-bold)}@media (pointer:coarse){.composer__hint{display:none}}.history{gap:var(--space-3);display:grid}.history__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.history__empty{font-size:var(--text-sm);color:var(--color-muted-fg)}.history__list{gap:4px;max-height:50vh;margin:0 -6px;padding:2px 6px;list-style:none;display:grid;overflow-y:auto}.history__item{align-items:center;gap:var(--space-3);width:100%;min-height:52px;padding:var(--space-2) var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius-md);color:var(--color-fg);font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr);display:grid}.history__item>svg{width:20px;height:20px;color:var(--color-muted-fg)}.history__item:hover{background:var(--color-muted)}.history__item.is-active{background:var(--color-primary-soft);border-color:color-mix(in srgb, var(--color-primary) 35%, var(--color-primary-soft))}.history__item.is-active>svg{color:var(--color-primary-text)}.history__text{min-width:0;display:grid}.history__title{font-weight:var(--weight-bold);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history__date{font-size:var(--text-xs);color:var(--color-muted-fg)}.history__item.is-active .history__date{color:var(--color-fg)}.tutor-rail{gap:var(--space-3)}@media (prefers-reduced-motion:reduce){.typing i,.composer__mic.is-listening,.fix-panel{animation:none}.tutor__scroll{scroll-behavior:auto}}@media (width<=479px){.tutor-welcome__intro h2{font-size:var(--text-xl)}}.pricing{gap:var(--space-8);container-type:inline-size}.pricing__hero{justify-items:center;gap:var(--space-3);text-align:center;display:grid}.pricing__hero h1{font-size:var(--text-3xl);line-height:var(--leading-tight);max-width:20ch}.pricing--public .pricing__hero h1{font-size:var(--text-4xl)}.pricing__toggle{margin-top:var(--space-2)}.plan-grid{gap:var(--space-5);width:100%;max-width:440px;margin:0 auto;display:grid}@container (width>=620px){.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;max-width:none}}.plan{gap:var(--space-3);padding:var(--space-6) var(--space-5);background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-clay);flex-direction:column;display:flex;position:relative}@container (width>=620px) and (width<=900px){.plan{padding:var(--space-5) var(--space-4)}.plan__name{font-size:var(--text-xl)}}.plan.is-featured{background:radial-gradient(ellipse 80% 40% at 50% 0%, color-mix(in srgb, var(--color-primary) 12%, transparent), transparent 70%) padding-box, linear-gradient(var(--color-card), var(--color-card)) padding-box, linear-gradient(140deg, var(--color-primary), var(--color-primary-2) 60%, var(--color-accent)) border-box;box-shadow:0 var(--lip-lg) 0 color-mix(in srgb, var(--color-primary) 40%, var(--color-border)), 0 26px 40px -22px var(--shadow-tint);border:4px solid #0000}@media (width>=900px){.plan.is-featured{transform:translateY(-8px)}}.plan.is-current:not(.is-featured){border-color:var(--color-success)}.plan__flags{gap:var(--space-2);flex-wrap:wrap;min-height:26px;display:flex}.plan__head{align-items:center;gap:var(--space-3);display:flex}.plan__icon{background:var(--grad-sheen), linear-gradient(140deg, var(--color-unit2), var(--color-unit2-2));width:48px;height:48px;color:var(--color-on-unit2);box-shadow:0 3px 0 var(--color-unit2-lip);border-radius:16px;place-items:center;display:grid}.plan--plus .plan__icon{background:var(--grad-sheen), var(--grad-primary);color:var(--color-on-primary);box-shadow:0 3px 0 var(--color-primary-strong)}.plan--pro .plan__icon{background:var(--grad-sheen), var(--grad-gold);color:#3b1a00;box-shadow:0 3px #b45309}.plan__icon svg{width:22px;height:22px}.plan__name{font-size:var(--text-2xl)}.plan__tagline{color:var(--color-muted-fg);font-size:var(--text-sm);min-height:2.6em}.plan__price{color:var(--color-muted-fg);font-weight:var(--weight-bold);flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.plan__price strong{font-family:var(--font-numeric);font-weight:var(--weight-heavy);color:var(--color-fg);font-variant-numeric:tabular-nums;font-size:clamp(1.75rem,4.6cqi,2.375rem);line-height:1}.plan__sub{font-size:var(--text-sm);color:var(--color-muted-fg);min-height:1.6em}.plan__save{color:var(--color-success-text)}.plan__current-note{min-height:48px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-muted);color:var(--color-muted-fg);font-size:var(--text-sm);font-weight:var(--weight-bold);text-align:center;place-items:center;display:grid}.plan__features{gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-4);border-top:var(--border-width) dashed var(--color-border);font-size:var(--text-sm);list-style:none;display:grid}.plan__features li{gap:var(--space-2);grid-template-columns:20px minmax(0,1fr);display:grid}.plan__features svg{width:18px;height:18px;color:var(--color-success-text);stroke-width:3px;margin-top:2px}.pricing__demo{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-muted-fg);text-align:center;margin-top:calc(-1 * var(--space-4));display:flex}.pricing__demo svg{width:18px;height:18px;color:var(--color-success-text);flex:none}.compare h2,.faq h2{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.compare__wrap{background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-clay);overflow:hidden}.compare__table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:var(--text-sm)}.compare__table th,.compare__table td{padding:var(--space-3) var(--space-2);text-align:center;vertical-align:middle;border-bottom:var(--border-width) solid var(--color-muted)}.compare__table tbody tr:last-child th,.compare__table tbody tr:last-child td{border-bottom:0}.compare__table thead th{font-family:var(--font-heading);font-size:var(--text-md);padding-top:var(--space-4)}.compare__table thead th:first-child,.compare__table tbody th{text-align:left;width:44%;padding-left:var(--space-4)}.compare__table tbody th{font-weight:var(--weight-semibold)}.compare__table .is-featured{background:color-mix(in srgb, var(--color-primary-soft) 60%, var(--color-card))}.compare__table thead .is-featured{color:var(--color-primary-text)}.compare__table td{font-weight:var(--weight-bold)}.compare__yes,.compare__no{vertical-align:middle;width:20px;height:20px}.compare__yes{color:var(--color-success-text);stroke-width:3px}.compare__no{color:var(--color-muted-fg)}@media (width<=479px){.compare__table{font-size:var(--text-xs)}.compare__table thead th:first-child,.compare__table tbody th{width:40%;padding-left:var(--space-3)}.compare__table th,.compare__table td{padding:var(--space-3) 4px}}.faq{gap:var(--space-3);display:grid}.faq h2{margin-bottom:var(--space-1)}.faq__item{background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg)}.faq__item summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-5);font-weight:var(--weight-bold);cursor:pointer;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:after{content:"+";font-family:var(--font-heading);color:var(--color-primary-text);transition:transform var(--duration-fast) var(--ease-out);flex:none;font-size:1.5rem;line-height:1}.faq__item[open] summary:after{transform:rotate(45deg)}.faq__item p{padding:0 var(--space-5) var(--space-4);color:var(--color-muted-fg)}.checkout{container-type:inline-size}.checkout__back{margin-left:calc(-1 * var(--space-3));justify-self:start}.checkout__demo{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-secondary-soft);color:var(--color-secondary-text);border:var(--border-width) dashed color-mix(in srgb, var(--color-secondary) 60%, var(--color-secondary-soft));display:flex}.checkout__demo svg{flex:none;width:24px;height:24px}.checkout__grid{gap:var(--space-5);display:grid}@container (width>=640px){.checkout__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.checkout__summary{top:var(--space-6);position:sticky}}.checkout__form{gap:var(--space-5);display:grid}.checkout__form .card__title,.checkout__summary .card__title{margin-bottom:var(--space-4)}.methods{gap:var(--space-3);display:grid}.method{align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.method input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.method:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.method.is-checked{border-color:var(--color-primary);background:var(--color-primary-soft)}.method.is-checked:after{content:"";right:var(--space-4);background:var(--color-primary);width:18px;height:18px;box-shadow:inset 0 0 0 4px var(--color-primary-soft), 0 0 0 2px var(--color-primary);border-radius:50%;margin-top:-9px;position:absolute;top:50%}.method__icon{background:var(--color-muted);width:44px;height:44px;color:var(--color-fg);border-radius:14px;place-items:center;display:grid}.method__icon--momo{background:var(--color-accent-soft);color:var(--color-accent-text)}.method__icon--zalopay{background:var(--color-primary-soft);color:var(--color-primary-text)}.method.is-checked .method__icon{background:var(--color-card)}.method__icon svg{width:22px;height:22px}.method__text{padding-right:var(--space-8);display:grid}.method__name{font-weight:var(--weight-bold)}.method__detail{font-size:var(--text-sm);color:var(--color-muted-fg)}.method.is-checked .method__detail{color:var(--color-fg)}.receipt{gap:var(--space-2);display:grid}.receipt>div{justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);display:flex}.receipt dt{color:var(--color-muted-fg)}.receipt dd{font-weight:var(--weight-bold);text-align:right;overflow-wrap:anywhere;margin:0}.receipt__save{color:var(--color-success-text)}.checkout__total{margin:var(--space-4) 0;padding-top:var(--space-4);border-top:var(--border-width) dashed var(--color-border);font-weight:var(--weight-bold);justify-content:space-between;align-items:baseline;display:flex}.checkout__total strong{font-family:var(--font-heading);font-size:var(--text-2xl)}.checkout__summary .form-alert{margin-bottom:var(--space-3)}.checkout__fine{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-muted-fg);text-align:center}.checkout-success{justify-items:center;gap:var(--space-4);text-align:center;width:100%;max-width:560px;margin:0 auto;display:grid}.checkout-success__icon{border-radius:var(--radius-full);background:var(--color-success-soft);width:84px;height:84px;color:var(--color-success-text);place-items:center;display:grid}.checkout-success__icon svg{width:44px;height:44px}.checkout-success h1{font-size:var(--text-3xl);line-height:var(--leading-tight)}.checkout-success__lead{color:var(--color-muted-fg)}.checkout-success .receipt{width:100%;padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-muted);text-align:left}.checkout-success__features{gap:var(--space-2);text-align:left;justify-self:stretch;list-style:none;display:grid}.checkout-success__features li{gap:var(--space-2);display:flex}.checkout-success__features svg{width:20px;height:20px;color:var(--color-success-text);flex:none}.checkout-success__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.checkout__demo-small{font-size:var(--text-xs);color:var(--color-muted-fg)}.plan-card__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.billing{list-style:none;display:grid}.billing__row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--border-width) solid var(--color-muted);display:flex}.billing__row:last-child{border-bottom:0}.billing__main{min-width:0;display:grid}.billing__meta{font-size:var(--text-sm);color:var(--color-muted-fg)}.billing__amount{font-family:var(--font-heading);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;white-space:nowrap}.billing__empty{color:var(--color-muted-fg);font-size:var(--text-sm)}.pricing--public .compare,.pricing--public .faq{width:100%;max-width:880px;margin:0 auto}@media (width<=479px){.checkout .card--pad-lg{padding:var(--space-5)}.checkout__summary .btn{padding:0 var(--space-4)}}.plan__more{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary-text)}:root[data-motion=off] *,:root[data-motion=off] :before,:root[data-motion=off] :after,:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.fx-layer{z-index:calc(var(--z-toast) + 5);pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}.fx-layer--full{width:100vw;height:100vh;overflow:hidden;transform:none!important}.fx-spark{background:var(--c);width:12px;height:12px;box-shadow:0 0 10px var(--c);opacity:0;animation:fx-spark .68s cubic-bezier(.15, .75, .3, 1) var(--delay,0s) forwards;will-change:transform, opacity;border-radius:50%;position:absolute;top:-6px;left:-6px}.fx-spark--star{width:22px;height:22px;box-shadow:none;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);border-radius:0;top:-11px;left:-11px}.fx-spark--trail{border-radius:2px;width:4px;height:18px;animation-name:fx-trail-spark;animation-duration:1.1s;animation-timing-function:cubic-bezier(.1,.7,.3,1);top:-9px;left:-2px}@keyframes fx-spark{0%{opacity:1;transform:translate(0, 0) scale(calc(var(--s,1) * .5))}45%{opacity:1;transform:translate(calc(var(--dx) * .8), calc(var(--dy) * .8)) scale(var(--s,1))}to{opacity:0;transform:translate(var(--dx), calc(var(--dy) + 12px)) scale(.3)}}@keyframes fx-trail-spark{0%{opacity:1;transform:translate(0, 0) rotate(calc(var(--a) + 90deg)) scaleY(.4)}50%{opacity:1;transform:translate(calc(var(--dx) * .85), calc(var(--dy) * .85)) rotate(calc(var(--a) + 90deg)) scaleY(1.2)}to{opacity:0;transform:translate(var(--dx), calc(var(--dy) + 46px)) rotate(calc(var(--a) + 90deg)) scaleY(.5)}}.fx-flash{background:radial-gradient(circle, #fff 0 18%, var(--c) 30%, transparent 68%);opacity:0;border-radius:50%;width:80px;height:80px;animation:.7s ease-out forwards fx-flash;position:absolute;top:-40px;left:-40px}@keyframes fx-flash{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(2.6)}}.fx-ring{border:5px solid var(--c);opacity:0;border-radius:50%;width:80px;height:80px;animation:.8s cubic-bezier(.2,.7,.3,1) forwards fx-ring;position:absolute;top:-40px;left:-40px}.fx-ring--2{border-width:3px;animation-delay:.14s}@keyframes fx-ring{0%{opacity:.95;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}.fx-xp-chip{color:#3b1a00;font-family:var(--font-numeric,var(--font-heading));white-space:nowrap;opacity:0;will-change:transform, opacity;background:linear-gradient(#fef08a,#facc15 55%,#f59e0b);border-radius:999px;padding:6px 14px;font-size:1.05rem;font-weight:800;animation:.82s cubic-bezier(.55,-.2,.6,1) forwards fx-fly;position:absolute;top:0;left:0;box-shadow:0 4px #b45309,0 10px 24px #f59e0b80}@keyframes fx-fly{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}18%{opacity:1;transform:translate(-50%,calc(-50% - 34px))scale(1.18)}36%{opacity:1;transform:translate(-50%,calc(-50% - 40px))scale(1)}to{opacity:.3;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.45)}}.fx-bump{animation:.42s cubic-bezier(.3,1.6,.5,1) fx-bump}@keyframes fx-bump{0%{transform:scale(1)}40%{transform:scale(1.32)}to{transform:scale(1)}}.fx-shake{animation:.42s cubic-bezier(.36,.07,.19,.97) fx-shake}@keyframes fx-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.fx-confetti{background:var(--c);opacity:0;width:10px;height:14px;animation:fx-confetti var(--dur,2.4s) cubic-bezier(.2, .55, .45, 1) var(--delay,0s) forwards;will-change:transform, opacity;border-radius:2px;position:absolute;top:0;left:0}.fx-confetti--1{border-radius:50%;width:9px;height:9px}.fx-confetti--2{width:6px;height:16px}@keyframes fx-confetti{0%{opacity:1;transform:translate(var(--x), var(--y)) rotateX(0) rotate(0)}28%{opacity:1;transform:translate(calc(var(--x) + var(--dx) * .55), calc(var(--y) - var(--up))) rotateX(calc(var(--r) * .4)) rotate(calc(var(--r) * .3))}85%{opacity:1}to{opacity:0;transform:translate(calc(var(--x) + var(--dx)), calc(var(--y) + var(--fall))) rotateX(var(--r)) rotate(var(--r))}}.fx-layer--banner{place-items:start center;padding-top:34vh;display:grid}.fx-layer--banner-top{padding-top:max(76px,11vh)}.fx-banner{color:#fff;font-family:var(--font-heading);text-align:center;opacity:0;background:linear-gradient(#fde047,#f97316 50%,#dc2626);border-radius:24px;justify-items:center;gap:2px;padding:10px 30px 12px;font-weight:800;animation:1.4s cubic-bezier(.2,1.3,.4,1) forwards fx-banner;display:grid;position:relative;box-shadow:0 7px #9a3412,0 18px 40px #f9731673}.fx-banner--gold{color:#3b1a00;background:linear-gradient(#fef08a,#facc15 50%,#d97706);box-shadow:0 7px #92400e,0 18px 40px #f59e0b73}.fx-banner--success{background:linear-gradient(#86efac,#22c55e 50%,#15803d);box-shadow:0 7px #14532d,0 18px 40px #22c55e73}.fx-banner__text{text-shadow:0 3px #7c2d128c;font-size:clamp(1.9rem,7vw,3.1rem);line-height:1.05;position:relative}.fx-banner--gold .fx-banner__text{text-shadow:0 2px #fff9}.fx-banner__sub{opacity:.95;font-size:.95rem;position:relative}.fx-trail{opacity:0;width:54px;height:54px;animation:fx-trail .9s ease-out var(--delay,0s) forwards;background:radial-gradient(circle at 40% 40%,#fef9c3 0 12%,#fde047 22%,#f97316 48%,#ef444400 70%);border-radius:50% 50% 50% 8%;position:absolute;top:50%;left:0}@keyframes fx-banner{0%{opacity:0;transform:translate(-60px)scale(.3)rotate(-10deg)}18%{opacity:1;transform:translate(0)scale(1.14)rotate(2deg)}30%{transform:scale(1)rotate(-1deg)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-28px)scale(.92)}}@keyframes fx-trail{0%{opacity:.95;transform:translate(calc(-90px - var(--i) * 26px), -50%) rotate(-45deg) scale(1.25)}to{opacity:0;transform:translate(calc(-150px - var(--i) * 34px), calc(-50% + 16px)) rotate(-45deg) scale(.3)}}:root[data-motion=reduced] .fx-banner{animation:1.4s forwards fx-fade-hold!important}@keyframes fx-fade-hold{0%{opacity:0}15%,80%{opacity:1}to{opacity:0}}.fx-flyaway{z-index:calc(var(--z-sticky) + 1);pointer-events:none;margin:0;position:fixed;animation:.48s cubic-bezier(.5,0,.75,0) forwards fx-flyaway!important}.fx-flyaway[data-dir=left]{--fly-x:-120vw;--fly-r:-24deg}.fx-flyaway[data-dir=right]{--fly-x:120vw;--fly-r:24deg}.fx-flyaway[data-dir=up]{--fly-x:0;--fly-r:0deg}@keyframes fx-flyaway{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--fly-x), -40px) rotate(var(--fly-r));opacity:.4}}@media (hover:none){.btn:hover:not(:disabled):not(:active),.option:hover:not(:disabled):not(:active){transform:none}}:root[data-motion=full] .route-view,:root[data-motion=reduced] .route-view{animation:.26s ease-out fx-route-in}:root[data-motion=reduced] .route-view{animation-duration:.2s!important}@keyframes fx-route-in{0%{opacity:0}to{opacity:1}}:root[data-motion=full] .player__body>.exercise,:root[data-motion=full] .player__body>:last-child{animation:.46s cubic-bezier(.2,.9,.3,1.15) backwards fx-slide-in}:root[data-motion=full] .player__body .target-card,:root[data-motion=full] .player__body .word-card{animation:.56s cubic-bezier(.2,1.2,.4,1) 80ms backwards fx-card-in}@keyframes fx-slide-in{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:translate(0)}}@keyframes fx-card-in{0%{opacity:0;transform:translateY(18px)scale(.92)rotate(-2deg)}to{opacity:1;transform:none}}:root[data-motion=full] .option[data-state=right]{animation:.52s cubic-bezier(.3,1.5,.5,1) fx-pop-big}:root[data-motion=full] .option[data-state=wrong]{animation:.46s cubic-bezier(.36,.07,.19,.97) fx-shake}.option:after{content:"";border-radius:calc(var(--radius-xl) + 4px);pointer-events:none;opacity:0;position:absolute;inset:-5px}.option[data-state=wrong]:after{box-shadow:0 0 0 5px color-mix(in srgb, var(--color-destructive) 40%, transparent), 0 0 22px color-mix(in srgb, var(--color-destructive) 45%, transparent)}.option[data-state=right]:after{box-shadow:0 0 0 5px color-mix(in srgb, var(--color-success) 45%, transparent), 0 0 26px color-mix(in srgb, var(--color-success) 55%, transparent)}:root[data-motion=full] .option[data-state=wrong]:after{animation:.9s ease-out fx-pulse-once}:root[data-motion=full] .option[data-state=right]:after{animation:.9s ease-out 80ms fx-pulse-once}:root[data-motion=full] .options:has(.option[data-state=wrong]) .option[data-state=right]:after{animation:1.3s ease-in-out .3s 3 fx-glow}:root:not([data-motion=full]) .options:has(.option[data-state=wrong]) .option[data-state=right]:after{opacity:.7}@keyframes fx-pop-big{0%{transform:scale(1)}35%{transform:scale(1.07)}65%{transform:scale(.98)}to{transform:scale(1)}}@keyframes fx-pulse-once{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes fx-glow{0%,to{opacity:.25}50%{opacity:1}}.feedback__sweep{pointer-events:none;position:absolute;inset:0;overflow:hidden}.feedback__sweep:before{content:"";opacity:0;background:linear-gradient(100deg,#0000,#ffffff8c 50%,#0000);width:45%;position:absolute;top:0;bottom:0;left:0;transform:translate(-110%)}.feedback__sweep:after{content:"";background:radial-gradient(60% 50% at 50% 50%, color-mix(in srgb, var(--color-success) 55%, transparent), transparent 70%);opacity:0;height:80px;position:absolute;top:-40px;left:0;right:0}[data-mode=dark] .feedback__sweep:before{background:linear-gradient(100deg,#0000,#ffffff29 50%,#0000)}:root[data-motion=full] .player__footer[data-feedback=correct] .feedback__sweep:before{animation:.9s cubic-bezier(.3,.6,.4,1) 60ms fx-sweep}:root[data-motion=full] .player__footer[data-feedback=correct] .feedback__sweep:after{animation:1s ease-out fx-pulse-once}:root[data-motion=full] .player__footer[data-feedback=wrong] .feedback__sweep:after{background:radial-gradient(60% 50% at 50% 50%, color-mix(in srgb, var(--color-destructive) 40%, transparent), transparent 70%);animation:.9s ease-out fx-pulse-once}@keyframes fx-sweep{0%{opacity:1;transform:translate(-110%)}to{opacity:1;transform:translate(260%)}}:root[data-motion=full] .feedback__lin[data-mood=cheer]{transform-origin:50% 90%;animation:.76s cubic-bezier(.3,1.4,.5,1) fx-wiggle}:root[data-motion=full] .feedback__lin[data-mood=sad]{transform-origin:50% 100%;animation:.7s ease-out fx-droop}:root[data-motion=full] .feedback__lin[data-mood=happy]{transform-origin:50% 90%;animation:.8s ease-in-out fx-nod}@keyframes fx-wiggle{0%{transform:translateY(14px)scale(.8)}30%{transform:translateY(-10px)rotate(-8deg)scale(1.08)}50%{transform:translateY(0)rotate(7deg)}70%{transform:rotate(-4deg)}to{transform:none}}@keyframes fx-droop{0%{transform:translateY(10px)}40%{transform:translateY(0)scaleY(1.04)}to{transform:translateY(3px)rotate(-3deg)}}@keyframes fx-nod{0%,to{transform:none}30%{transform:translateY(-6px)rotate(4deg)}60%{transform:translateY(0)rotate(-3deg)}}.player__xp{border-radius:var(--radius-full);background:color-mix(in srgb, #facc15 22%, var(--color-card));color:var(--color-fg);font-family:var(--font-numeric,var(--font-heading));font-weight:800;font-size:var(--text-sm);white-space:nowrap;flex:none;align-items:center;gap:4px;padding:4px 10px 4px 6px;display:inline-flex}.player__xp svg{color:#d97706;fill:#facc15;width:18px;height:18px}.player__barwrap{position:relative}.player__wave{border-radius:var(--radius-full);pointer-events:none;clip-path:inset(0 calc((1 - var(--p,0)) * 100%) 0 0 round 999px);transition:clip-path .6s var(--ease-out);position:absolute;inset:0;overflow:hidden}.player__wave:before{content:"";opacity:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 20' preserveAspectRatio='none'%3E%3Cpath d='M0 9 Q10 3 20 9 T40 9 T60 9 T80 9 V20 H0Z' fill='white' fill-opacity='0.28'/%3E%3Cpath d='M0 13 Q10 8 20 13 T40 13 T60 13 T80 13 V20 H0Z' fill='white' fill-opacity='0.16'/%3E%3C/svg%3E") 0 0/80px 100% repeat-x;width:200%;position:absolute;top:0;bottom:0;left:0}:root[data-motion=full] .player__wave:before{opacity:1;animation:1.8s linear infinite fx-wave}@keyframes fx-wave{0%{transform:translate(0)}to{transform:translate(-80px)}}.player__barwrap:after{content:"";border-radius:var(--radius-full);pointer-events:none;opacity:0;transition:opacity .4s;position:absolute;inset:0;box-shadow:0 0 0 3px #f973168c,0 0 18px #f973168c}.player__barwrap[data-hot]:after{opacity:1}.player__shimmer{border-radius:var(--radius-full);pointer-events:none;clip-path:inset(0 calc((1 - var(--p,0)) * 100%) 0 0 round 999px);transition:clip-path .6s var(--ease-out);position:absolute;inset:0;overflow:hidden}.player__shimmer:before{content:"";opacity:0;background:linear-gradient(100deg,#0000,#ffffffbf 50%,#0000);width:30%;position:absolute;top:0;bottom:0;left:0;transform:translate(-120%)}:root[data-motion=full] .player__barwrap[data-hot] .player__shimmer:before{opacity:1;animation:1.3s ease-in-out infinite fx-shimmer}@keyframes fx-shimmer{0%{transform:translate(-120%)}to{transform:translate(380%)}}.player__combo[data-hot]{position:relative;box-shadow:0 0 0 2px #f9731680,0 0 16px #f9731699}:root[data-motion=full] .player__combo[data-hot] svg{transform-origin:50% 90%;animation:.9s ease-in-out infinite fx-flicker}:root[data-motion=full] .results__burst,:root[data-motion=full] .game-results__burst{animation:22s linear infinite fx-spin}@keyframes fx-spin{to{transform:rotate(360deg)}}:root[data-motion=full] .result-stars .star{animation:.64s cubic-bezier(.3,1.5,.5,1) backwards fx-star-drop}:root[data-motion=full] .result-stars .star[data-on=false]{animation-name:fx-star-ghost}@keyframes fx-star-drop{0%{opacity:0;transform:translateY(-110px)scale(.5)rotate(-35deg)}60%{opacity:1;transform:translateY(6px)scale(1.15)rotate(6deg)}80%{transform:translateY(-4px)scale(.97)}to{opacity:1;transform:none}}@keyframes fx-star-ghost{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}:root[data-motion=full] .results__badge,:root[data-motion=full] .game-results__badges li{animation:fx-flip-in .76s cubic-bezier(.3, 1.3, .5, 1) var(--badge-delay,1.3s) backwards;position:relative;overflow:hidden}.results__badge:after,.game-results__badges li:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(100deg,#0000,#fff9 50%,#0000);width:40%;position:absolute;top:0;bottom:0;left:0;transform:translate(-120%)skew(-12deg)}:root[data-motion=full] .results__badge:after,:root[data-motion=full] .game-results__badges li:after{animation:fx-shine .9s ease-in-out calc(var(--badge-delay,1.3s) + .6s)}@keyframes fx-flip-in{0%{opacity:0;transform:perspective(600px)rotateY(-100deg)scale(.8)}60%{opacity:1;transform:perspective(600px)rotateY(12deg)scale(1.04)}to{opacity:1;transform:perspective(600px)rotateY(0)scale(1)}}@keyframes fx-shine{0%{opacity:1;transform:translate(-120%)skew(-12deg)}to{opacity:1;transform:translate(300%)skew(-12deg)}}.levelup{z-index:var(--z-modal);padding:var(--space-4);background:#101830;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.levelup__rays{pointer-events:none;width:min(150vmin,820px);height:min(150vmin,820px);margin:calc(min(150vmin,820px)/-2) 0 0 calc(min(150vmin,820px)/-2);position:absolute;top:46%;left:50%}.levelup__rays:before{content:"";will-change:transform;background:radial-gradient(circle closest-side,#10183000 12%,#10183099 55%,#101830 99%),radial-gradient(circle closest-side,#facc1559,#0000 45%),repeating-conic-gradient(#facc1566 0deg 8deg,#0000 8deg 20deg);border-radius:50%;position:absolute;inset:0}:root[data-motion=full] .levelup__rays:before{animation:26s linear infinite fx-spin}.levelup__card{justify-items:center;gap:var(--space-2);width:min(360px,100%);padding:var(--space-5) var(--space-5) var(--space-6);background:var(--color-card);color:var(--color-fg);text-align:center;border-radius:28px;display:grid;position:relative;box-shadow:0 10px #b45309,0 30px 60px #00000073}:root[data-motion=full] .levelup__card{animation:.7s cubic-bezier(.2,1.4,.4,1) backwards fx-levelup-in}.levelup__lin{margin-top:-84px}:root[data-motion=full] .levelup__lin{transform-origin:50% 90%;animation:.9s cubic-bezier(.3,1.4,.5,1) .3s backwards fx-wiggle,1.6s ease-in-out 1.3s infinite fx-hop}.levelup__badge{color:#3b1a00;width:92px;height:92px;font-family:var(--font-numeric,var(--font-heading));background:radial-gradient(circle at 35% 30%,#fef9c3,#facc15 45%,#d97706);border-radius:50%;place-items:center;font-size:2.6rem;font-weight:800;display:grid;box-shadow:0 6px #92400e,0 0 0 6px #facc154d}:root[data-motion=full] .levelup__badge{animation:.7s cubic-bezier(.3,1.6,.5,1) .5s backwards fx-pop-big}.levelup__title{margin:var(--space-2) 0 0;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:800}.levelup__lead{margin:0 0 var(--space-3);color:var(--color-muted-fg)}@keyframes fx-levelup-in{0%{opacity:0;transform:scale(.4)translateY(40px)}to{opacity:1;transform:none}}@keyframes fx-hop{0%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}:root[data-motion=full] .path-node[data-status=current] .node__disc{animation:2.4s ease-in-out infinite lq-bob}:root[data-motion=full] .path-node[data-reveal=done] .node__disc{animation:.64s cubic-bezier(.3,1.6,.5,1) .3s backwards fx-pop-big}:root[data-motion=full] .path-node[data-reveal=done] .node__star--on{animation:.42s cubic-bezier(.3,1.6,.5,1) .7s backwards fx-star-ghost}:root[data-motion=full] .path-node[data-reveal=unlock] .node__disc{animation:.6s cubic-bezier(.3,1.6,.5,1) 1.1s backwards fx-pop-big}.node__lockfx{z-index:3;pointer-events:none;width:40px;height:46px;margin:-26px 0 0 -20px;position:absolute;top:50%;left:50%}.node__lockfx svg{position:absolute;inset:0;overflow:visible}.node__lockfx-shackle,.node__lockfx-body{transform-box:fill-box}:root[data-motion=full] .node__lockfx-shackle{transform-origin:100% 100%;animation:1.3s cubic-bezier(.3,1.3,.5,1) forwards fx-shackle}:root[data-motion=full] .node__lockfx-body{transform-origin:50%;animation:1.3s cubic-bezier(.5,0,.75,0) forwards fx-lock-fall}:root[data-motion=full] .node__lockfx{animation:.5s ease-in-out forwards fx-lock-wobble}:root:not([data-motion=full]) .node__lockfx{display:none}@keyframes fx-lock-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes fx-shackle{0%,40%{transform:none}60%{transform:translateY(-8px)}75%{opacity:1;transform:translate(6px,-14px)rotate(35deg)}to{opacity:0;transform:translate(26px,40px)rotate(120deg)}}@keyframes fx-lock-fall{0%,55%{opacity:1;transform:none}to{opacity:0;transform:translate(-14px,70px)rotate(-60deg)}}:root[data-motion=full] .unit.is-onscreen .scn-cloud>.scn-a{animation:16s ease-in-out infinite alternate fx-drift}:root[data-motion=full] .unit.is-onscreen .scn-cloud:nth-of-type(2n)>.scn-a{animation-duration:21s;animation-direction:alternate-reverse}:root[data-motion=full] .unit.is-onscreen .scn-tree>.scn-a,:root[data-motion=full] .unit.is-onscreen .scn-bamboo>.scn-a,:root[data-motion=full] .unit.is-onscreen .scn-grass>.scn-a,:root[data-motion=full] .unit.is-onscreen .scn-flower>.scn-a,:root[data-motion=full] .unit.is-onscreen .scn-reeds>.scn-a{transform-box:fill-box;transform-origin:50% 100%;animation:4.8s ease-in-out infinite alternate fx-sway}:root[data-motion=full] .unit.is-onscreen .scn-grass>.scn-a,:root[data-motion=full] .unit.is-onscreen .scn-flower>.scn-a{animation-duration:3.2s}:root[data-motion=full] .unit.is-onscreen .scn-butterfly>.scn-a{transform-box:fill-box;transform-origin:50%;animation:.42s ease-in-out infinite alternate fx-flutter,7s ease-in-out infinite alternate fx-flit}:root[data-motion=full] .unit.is-onscreen .scn-bird>.scn-a{transform-box:fill-box;transform-origin:50%;animation:.6s ease-in-out infinite alternate fx-flap}:root[data-motion=full] .unit.is-onscreen .scn-water{animation:3.4s ease-in-out infinite alternate fx-shimmer-water}.unit__scn--sky-l,.unit__scn--sky-r{will-change:translate}@keyframes fx-drift{0%{transform:translate(-14px)}to{transform:translate(16px)}}@keyframes fx-sway{0%{transform:rotate(-1.6deg)}to{transform:rotate(1.8deg)}}@keyframes fx-flutter{0%{transform:scaleX(1)}to{transform:scaleX(.35)}}@keyframes fx-flit{0%{translate:0}50%{translate:18px -12px}to{translate:-10px -4px}}@keyframes fx-flap{0%{transform:scaleY(1)}to{transform:scaleY(.4)}}@keyframes fx-shimmer-water{0%{opacity:1}to{opacity:.82}}:root[data-motion=full] .is-active .streak-flame,:root[data-motion=full] .rail-streak .streak-flame,:root[data-motion=full] .results__streak .streak-flame{transform-origin:50% 90%;animation:1.5s ease-in-out infinite fx-flicker}:root[data-motion=full] .streak-flame.is-burst{animation:1.2s cubic-bezier(.3,1.5,.5,1) fx-flame-burst}@keyframes fx-flicker{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.06,.96)rotate(-3deg)}50%{transform:scale(.97,1.07)rotate(2deg)}75%{transform:scale(1.04,.98)rotate(-1deg)}}@keyframes fx-flame-burst{0%{transform:scale(1)}30%{transform:scale(1.9)rotate(-8deg)}55%{transform:scale(1.35)rotate(6deg)}to{transform:scale(1)}}:root[data-motion=full] .goal-ring.is-complete,:root[data-motion=full] [data-goal-complete=true] .goal-ring{animation:.7s cubic-bezier(.3,1.6,.5,1) fx-pop-big}.review__session{perspective:1200px}:root[data-motion=full] .flashcard.is-revealed{animation:.52s cubic-bezier(.3,1.2,.5,1) fx-flip}:root[data-motion=full] .flashcard.fx-enter{animation:.38s cubic-bezier(.2,1,.4,1) fx-card-up}@keyframes fx-flip{0%{transform:rotateY(90deg)scale(.96)}to{transform:rotateY(0)scale(1)}}@keyframes fx-card-up{0%{opacity:0;transform:translateY(26px)scale(.96)}to{opacity:1;transform:none}}:root[data-motion=full] .game-score.fx-bump,:root[data-motion=full] .game-combo.fx-bump{display:inline-flex}:root[data-motion=full] .game-countdown__n{animation:.7s cubic-bezier(.3,1.6,.5,1) both fx-count}@keyframes fx-count{0%{opacity:0;transform:scale(2.4)}40%{opacity:1;transform:scale(.9)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.game-stage__flash{z-index:4;border-radius:inherit;pointer-events:none;opacity:0;position:absolute;inset:0}:root[data-motion=full] .game-stage[data-game-event=wrong] .game-stage__flash[data-seq]{box-shadow:inset 0 0 0 6px color-mix(in srgb, var(--color-destructive) 55%, transparent), inset 0 0 60px color-mix(in srgb, var(--color-destructive) 35%, transparent);animation:.6s ease-out fx-pulse-once}:root[data-motion=full] .game-stage[data-game-event=correct] .game-stage__flash[data-seq],:root[data-motion=full] .game-stage[data-game-event=combo] .game-stage__flash[data-seq]{box-shadow:inset 0 0 0 5px color-mix(in srgb, var(--color-success) 50%, transparent), inset 0 0 50px color-mix(in srgb, var(--color-success) 25%, transparent);animation:.5s ease-out fx-pulse-once}:root[data-motion=full] .game-combo.is-on svg{transform-origin:50% 60%;animation:.8s ease-in-out infinite fx-flicker}:root[data-motion=full] .game-results[data-outcome=win] .game-results__lin,:root[data-motion=full] .game-results[data-outcome=done] .game-results__lin{transform-origin:50% 90%;animation:.9s cubic-bezier(.3,1.4,.5,1) .2s backwards fx-wiggle,1.8s ease-in-out 1.4s 3 fx-hop}:root[data-motion=full] .game-results[data-outcome=lose] .game-results__lin,:root[data-motion=full] .game-results[data-outcome=timeup] .game-results__lin{transform-origin:50% 100%;animation:.8s ease-out .2s backwards fx-droop}:root[data-motion=full] .game-results__best{animation:.7s cubic-bezier(.3,1.6,.5,1) .5s backwards fx-pop-big}.game-hud__sound{background:color-mix(in srgb, var(--color-card) 85%, transparent);width:40px;height:40px;color:var(--color-fg);cursor:pointer;border:0;border-radius:12px;flex:none;place-items:center;padding:0;display:inline-grid}.game-hud__sound svg{width:20px;height:20px}.game-hud__sound[aria-pressed=false]{color:var(--color-muted-fg)}.fx-setting__note{color:var(--color-muted-fg);font-size:var(--text-sm);margin:0}.fx-switch-row{align-items:center;gap:var(--space-3);display:flex}.fx-switch-row__icon{background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary-text);border-radius:12px;flex:none;place-items:center;display:grid}.fx-switch-row__icon svg{width:20px;height:20px}.fx-switch-row__text{flex:1;min-width:0;display:grid}.fx-switch-row__label{font-weight:var(--weight-bold)}.fx-switch-row__desc{color:var(--color-muted-fg);font-size:var(--text-sm)}.fx-switch{border:2px solid var(--color-border-strong,var(--color-border));background:var(--color-muted);cursor:pointer;width:56px;height:32px;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-radius:999px;flex:none;padding:0;position:relative}.fx-switch:before{content:"";position:absolute;inset:-8px -4px}.fx-switch__knob{background:var(--color-card);width:24px;height:24px;transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0f172a4d}.fx-switch.is-on{border-color:var(--color-primary);background:var(--color-primary)}.fx-switch.is-on .fx-switch__knob{transform:translate(24px)}.fx-switch:focus-visible{outline:3px solid var(--color-ring,var(--color-primary));outline-offset:3px}.fx-volume{align-items:center;gap:var(--space-3);padding-left:calc(40px + var(--space-3));grid-template-columns:auto 1fr 3.5em;display:grid}.fx-volume.is-disabled{opacity:.55}.fx-volume__label{font-size:var(--text-sm);font-weight:var(--weight-bold)}.fx-volume input{width:100%;min-height:44px;accent-color:var(--color-primary)}.fx-volume__value{font-family:var(--font-numeric,var(--font-heading));text-align:right;font-weight:800}.fx-setting__try{justify-self:start}@media (width<=479px){.fx-volume{padding-left:0}}.fx-setting__voice{padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.site-credit{gap:var(--space-1);font-size:var(--text-sm);color:var(--color-muted-fg);display:grid}.site-credit__line{margin:0}.site-credit strong{color:var(--color-fg);font-weight:var(--weight-bold)}.site-credit__links{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;display:flex}.site-credit__links a{color:var(--color-primary-text);font-weight:var(--weight-bold);text-underline-offset:3px;text-decoration:underline}.site-credit--compact{gap:2px;font-size:.75rem}.site-credit--footer{max-width:64rem;padding:var(--space-5) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));text-align:center;justify-items:center;margin:0 auto}.site-credit--auth,.site-credit--profile{margin-top:var(--space-6);text-align:center;justify-items:center}.site-credit--sidebar{display:none}@media (width>=1024px){.site-credit--profile{display:none}.site-credit--sidebar{margin-top:var(--space-3);padding:var(--space-3) 0 var(--space-4);border-top:var(--border-width) solid var(--color-border);display:grid}}.info-page{gap:var(--space-6);max-width:46rem;padding:var(--space-6) var(--space-4) var(--space-8);margin:0 auto;display:grid}.info-hero{justify-items:center;gap:var(--space-3);text-align:center;display:grid}.info-hero h1{font-family:var(--font-heading);margin:0}.info-hero p{color:var(--color-muted-fg);max-width:36rem;margin:0}.info-card{gap:var(--space-3);display:grid}.info-card h2{font-family:var(--font-heading);margin:0;font-size:1.25rem}.info-card p,.info-card li{margin:0;line-height:1.65}.info-card ul{padding-left:var(--space-5);gap:var(--space-2);margin:0;display:grid}.info-card a{color:var(--color-primary-text);font-weight:var(--weight-bold);text-underline-offset:3px;text-decoration:underline}.info-card .info-langs{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.info-author{font-size:1.125rem}.info-meta{color:var(--color-muted-fg);font-size:var(--text-sm)}