/*! LinguaQuest © 2026 Than Duc Tam — 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}.admin-ai-status{align-items:center;gap:var(--space-1) var(--space-2);margin:0 0 var(--space-4);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-left:4px solid var(--color-success);border-radius:var(--radius-lg);background:var(--color-card);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.admin-ai-status svg{flex:none;width:18px;height:18px}.admin-ai-status span{color:var(--color-muted-fg);overflow-wrap:anywhere}.admin-ai-status[data-state=error]{border-left-color:var(--color-destructive)}.admin-ai-status[data-state=unconfigured],.admin-ai-status[data-state=unknown]{border-left-color:var(--color-warning,#f59e0b)}.admin-subhead{margin:var(--space-3) 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold)}.imp-banner{z-index:calc(var(--z-toast) + 10);align-items:center;gap:var(--space-2) var(--space-3);min-height:52px;padding:var(--space-2) var(--space-4);color:#fff;font-size:var(--text-sm);background:linear-gradient(100deg,#047857 0%,#0d9488 55%,#0e7490 100%);flex-wrap:wrap;display:flex;position:sticky;top:0;box-shadow:0 2px #0000001f}.imp-banner--view{background:linear-gradient(100deg,#b91c1c 0%,#dc2626 60%,#e11d48 100%)}.imp-banner__icon{border-radius:var(--radius-full);background:#ffffff2e;flex:none;place-items:center;width:32px;height:32px;display:inline-grid}.imp-banner__icon svg{width:18px;height:18px}.imp-banner__text{min-width:0;line-height:var(--leading-snug);overflow-wrap:anywhere;flex:220px;margin:0}.imp-banner__who{font-weight:var(--weight-heavy)}.imp-banner__meta{opacity:.9}.imp-banner__timer{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-family:var(--font-numeric);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;border-radius:var(--radius-full);background:#0000002e;display:inline-flex}.imp-banner__timer svg{width:16px;height:16px}.imp-banner__exit{align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);font:inherit;font-weight:var(--weight-heavy);color:#064e3b;border-radius:var(--radius-full);cursor:pointer;background:#fff;border:0;display:inline-flex;box-shadow:0 3px #0000002e}.imp-banner--view .imp-banner__exit{color:#991b1b}.imp-banner__exit:focus-visible{outline-offset:2px;outline:3px solid #fde047}.imp-banner__exit svg{width:18px;height:18px}@media (width<=519px){.imp-banner{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.imp-banner__text{flex:calc(100% - 44px)}.imp-banner__exit{flex:auto;justify-content:center;min-height:40px}}html[data-impersonation] .shell__topbar,html[data-impersonation] .public-header,html[data-impersonation] .landing-header,html[data-impersonation] .shell__sidebar,html[data-impersonation] .shell__rail{top:var(--imp-banner-h,0px)}html[data-impersonation] .shell__sidebar,html[data-impersonation] .shell__rail{height:calc(100dvh - var(--imp-banner-h,0px))}html[data-impersonation] .call{top:var(--imp-banner-h,0px)}html[data-impersonation] .unit__head{top:calc(var(--topbar-height) + var(--space-2) + var(--imp-banner-h,0px))}[data-readonly=true]{cursor:not-allowed}.ro-fieldset{border:0;min-width:0;margin:0;padding:0}.ro-contents{display:contents}.ro-fieldset:disabled{opacity:.7;cursor:not-allowed}.persp{margin-left:auto;position:relative}.persp__toggle{align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);font:inherit;font-weight:var(--weight-heavy);color:var(--color-on-primary);background:var(--grad-primary);border-radius:var(--radius-full);box-shadow:0 var(--lip) 0 var(--color-primary-strong);cursor:pointer;border:0;display:inline-flex}.persp__toggle svg{width:18px;height:18px}.persp__menu{right:0;top:calc(100% + var(--space-3));z-index:var(--z-modal);width:min(360px,100vw - 32px);max-height:min(70vh,560px);padding:var(--space-2);background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);position:absolute;overflow-y:auto;box-shadow:0 18px 40px #0f172a2e}.persp__item{align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:var(--space-2) var(--space-3);font:inherit;text-align:left;color:var(--color-fg);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;grid-template-columns:40px minmax(0,1fr) auto;text-decoration:none;display:grid}.persp__item:hover,.persp__item:focus-visible,.persp__item[aria-expanded=true]{background:var(--color-muted)}.persp__item.is-current{background:var(--color-primary-soft)}.persp__item strong{font-weight:var(--weight-heavy);display:block}.persp__item small{color:var(--color-muted-fg);font-size:var(--text-xs);line-height:var(--leading-snug);display:block}.persp__chev{width:18px;height:18px;color:var(--color-muted-fg)}.persp__sub{gap:var(--space-1);margin:0 0 var(--space-2) var(--space-10);padding:0;list-style:none;display:grid}.persp__sub button,.persp__sub a{align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);font:inherit;font-weight:var(--weight-bold);text-align:left;color:var(--color-fg);background:var(--color-muted);border-radius:var(--radius-sm);cursor:pointer;border:0;display:flex}.persp__sub strong{font-weight:var(--weight-heavy);display:block}.persp__sub small{color:var(--color-muted-fg);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:var(--leading-snug);display:block}.persp__sub button:hover,.persp__sub button:focus-visible{background:var(--color-primary-soft)}.persp__note{margin:0 var(--space-3) var(--space-3) var(--space-10);color:var(--color-muted-fg);font-size:var(--text-xs)}.persp__note code{overflow-wrap:anywhere}.admin-head__top{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.admin-section-title{margin:var(--space-2) 0 var(--space-3);font-size:var(--text-xl)}.view-as-form{gap:var(--space-2);display:grid}.view-as-form textarea.input{height:auto;min-height:96px;padding-top:var(--space-3);padding-bottom:var(--space-3);line-height:var(--leading-normal)}.persona-avatar{width:44px;height:44px;color:var(--avatar-fg,var(--color-primary-text));border-radius:var(--radius-md);background:var(--avatar-bg,var(--color-primary-soft));flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 -3px #00000014}.persona-avatar svg{width:22px;height:22px}.persona-avatar--sm{border-radius:var(--radius-sm);width:32px;height:32px}.persona-avatar--sm svg{width:17px;height:17px}.persona-avatar--lg{width:56px;height:56px}.persona-avatar--lg svg{width:28px;height:28px}.sb-presets{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));display:grid}.sb-preset{align-items:center;gap:var(--space-3);padding:var(--space-4);font:inherit;text-align:left;color:var(--color-fg);background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 var(--lip) 0 var(--color-border);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast);grid-template-columns:auto minmax(0,1fr);display:grid}.sb-preset:hover,.sb-preset:focus-visible{border-color:var(--color-primary);transform:translateY(-2px)}.sb-preset strong{font-weight:var(--weight-heavy);display:block}.sb-preset small{color:var(--color-muted-fg);font-size:var(--text-xs);display:block}.sb-form{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;display:grid}.sb-form fieldset{gap:var(--space-2);border:0;flex-wrap:wrap;grid-column:1/-1;margin:0;padding:0;display:flex}.sb-form legend{margin-bottom:var(--space-2);font-weight:var(--weight-bold)}.sb-check{align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);font-weight:var(--weight-bold);background:var(--color-muted);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;display:inline-flex}.sb-check:has(input:checked){color:var(--color-primary-text);background:var(--color-primary-soft);border-color:var(--color-primary)}.sb-form__actions{gap:var(--space-3);flex-wrap:wrap;grid-column:1/-1;display:flex}.sb-list{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));margin:0;padding:0;list-style:none;display:grid}.sb-card{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:0 var(--lip) 0 var(--color-border);display:grid}.sb-card__head{align-items:center;gap:var(--space-3);min-width:0;display:flex}.sb-card__head h3{font-size:var(--text-lg);margin:0}.sb-card__head p{color:var(--color-muted-fg);font-size:var(--text-xs);margin:0}.sb-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.sb-tag{padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-muted-fg);background:var(--color-muted);border-radius:var(--radius-full)}.sb-tag--plan-plus{color:var(--color-secondary-text);background:var(--color-secondary-soft)}.sb-tag--plan-pro{color:var(--color-accent-text);background:var(--color-accent-soft)}.sb-stats{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.sb-stats div{padding:var(--space-2);text-align:center;background:var(--color-muted);border-radius:var(--radius-sm)}.sb-stats dt{font-size:var(--text-xs);color:var(--color-muted-fg)}.sb-stats dd{font-family:var(--font-numeric);font-size:var(--text-lg);font-weight:var(--weight-heavy);margin:0}.sb-card__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.sb-card__actions .btn--primary{flex:100%}.sb-card__actions .btn:not(.btn--primary){flex:1 1 0}.xp-board{gap:var(--space-4);display:grid}.xp-persona{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);display:grid}.xp-persona__head{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.xp-persona__head h3{font-size:var(--text-lg);margin:0}.xp-persona__progress{color:var(--color-muted-fg);font-size:var(--text-sm);font-weight:var(--weight-bold);margin-left:auto}.xp-screens{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));margin:0;padding:0;list-style:none;display:grid}@media (width>=1024px){.xp-screens{grid-template-columns:repeat(4,minmax(0,1fr))}}.xp-note{align-items:center;gap:var(--space-2);display:flex}.xp-screen{align-items:center;gap:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);background:var(--color-muted);border:var(--border-width) solid transparent;border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr) auto;display:grid}.xp-screen.is-checked{background:var(--color-success-soft);border-color:color-mix(in srgb, var(--color-success) 40%, transparent)}.xp-screen__go{align-items:center;gap:var(--space-1);min-height:36px;font:inherit;font-weight:var(--weight-heavy);color:var(--color-primary-text);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.xp-screen__go svg{width:14px;height:14px}.xp-screen__when{color:var(--color-muted-fg);font-size:var(--text-xs);grid-column:1/-1}.xp-screen input[type=checkbox]{width:22px;height:22px;accent-color:var(--color-success)}.skins{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));display:grid}.skin{gap:var(--space-3);padding:var(--space-3);background:var(--color-card);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);display:grid}.skin__pair{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.skin__pair .skin__thumb{gap:6px;padding:8px}.skin__pair .skin__node{width:22px;height:22px}.skin__pair .skin__bar{font-size:9px}.skin__thumb{--grad-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-2) 100%);aspect-ratio:4/3;color:var(--color-fg);background:var(--color-bg);border-radius:var(--radius-md);font-family:var(--font-body);box-shadow:inset 0 0 0 1px var(--color-border);gap:8px;padding:10px;display:grid;overflow:hidden}.skin__bar{background:var(--color-card);border-radius:10px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;font-weight:800;display:flex}.skin__dot{background:var(--grad-primary);border-radius:50%;width:14px;height:14px}.skin__pill{color:var(--color-secondary-text);background:var(--color-secondary-soft);border-radius:999px;margin-left:auto;padding:1px 6px}.skin__path{grid-template-columns:repeat(3,1fr);place-items:center;gap:6px;display:grid}.skin__node{background:var(--color-primary);width:30px;height:30px;box-shadow:0 4px 0 var(--color-primary-strong);border-radius:50%}.skin__node--done{background:var(--color-secondary);box-shadow:0 4px 0 color-mix(in srgb, var(--color-secondary) 70%, #000)}.skin__node--lock{background:var(--color-muted);box-shadow:0 4px 0 var(--color-border)}.skin__card{color:var(--color-on-primary);background:var(--grad-primary);border-radius:10px;padding:6px 8px;font-size:10px;font-weight:700}.skin__thumb--kids{background:linear-gradient(#bae6fd 0%,#dcfce7 70%,#86efac 100%)}.skin__thumb--kids .skin__bar,.skin__thumb--kids .skin__card{border-radius:16px}.skin__thumb--kids .skin__node{border:3px solid #fff}.skin__thumb--teens .skin__bar,.skin__thumb--teens .skin__card{box-shadow:3px 3px 0 var(--color-fg);border-radius:4px}.skin__thumb--teens .skin__node{border-radius:8px}.skin__thumb--adults .skin__bar,.skin__thumb--adults .skin__card{box-shadow:none;border-radius:6px}.skin__thumb--adults .skin__node{box-shadow:none;width:22px;height:22px}.skin__thumb--seniors{gap:10px}.skin__thumb--seniors .skin__bar,.skin__thumb--seniors .skin__card{border:2px solid var(--color-fg);font-size:14px}.skin__thumb--seniors .skin__node{width:36px;height:36px;box-shadow:none;border:3px solid var(--color-fg)}.skin__thumb--kid{background:radial-gradient(circle at 30% 20%,#fef9c3 0 30%,#0000 31%),linear-gradient(#fbcfe8 0%,#fde68a 100%)}.skin__thumb--kid .skin__node{border:4px solid #fff;width:40px;height:40px}.skin__thumb--kid .skin__card{text-align:center;border-radius:999px}.skin__desc{color:var(--color-muted-fg);font-size:var(--text-xs);line-height:var(--leading-snug);margin:0}.skin__name{justify-content:space-between;align-items:center;gap:var(--space-2);font-weight:var(--weight-heavy);margin:0;display:flex}.skin__who{align-items:center;gap:var(--space-2);display:inline-flex}.skin__name small{color:var(--color-muted-fg);font-weight:var(--weight-bold)}.guest-ribbon{z-index:calc(var(--z-nav) + 5);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:#1c1917;font-size:var(--text-sm);font-weight:var(--weight-bold);text-align:center;background:repeating-linear-gradient(135deg,#fde047 0 14px,#facc15 14px 28px);flex-wrap:wrap;display:flex;position:sticky;top:0}.account-activity{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.account-activity li{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-muted);border-radius:var(--radius-md);display:flex}.account-activity svg{width:20px;height:20px;color:var(--color-muted-fg);flex:none}.lt-entries{gap:var(--space-4);display:grid}.lt-entry{align-items:center;gap:var(--space-3) var(--space-4);background:radial-gradient(120% 140% at 100% 0%, var(--color-unit4-soft) 0%, transparent 60%), var(--color-card);grid-template-columns:auto 1fr;display:grid}.lt-entry__body h2{font-size:var(--text-lg);margin:0}.lt-entry__body p{margin:var(--space-1) 0 0;color:var(--color-muted-fg);font-size:var(--text-sm)}.lt-entry__actions{gap:var(--space-2);flex-wrap:wrap;grid-column:1/-1;display:flex}@media (width>=900px){.lt-entry{grid-template-columns:auto 1fr auto}.lt-entry__actions{grid-column:auto;justify-content:flex-end}}.lt-page,.lt-grid{gap:var(--space-6);display:grid}@media (width>=1000px){.lt-grid{grid-template-columns:1fr 1fr;align-items:start}}.lt-hub{align-items:center;gap:var(--space-5);flex-wrap:wrap;min-height:220px;display:flex;position:relative;overflow:hidden}.lt-hub__scene{opacity:.55;pointer-events:none;width:min(46%,300px);position:absolute;bottom:-30px;right:-20px}.lt-hub__lin,.lt-hub__text{position:relative}.lt-hub__text{gap:var(--space-2);flex:280px;display:grid}.lt-hub__text p{margin:0}.lt-hub__eyebrow,.lt-hero__eyebrow{color:var(--color-muted-fg);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.lt-hub__title{font-size:var(--text-2xl);margin:0}.lt-hub__code{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-heavy);color:var(--color-primary-text);line-height:1}.lt-hub__actions,.lt-intro__actions,.lt-rec__actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.lt-card-icon{width:22px;height:22px;color:var(--color-muted-fg)}.lt-muted{margin:var(--space-2) 0 0;color:var(--color-muted-fg);font-size:var(--text-sm)}.lt-inline-icon{vertical-align:-.15em;width:1em;height:1em;display:inline-block}.lt-facts{gap:var(--space-3);margin:0 0 var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.lt-facts dt{color:var(--color-muted-fg);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em}.lt-facts dd{font-weight:var(--weight-semibold);margin:2px 0 0}.lt-trend{align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold);margin:0;display:flex}.lt-trend svg{flex:none;width:20px;height:20px}.lt-trend[data-dir=up] svg{color:var(--color-success-text)}.lt-trend[data-dir=down] svg{color:var(--color-destructive-text)}.lt-history{gap:var(--space-1);margin:var(--space-3) 0 0;padding:0;list-style:none;display:grid}.lt-history__row{align-items:center;gap:var(--space-1) var(--space-3);min-height:var(--touch-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-fg);flex-wrap:wrap;text-decoration:none;display:flex}.lt-history__row:hover,.lt-history__row:focus-visible{background:var(--color-muted)}.lt-history__when{color:var(--color-muted-fg);font-size:var(--text-sm)}.lt-history__code{min-width:4.5em;font-weight:var(--weight-heavy);text-align:left}.lt-survey .onb__actions{flex-wrap:wrap}.lt-survey .onb__actions .btn{white-space:nowrap}.lt-survey__right{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=560px){.lt-survey .onb__actions,.lt-survey__right{flex-direction:column-reverse;align-items:stretch}}.lt-sub{margin:var(--space-5) 0 var(--space-2);font-weight:var(--weight-bold)}.lt-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.lt-chip{align-items:center;gap:var(--space-1);min-height:var(--touch-min);padding:0 var(--space-4);border:var(--border-width-thick) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-card);color:var(--color-fg);font:inherit;font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);display:inline-flex}.lt-chip svg{width:16px;height:16px}.lt-chip.is-on{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-text)}.lt-chip:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.lt-exam{gap:var(--space-4);margin-top:var(--space-5);display:grid}@media (width>=640px){.lt-exam{grid-template-columns:1fr 1fr}}.lt-field{gap:var(--space-1);display:grid}.lt-field__label{font-weight:var(--weight-semibold);font-size:var(--text-sm)}.lt-field__input{min-height:var(--touch-min);padding:0 var(--space-3);border:var(--border-width-thick) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-fg);font:inherit}.lt-field__input:focus-visible{outline:3px solid var(--color-focus);outline-offset:1px}.lt-ratings{gap:var(--space-4);display:grid}.lt-rating{gap:var(--space-2);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);margin:0;display:grid}.lt-rating__skill{font-weight:var(--weight-bold);font-size:var(--text-lg);padding:0}.lt-rating__scale{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.lt-rating__dot{min-height:var(--touch-min);border:var(--border-width-thick) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font-weight:var(--weight-heavy);font-size:var(--text-lg);cursor:pointer;place-items:center;display:grid;position:relative}.lt-rating__dot.is-on{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.lt-rating__dot:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.lt-rating__desc{min-height:1.5em;color:var(--color-muted-fg);font-size:var(--text-sm);margin:0}.lt-run{gap:var(--space-5);width:100%;max-width:760px;margin:0 auto;display:grid}.lt-run--intro{padding:var(--space-6) 0;justify-items:start}.lt-run--intro>p,.lt-run--intro .lt-intro__title{margin:0}.lt-intro__title{margin:0 0 var(--space-2);font-size:var(--text-2xl)}.lt-intro__lin .mascot-say__bubble p{margin:0}.lt-intro__list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.lt-intro__list li{gap:var(--space-3);align-items:flex-start;display:flex}.lt-intro__list svg{width:22px;height:22px;color:var(--color-primary-text);flex:none}.lt-optional{gap:var(--space-3);width:100%;padding:var(--space-4);border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius-lg);margin:0;display:grid}.lt-optional legend{padding:0 var(--space-2);font-weight:var(--weight-bold)}.lt-toggle{align-items:flex-start;gap:var(--space-3);cursor:pointer;display:flex}.lt-toggle input{width:22px;height:22px;accent-color:var(--color-primary);margin-top:1px}.lt-run__top{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);display:flex}.lt-run__progress{gap:var(--space-2);flex:1;min-width:0;display:grid}.lt-run__meta{align-items:center;gap:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-semibold);flex-wrap:wrap;display:flex}.lt-run__skill{align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-text);display:inline-flex}.lt-run__skill svg,.lt-run__clock svg{width:16px;height:16px}.lt-run__count{color:var(--color-muted-fg);font-variant-numeric:tabular-nums}.lt-run__clock{align-items:center;gap:var(--space-1);color:var(--color-muted-fg);font-variant-numeric:tabular-nums;margin-left:auto;display:inline-flex}.lt-steps{gap:var(--space-1) var(--space-2);font-size:var(--text-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.lt-steps li{padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--color-muted);color:var(--color-muted-fg)}.lt-steps li[data-status=active]{background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--weight-bold)}.lt-steps li[data-status=done]{background:var(--color-success-soft);color:var(--color-success-text)}.lt-steps li[data-status=skipped]{text-decoration:line-through}.lt-run__body{padding-bottom:180px}.lt-item[aria-busy=true]{opacity:.7;pointer-events:none}.lt-run__footer{z-index:var(--z-sticky);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));border-top:var(--border-width) solid var(--color-border);background:var(--color-card);flex-wrap:wrap;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=900px){.lt-run__footer{padding-inline:max(var(--space-6), calc((100vw - 760px) / 2))}}.lt-run__lin{align-items:center;gap:var(--space-2);flex:220px;min-width:0;display:flex}.lt-flash{align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);animation:lt-pop var(--duration-slow) var(--ease-bounce);margin:0;display:inline-flex}.lt-flash svg{flex:none;width:20px;height:20px}.lt-flash.is-right{color:var(--color-success-text)}.lt-flash.is-wrong{color:var(--color-destructive-text)}.lt-flash--idle{color:var(--color-muted-fg);font-weight:var(--weight-regular);font-size:var(--text-sm);animation:none}.lt-run__actions{gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}@keyframes lt-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lt-flash{animation:none}}.lt-age--kids .exercise,.lt-age--kids .choice__title,.lt-age--kids .lt-flash{font-size:calc(var(--text-lg) * 1.1)}.lt-age--kids .option{min-height:72px;font-size:var(--text-xl)}.lt-age--kids .lt-run__skill{font-size:var(--text-md)}.lt-age--seniors .exercise,.lt-age--seniors .choice__title,.lt-age--seniors .choice__detail,.lt-age--seniors .lt-rating__desc{font-size:var(--text-lg)}.lt-age--seniors .option{min-height:64px;font-size:var(--text-lg)}.lt-results{gap:var(--space-6);display:grid}.lt-hero{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.lt-hero__text{gap:var(--space-2);flex:260px;display:grid}.lt-hero__text p{margin:0}.lt-hero__title{font-size:var(--text-2xl);line-height:var(--leading-tight);margin:0}.lt-hero__code{margin-left:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-lg);background:var(--grad-primary);color:var(--color-on-primary);font-size:var(--text-4xl);font-weight:var(--weight-heavy);vertical-align:middle;display:inline-block}.lt-hero__name{font-weight:var(--weight-semibold)}.lt-hero__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}.lt-hero__meta span{align-items:center;gap:var(--space-1);display:inline-flex}.lt-hero__meta svg,.lt-hero__badge svg{width:16px;height:16px}.lt-hero__xp{color:var(--color-fg);font-weight:var(--weight-bold)}.lt-hero__note,.lt-hero__badge{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.lt-h3{align-items:center;gap:var(--space-2);margin:var(--space-4) 0 var(--space-2);font-size:var(--text-md);display:flex}.lt-h3 svg{width:18px;height:18px;color:var(--color-muted-fg)}.lt-bullets,.lt-compare{gap:var(--space-2);padding-left:var(--space-5);margin:0;display:grid}.lt-bullets--good li::marker{color:var(--color-success)}.lt-bullets--work li::marker{color:var(--color-accent)}.lt-compare{padding-left:0;list-style:none}.lt-compare li{padding-left:var(--space-3);border-left:3px solid var(--color-border-strong)}.lt-compare li[data-dir=up]{border-left-color:var(--color-success)}.lt-compare li[data-dir=down]{border-left-color:var(--color-accent)}.lt-rec__grid{gap:var(--space-5);display:grid}@media (width>=900px){.lt-rec__grid{grid-template-columns:1.1fr 1fr 1.2fr}}.lt-rec__start{gap:var(--space-4);align-items:flex-start;display:flex}.lt-rec__code{white-space:nowrap;min-width:72px;height:72px;padding:0 var(--space-3);border-radius:var(--radius-xl);background:var(--grad-primary);color:var(--color-on-primary);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-heavy);box-shadow:var(--shadow-clay-sm);flex:none;place-items:center;display:grid}.lt-rec__label{margin:0 0 var(--space-1);color:var(--color-muted-fg);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em}.lt-rec__value{margin:0 0 var(--space-3);font-weight:var(--weight-semibold)}.lt-rec__value a{align-items:center;gap:var(--space-1);display:inline-flex}.lt-rec__value svg{width:16px;height:16px}.lt-tags{gap:var(--space-2);margin:0 0 var(--space-3);flex-wrap:wrap;padding:0;list-style:none;display:flex}.lt-tags li{padding:2px var(--space-3);border-radius:var(--radius-full);background:var(--color-secondary-soft);color:var(--color-secondary-text);font-weight:var(--weight-semibold);font-size:var(--text-sm)}.lt-plan__list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.lt-plan__text{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.lt-plan__text svg{width:16px;height:16px;color:var(--color-muted-fg)}.lt-plan__text strong{font-variant-numeric:tabular-nums;margin-left:auto}.lt-plan__track{border-radius:var(--radius-full);background:var(--color-muted);height:8px;margin-top:4px;display:block;overflow:hidden}.lt-plan__fill{border-radius:var(--radius-full);background:var(--color-primary);height:100%;display:block}.lt-exam-note{align-items:flex-start;gap:var(--space-2);margin:var(--space-5) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-muted);font-weight:var(--weight-semibold);display:flex}.lt-exam-note svg{flex:none;width:20px;height:20px;margin-top:1px}.lt-exam-note.is-success{background:var(--color-success-soft);color:var(--color-success-text)}.lt-exam-note.is-warning{background:var(--color-accent-soft);color:var(--color-accent-text)}.lt-exam-note.is-danger{background:var(--color-destructive-soft);color:var(--color-destructive-text)}.lt-rec__actions{margin-top:var(--space-5)}.lt-applied{align-items:center;gap:var(--space-2);color:var(--color-success-text);font-weight:var(--weight-bold);margin:0;display:inline-flex}.lt-applied svg{width:20px;height:20px}.lt-rot{transform:rotate(180deg)}.lt-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.lt-table th,.lt-table td{padding:var(--space-2) var(--space-3);border-bottom:var(--border-width) solid var(--color-border);text-align:left}.lt-table thead th{color:var(--color-muted-fg);font-weight:var(--weight-semibold)}.lt-chart{gap:var(--space-2);margin:var(--space-3) 0 0;min-width:0;display:grid}.lt-chart__svg{max-width:100%;display:block;overflow:visible}.lt-chart__grid{stroke:var(--color-border);stroke-width:1px;stroke-dasharray:2 4}.lt-chart__tick{fill:var(--color-muted-fg);font-size:12px;font-family:var(--font-body);font-variant-numeric:tabular-nums}.lt-chart__label{fill:var(--color-fg);font-size:13px;font-weight:600;font-family:var(--font-body)}.lt-chart__value{fill:var(--color-fg);font-size:13px;font-weight:700;font-family:var(--font-body)}.lt-chart__value--in{fill:var(--color-on-primary)}.lt-chart__hit{fill:#0000}.lt-chart__row:focus-visible,.lt-chart__pt:focus-visible{outline:none}.lt-chart__row:focus-visible .lt-chart__hit,.lt-chart__row.is-active .lt-chart__hit{fill:var(--color-muted)}.lt-chart__bar{fill:var(--color-primary)}.lt-chart__row.is-active .lt-chart__bar:not(.lt-chart__bar--tentative){fill:var(--color-primary-strong)}.lt-chart__bar--tentative{stroke:var(--color-primary);stroke-width:1.5px}.lt-chart__hatch-bg{fill:var(--color-primary-soft)}.lt-chart__hatch-line{stroke:var(--color-primary)}.lt-chart__self{fill:var(--color-card);stroke:var(--color-fg);stroke-width:2.5px}.lt-chart__line{fill:none;stroke:var(--color-primary);stroke-width:2px;stroke-linejoin:round}.lt-chart__dot{fill:var(--color-primary);stroke:var(--color-card);stroke-width:2px}.lt-chart__dot--hollow{fill:var(--color-card);stroke:var(--color-primary);stroke-width:2.5px}.lt-chart__pt:focus-visible .lt-chart__dot{stroke:var(--color-focus)}.lt-chart__readout{min-height:1.5em;color:var(--color-muted-fg);font-size:var(--text-sm);margin:0}.lt-chart__readout strong{color:var(--color-fg)}.lt-legend{gap:var(--space-2) var(--space-4);color:var(--color-muted-fg);font-size:var(--text-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.lt-legend li{align-items:center;gap:var(--space-1);display:inline-flex}.lt-legend__bar{background:var(--color-primary);border-radius:0 4px 4px 0;width:18px;height:10px}.lt-legend__ring{border:2.5px solid var(--color-fg);background:var(--color-card);border-radius:50%;width:12px;height:12px}.lt-legend__hatch{border:1.5px solid var(--color-primary);background:repeating-linear-gradient(45deg, var(--color-primary) 0 2px, var(--color-primary-soft) 2px 5px);border-radius:0 4px 4px 0;width:18px;height:10px}.lt-legend__dot{background:var(--color-primary);border-radius:50%;width:10px;height:10px}.lt-legend__dot--hollow{border:2.5px solid var(--color-primary);background:var(--color-card)}@media (forced-colors:active){.lt-chart__bar,.lt-chart__dot{fill:canvastext}.lt-chart__self{stroke:canvastext}}.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}}.tutor--seniors .msg__bubble,.tutor--seniors .fix__why,.tutor--seniors .fix-card__summary,.tutor--seniors .composer textarea,.tutor--seniors .helper-btn,.tutor--seniors .quick-reply{font-size:calc(var(--text-md) * 1.12)}.tutor--seniors .msg__bubble{line-height:1.7}.tutor--kids .msg__bubble{font-size:calc(var(--text-md) * 1.06)}.tutor__titles{min-width:96px}.tutor__titles h1{white-space:nowrap}.tutor__call .tutor__new-label,.tutor__new .tutor__new-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tutor__call,.tutor__end{padding:0 var(--space-3)}.tutor__dock{border-top:var(--border-width) solid var(--color-border);background:var(--color-card);display:grid}.tutor__dock .composer{padding-top:var(--space-2);border-top:0}.tutor-welcome{grid-template-columns:minmax(0,1fr)}.tutor-welcome>*,.picker-tabs,.picker-tabs .tabs__panel{min-width:0}.picker-tabs .tabs__list{gap:var(--space-2);padding-bottom:2px;display:flex;overflow-x:auto}.picker-tabs .tabs__tab{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:inherit;font-weight:var(--weight-bold);white-space:nowrap;cursor:pointer;display:inline-flex}.picker-tabs .tabs__tab svg{width:18px;height:18px}.picker-tabs .tabs__tab[aria-selected=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);box-shadow:inset 0 -3px 0 var(--color-primary-strong)}.picker-tabs .tabs__panel{margin-top:var(--space-4);outline:none}.picker-panel{gap:var(--space-5);display:grid}.picker-lock,.picker-hint{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-muted-fg);display:flex}.picker-lock{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-secondary-soft);color:var(--color-secondary-text);font-weight:var(--weight-bold)}.picker-lock svg{flex:none;width:16px;height:16px}.recurring-note{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent-text);font-weight:var(--weight-semibold)}.topic-group__title{margin-bottom:var(--space-3);font-size:var(--text-md)}.topic-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(46%,168px),1fr));list-style:none;display:grid}.topic-tile{--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);width:100%;height:100%;padding:var(--space-2) var(--space-2) 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:inherit;text-align:left;cursor:pointer;box-shadow:0 var(--lip) 0 color-mix(in srgb, var(--c1) 22%, var(--color-border));transition:transform var(--duration-press) var(--ease-out), border-color var(--duration-fast) var(--ease-out);align-content:start;gap:4px;display:grid}.topic-tile[data-tone=green]{--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)}.topic-tile[data-tone=teal]{--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)}.topic-tile[data-tone=purple]{--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)}.topic-tile[data-tone=orange]{--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)}.topic-tile[data-tone=yellow]{--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)}.topic-tile[data-tone=pink]{--c1:var(--color-accent);--c2:color-mix(in srgb, var(--color-accent) 70%, #fff);--c-on:var(--color-on-accent);--c-lip:color-mix(in srgb, var(--color-accent) 70%, #000);--c-soft:var(--color-accent-soft);--c-text:var(--color-accent-text)}.topic-tile[data-tone=red]{--c1:var(--color-destructive);--c2:color-mix(in srgb, var(--color-destructive) 70%, #fb923c);--c-on:var(--color-on-destructive);--c-lip:color-mix(in srgb, var(--color-destructive) 70%, #000);--c-soft:var(--color-destructive-soft);--c-text:var(--color-destructive-text)}.topic-tile:hover:not(:disabled){border-color:color-mix(in srgb, var(--c1) 55%, var(--color-border));transform:translateY(-2px)}.topic-tile:active:not(:disabled){box-shadow:0 2px 0 color-mix(in srgb, var(--c1) 22%, var(--color-border));transform:translateY(2px)}.topic-tile:disabled{opacity:.6;cursor:progress}.topic-tile__art{height:84px;margin-bottom:var(--space-1,4px);border-radius:calc(var(--radius-lg) - 6px);background:radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--c1) 22%, transparent) 0 22px, transparent 23px), var(--c-soft);place-items:center;display:grid;position:relative;overflow:hidden}.topic-tile__blob{background:var(--grad-sheen), linear-gradient(140deg, var(--c1), var(--c2));width:62px;height:62px;box-shadow:0 4px 0 var(--c-lip);border-radius:46% 54% 52% 48%/55% 45%;position:absolute}.topic-tile__dot{background:var(--c1);opacity:.35;border-radius:50%;position:absolute}.topic-tile__dot--a{width:14px;height:14px;top:22%;left:14%}.topic-tile__dot--b{width:9px;height:9px;bottom:16%;right:18%}.topic-tile__icon{width:30px;height:30px;color:var(--c-on);position:relative}.topic-tile__title{padding:0 var(--space-1,4px);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.topic-tile__desc{padding:0 var(--space-1,4px);font-size:var(--text-xs);color:var(--color-muted-fg);line-height:var(--leading-snug)}[data-motion=full] .topic-tile:hover:not(:disabled) .topic-tile__blob{animation:blob-wobble 1.2s var(--ease-out)}@keyframes blob-wobble{30%{transform:rotate(-8deg)scale(1.05)}60%{transform:rotate(6deg)scale(.98)}}.custom-topic{gap:var(--space-2);display:grid}.custom-topic__label{align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);display:inline-flex}.custom-topic__label svg{width:18px;height:18px}.custom-topic__row,.howto__form,.fix-retry__row{gap:var(--space-2);flex-wrap:nowrap;align-items:center;display:flex}.custom-topic__row .btn,.howto__form .btn,.fix-retry__row .btn{white-space:nowrap;flex:none}.custom-topic__row input,.howto__form input,.fix-retry__row input{width:0;min-width:0;min-height:var(--touch-min);padding:0 var(--space-3);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-fg);font:inherit;flex:1 1 0}.custom-topic__row input:focus,.howto__form input:focus,.fix-retry__row input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft);outline:none}.free-chat{justify-self:start;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-fg);font:inherit;font-weight:var(--weight-bold);cursor:pointer;background:0 0;display:inline-flex}.free-chat svg{width:18px;height:18px}.scenario:disabled,.exam-card:disabled{cursor:progress;opacity:.7}.scenario-grid li:nth-child(12n+7) .scenario__icon{--c1:var(--color-accent);--c2:color-mix(in srgb, var(--color-accent) 70%, #fff);--c-on:var(--color-on-accent);--c-lip:color-mix(in srgb, var(--color-accent) 70%, #000)}.exam-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));list-style:none;display:grid}.exam-card{width:100%;height:100%;padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-unit4) 14%, transparent) 0 70px, transparent 71px), var(--color-card);color:var(--color-fg);font:inherit;text-align:left;cursor:pointer;box-shadow:var(--shadow-clay-sm);gap:4px;display:grid;position:relative}.exam-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-unit4) 45%, var(--color-border))}.exam-card__exam,.exam-card__time{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-unit4-text);align-items:center;gap:6px;display:inline-flex}.exam-card__time{color:var(--color-muted-fg)}.exam-card__exam svg,.exam-card__time svg{width:14px;height:14px}.exam-card__title{font-weight:var(--weight-bold);font-size:var(--text-md)}.exam-card__desc{font-size:var(--text-sm);color:var(--color-muted-fg)}.msg__caret{vertical-align:text-bottom;background:var(--color-primary);border-radius:2px;width:.5em;height:1.1em;margin-left:2px;animation:.9s steps(2,start) infinite caret-blink;display:inline-block}@keyframes caret-blink{to{visibility:hidden}}.msg__speech{vertical-align:-2px;opacity:.8;width:14px;height:14px;margin-right:6px}.typing--sm i{width:6px;height:6px}.fix-pending{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-muted-fg);font-style:italic;display:inline-flex}.fix-card{border:var(--border-width) solid var(--color-border);border-left:5px solid var(--color-secondary);border-radius:var(--radius-lg);background:var(--color-card);width:min(94%,560px);box-shadow:var(--shadow-clay-sm);animation:fix-in var(--duration-slow) var(--ease-out)}.fix-card.is-clean{border-left-color:var(--color-success)}.fix-card__summary{align-items:center;gap:4px var(--space-2);width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);border-radius:inherit;color:var(--color-fg);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;display:flex}.fix-card__dot{background:var(--color-secondary);border-radius:50%;flex:none;width:10px;height:10px}.fix-card__ok{width:18px;height:18px;color:var(--color-success-text);stroke-width:3px}.fix-card__count{font-weight:var(--weight-bold)}.fix-card__extra{color:var(--color-muted-fg);font-weight:var(--weight-semibold)}.fix-card__toggle{color:var(--color-primary-text);font-weight:var(--weight-bold);align-items:center;gap:2px;margin-left:auto;display:inline-flex}.fix-card__toggle svg{width:16px;height:16px;transition:transform var(--duration-fast) var(--ease-out)}.fix-card.is-open .fix-card__toggle svg{transform:rotate(180deg)}.fix-card__body{gap:var(--space-3);padding:0 var(--space-4) var(--space-4);display:grid}.fix-card__body .fix-panel__sentence{padding-top:var(--space-2);border-top:var(--border-width) dashed var(--color-border)}.fix-panel__reading,.fix__reading{color:var(--color-primary-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:block}.fix__reading{flex-basis:100%}.fix__chips{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.sev-chip{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap;background:var(--color-destructive-soft);color:var(--color-destructive-text);align-items:center;padding:2px 10px;display:inline-flex}.sev-chip--improve{background:var(--color-secondary-soft);color:var(--color-secondary-text)}.sev-chip--suggestion{background:var(--color-success-soft);color:var(--color-success-text)}.fix--sev-suggestion .fix__diff del{text-decoration-style:dotted}.fix__better,.fix__example{font-size:var(--text-sm);line-height:var(--leading-normal);grid-column:1/-1}.fix__better{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-primary-soft)}.fix__better>svg{vertical-align:-3px;width:16px;height:16px;color:var(--color-primary-text)}.fix__better .icon-chip{vertical-align:middle;width:32px;height:32px;margin:-6px 0;display:inline-grid}.fix__better-label,.fix-section-title{font-weight:var(--weight-bold)}.fix__better-note{color:var(--color-muted-fg)}.fix-section-title{font-size:var(--text-sm);align-items:center;gap:6px;display:inline-flex}.fix-section-title svg{width:16px;height:16px;color:var(--color-accent-text)}.fix-upgrade ul{gap:var(--space-2);margin-top:var(--space-2);list-style:none;display:grid}.fix-upgrade__item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-accent-soft);gap:2px;display:grid}.fix-upgrade__item p:first-child,.fix-upgrade__item .fix-section-title+p{font-weight:var(--weight-semibold)}.fix-upgrade__item .icon-chip{vertical-align:middle;width:32px;height:32px;margin:-6px 0;display:inline-grid}.fix-upgrade__note{font-size:var(--text-sm);color:var(--color-muted-fg)}.fix-praise,.fix-tip,.fix-pron{align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-normal);display:flex}.fix-praise svg,.fix-tip svg,.fix-pron svg{flex:none;width:16px;height:16px;margin-top:3px}.fix-praise svg{color:var(--color-xp)}.fix-tip svg{color:var(--color-secondary-text)}.fix-pron svg{color:var(--color-accent-text)}.fix-exam{gap:var(--space-3);display:grid}.fix-exam__overall{align-items:center;gap:var(--space-2);display:flex}.fix-exam__overall svg{width:18px;height:18px;color:var(--color-xp)}.fix-retry__open{color:var(--color-primary-text);justify-self:start;margin-left:-6px}.fix-retry{gap:var(--space-2);padding-top:var(--space-3);border-top:var(--border-width) dashed var(--color-border);display:grid}.fix-retry__label{font-size:var(--text-sm);font-weight:var(--weight-bold)}.fix-retry__ok,.fix-retry__no{font-size:var(--text-sm);font-weight:var(--weight-bold);align-items:center;gap:6px;display:flex}.fix-retry__ok{color:var(--color-success-text)}.fix-retry__no{color:var(--color-destructive-text)}.fix-retry__ok svg,.fix-retry__no svg{stroke-width:3px;width:18px;height:18px}.score-bars{gap:var(--space-3);list-style:none;display:grid}.score-bar{gap:4px;display:grid}.score-bar__head{justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);display:flex}.score-bar__value{font-variant-numeric:tabular-nums}.score-bar__track{border-radius:var(--radius-full);background:var(--color-muted);height:10px;display:block;overflow:hidden}.score-bar__fill{border-radius:inherit;background:var(--color-success);height:100%;transition:width var(--duration-slow) var(--ease-out);display:block}.score-bar__fill[data-level=mid]{background:var(--color-secondary)}.score-bar__fill[data-level=low]{background:var(--color-destructive)}.score-bar__comment{font-size:var(--text-sm);color:var(--color-muted-fg)}.new-words{gap:var(--space-2);width:min(100%,560px);padding:var(--space-3);border:var(--border-width) dashed color-mix(in srgb, var(--color-accent) 45%, var(--color-border));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-accent-soft) 45%, var(--color-card));display:grid}.new-words__title{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent-text)}.new-words ul,.summary-words{gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.new-word,.summary-words li{padding:4px var(--space-3);border-radius:var(--radius-md);background:var(--color-card);border:var(--border-width) solid var(--color-border);flex-wrap:wrap;align-items:baseline;gap:4px 6px;display:inline-flex}.new-word__term{font-weight:var(--weight-bold)}.new-word__reading{color:var(--color-primary-text);font-size:var(--text-sm)}.new-word__meaning{color:var(--color-muted-fg);font-size:var(--text-sm)}.new-words .tool-btn{justify-self:start;margin-left:-6px}.helper-bar{gap:var(--space-2);padding:var(--space-2) var(--space-3) 0;display:grid}@media (width>=768px){.helper-bar{padding:var(--space-3) var(--space-5) 0}}.helper-bar__row{gap:var(--space-2);scrollbar-width:none;padding-bottom:2px;display:flex;overflow-x:auto}.helper-bar__row::-webkit-scrollbar{display:none}.helper-btn{min-height:40px;padding:0 var(--space-3);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-bold);white-space:nowrap;cursor:pointer;flex:none;align-items:center;gap:6px;display:inline-flex}.helper-btn svg{width:16px;height:16px;color:var(--color-primary-text)}.helper-btn[aria-pressed=true]{background:var(--color-primary-soft);border-color:color-mix(in srgb, var(--color-primary) 40%, var(--color-border));color:var(--color-primary-text)}.helper-btn:disabled{opacity:.5;cursor:not-allowed}.quick-replies{gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.quick-reply{min-height:40px;padding:var(--space-1,4px) var(--space-4);border:var(--border-width) solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-text);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:left;cursor:pointer}.quick-reply:active:not(:disabled){transform:translateY(1px)}@media (width<=767px){.helper-bar.is-composing .quick-replies{display:none}.quick-replies,.helper-bar__row{padding-right:24px;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 28px),#0000 100%)}.quick-replies{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.quick-replies::-webkit-scrollbar{display:none}.quick-replies li{flex:none}.quick-reply{white-space:nowrap}}.howto{gap:var(--space-2);padding:var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);max-height:46dvh;display:grid;overflow-y:auto}.howto__head{justify-content:space-between;align-items:center;display:flex}.howto__head h3{align-items:center;gap:var(--space-2);font-size:var(--text-md);display:inline-flex}.howto__head h3 svg{width:18px;height:18px;color:var(--color-primary-text)}.howto__error{color:var(--color-destructive-text);font-size:var(--text-sm);font-weight:var(--weight-bold)}.howto__options{gap:var(--space-2);list-style:none;display:grid}.howto__option{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-card);border:var(--border-width) solid var(--color-border);gap:2px;display:grid}.howto__level{border-radius:var(--radius-full);background:var(--color-success-soft);color:var(--color-success-text);font-size:var(--text-xs);font-weight:var(--weight-bold);justify-self:start;padding:1px 8px}.howto__option--natural .howto__level{background:var(--color-accent-soft);color:var(--color-accent-text)}.howto__text{font-size:var(--text-md);font-weight:var(--weight-semibold)}.howto__reading{color:var(--color-primary-text);font-size:var(--text-sm)}.howto__note{color:var(--color-muted-fg);font-size:var(--text-sm)}.howto__actions{flex-wrap:wrap;margin-left:-6px;display:flex}.exam-timer{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:var(--border-width) solid var(--color-border);background:color-mix(in srgb, var(--color-unit4-soft) 55%, var(--color-card));font-size:var(--text-sm);flex-wrap:wrap;display:flex}@media (width>=768px){.exam-timer{padding:var(--space-2) var(--space-5)}}.exam-timer__icon svg{width:18px;height:18px;color:var(--color-unit4-text)}.exam-timer__label{font-variant-numeric:tabular-nums}.exam-timer__track{border-radius:var(--radius-full);background:var(--color-muted);flex:120px;height:8px;overflow:hidden}.exam-timer__fill{background:var(--color-unit4);height:100%;transition:width 1s linear;display:block}.exam-timer--prep .exam-timer__fill{background:var(--color-secondary)}.exam-timer--done .exam-timer__label{color:var(--color-destructive-text);font-weight:var(--weight-bold)}.session-summary{gap:var(--space-5);display:grid}.session-summary__head{align-items:center;gap:var(--space-4);display:flex}.session-summary__head h2{font-size:var(--text-2xl);font-weight:var(--weight-heavy)}@media (width<=479px){.session-summary__head{align-items:flex-start;gap:var(--space-3)}.session-summary__head .mascot{flex:none;width:64px;height:64px}.session-summary__head h2{font-size:var(--text-xl)}}.session-summary__headline{color:var(--color-muted-fg)}.summary-stats{gap:var(--space-2);flex-wrap:wrap;list-style:none;display:flex}.summary-stats li{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--color-card);border:var(--border-width) solid var(--color-border);font-size:var(--text-sm);display:inline-flex}.summary-stats svg{width:16px;height:16px;color:var(--color-primary-text)}.summary-stats__xp{background:color-mix(in srgb, var(--color-xp) 14%, var(--color-card))!important}.summary-grid{gap:var(--space-4);display:grid}@media (width>=900px){.summary-grid{grid-template-columns:1fr 1fr}}.summary-card{align-content:start;gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);box-shadow:var(--shadow-clay-sm);display:grid}.summary-card h3{font-size:var(--text-md)}.summary-card--good{border-top:5px solid var(--color-success)}.summary-card--next{border-top:5px solid var(--color-accent)}.summary-card .btn{justify-self:start}.summary-mistakes{gap:var(--space-3);padding-left:var(--space-5);display:grid}.summary-diff{font-weight:var(--weight-semibold);line-height:1.7}.summary-diff .fix__arrow{vertical-align:-3px;margin:0 4px;display:inline-block}.summary-list{gap:var(--space-2);padding-left:var(--space-5);display:grid}.session-summary__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.recurring-list{gap:6px;list-style:none;display:grid}.recurring-list li{justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm);display:flex}.recurring-list__name{font-weight:var(--weight-semibold)}.recurring-list__count{color:var(--color-muted-fg);font-variant-numeric:tabular-nums}.history__badge{color:var(--color-success-text);font-weight:var(--weight-bold)}.call{z-index:60;gap:var(--space-3);padding:max(var(--space-4), env(safe-area-inset-top)) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--color-primary) 22%, transparent) 0 180px, transparent 181px), radial-gradient(circle at 10% 100%, color-mix(in srgb, var(--color-accent) 18%, transparent) 0 200px, transparent 201px), var(--color-bg);color:var(--color-fg);grid-template-rows:auto 1fr auto auto auto auto;display:grid;position:fixed;inset:0;overflow-y:auto}.call__bar{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;max-width:720px;margin:0 auto;display:flex}.call__bar h2{font-size:var(--text-xl)}.call__topic{color:var(--color-muted-fg);font-size:var(--text-sm)}.call__turns{padding:4px var(--space-3);border-radius:var(--radius-full);background:var(--color-card);border:var(--border-width) solid var(--color-border);font-size:var(--text-sm);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.call__stage{align-content:center;place-items:center;gap:var(--space-3);min-height:220px;display:grid}.call__avatar{place-items:center;width:210px;height:210px;display:grid;position:relative}.call__avatar .mascot{z-index:1;position:relative}.call__ring{border:3px solid color-mix(in srgb, var(--color-primary) 55%, transparent);opacity:0;border-radius:50%;position:absolute;inset:18px}.call__avatar--listening .call__ring{border-color:color-mix(in srgb, var(--color-accent) 60%, transparent)}[data-motion=full] .call__avatar--speaking .call__ring,[data-motion=full] .call__avatar--listening .call__ring{animation:call-ring 1.6s var(--ease-out) infinite}[data-motion=full] .call__avatar--speaking .call__ring--2,[data-motion=full] .call__avatar--listening .call__ring--2{animation-delay:.8s}[data-motion=full] .call__avatar--speaking .mascot{animation:.6s ease-in-out infinite alternate call-bob}[data-motion=full] .call__avatar--thinking .mascot{animation:1.4s ease-in-out infinite call-think}:root:not([data-motion=full]) .call__avatar--speaking .call__ring,:root:not([data-motion=full]) .call__avatar--listening .call__ring{opacity:.8}@keyframes call-ring{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.3)}}@keyframes call-bob{0%{transform:translateY(0)}to{transform:translateY(-6px)scale(1.02)}}@keyframes call-think{50%{transform:rotate(-4deg)}}.call__status{font-weight:var(--weight-bold);font-size:var(--text-lg)}.call__captions{gap:var(--space-2);width:100%;max-width:720px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);background:var(--color-card);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-clay-sm);margin:0 auto;display:grid}.call__caption-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-muted-fg);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;display:inline-flex}.call__caption-label svg{width:14px;height:14px}.call__caption{font-size:var(--text-lg);line-height:var(--leading-normal)}.call__caption--me{padding:var(--space-1,4px) var(--space-3);background:var(--color-primary-soft);color:var(--color-primary-text);border-radius:16px;justify-self:end}.call__caption--hint{color:var(--color-muted-fg);font-size:var(--text-md)}.call__error,.call__note{width:100%;max-width:720px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-bold);margin:0 auto}.call__error{background:var(--color-destructive-soft);color:var(--color-destructive-text)}.call__note{background:var(--color-muted);color:var(--color-muted-fg)}.call__controls{align-items:center;gap:var(--space-3);grid-template-columns:1fr auto;width:100%;max-width:720px;margin:0 auto;display:grid}.call__switch{align-items:center;gap:var(--space-2);min-height:var(--touch-min);font-weight:var(--weight-semibold);cursor:pointer;grid-column:1/-1;justify-self:center;display:inline-flex}.call__switch input{width:20px;height:20px;accent-color:var(--color-primary)}.call__switch svg{width:18px;height:18px}.call__talk{justify-content:center;align-items:center;gap:var(--space-2);min-height:64px;padding:0 var(--space-6);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font:inherit;font-size:var(--text-lg);font-weight:var(--weight-heavy);cursor:pointer;box-shadow:inset 0 -5px 0 var(--color-primary-strong), 0 12px 24px -12px var(--shadow-tint);border:0;display:inline-flex}.call__talk svg{width:26px;height:26px}.call__talk.is-listening{background:var(--color-accent);color:var(--color-on-accent);box-shadow:inset 0 -5px 0 color-mix(in srgb, var(--color-accent) 70%, #000), 0 0 0 8px var(--color-accent-soft)}.call__talk:disabled{opacity:.6;cursor:progress}.call__end{justify-content:center;align-items:center;gap:var(--space-2);min-width:64px;min-height:64px;padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--color-destructive);color:var(--color-on-destructive);font:inherit;font-weight:var(--weight-bold);cursor:pointer;border:0;display:inline-flex}.call__end svg{width:24px;height:24px}@media (width<=479px){.call__end span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.call__avatar{width:180px;height:180px}}.call--fallback,.call--ended{grid-template-rows:1fr;place-items:center}.call__fallback,.call__end-screen{justify-items:center;gap:var(--space-3);text-align:center;width:100%;max-width:600px;display:grid}.call__fixes{gap:var(--space-3);width:100%;max-height:46dvh;padding:var(--space-3);text-align:left;border-radius:var(--radius-lg);background:var(--color-card);border:var(--border-width) solid var(--color-border);list-style:none;display:grid;overflow-y:auto}.call__fixes ul{gap:var(--space-2);margin-top:var(--space-1,4px);list-style:none;display:grid}.call__said{color:var(--color-muted-fg);font-style:italic}.call__fix{gap:4px;display:grid}.call__end-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.msg__caret,.fix-card{animation:none}}.skin-picker{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,124px),1fr));display:grid}.skin-option{align-content:start;gap:var(--space-2);min-width:0;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:left;font:inherit;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);display:grid}.skin-option:hover{border-color:var(--color-border-strong)}.skin-option.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.skin-option__text{padding:0 var(--space-1) var(--space-1);gap:2px;display:grid}.skin-option__name{align-items:center;gap:var(--space-1);font-weight:var(--weight-bold);display:flex}.skin-option__check{width:18px;height:18px;color:var(--color-primary-text);margin-left:auto}.skin-option__desc{color:var(--color-muted-fg);font-size:var(--text-xs);line-height:var(--leading-snug)}.skin-thumb{--p:var(--color-primary);--p2:var(--color-primary-2);aspect-ratio:16/11;border-radius:calc(var(--radius-lg) - 4px);color:#111827;background:#f7f8fa;place-items:center;font-size:9px;line-height:1.2;display:grid;position:relative;overflow:hidden}.skin-thumb__card{z-index:1;background:#fff;gap:4px;width:74%;padding:7px;display:grid;position:relative}.skin-thumb__title{font-size:11px}.skin-thumb__bar{background:#e9ecf1;border-radius:99px;height:4px;display:block;overflow:hidden}.skin-thumb__bar>span{background:var(--p);width:55%;height:100%;display:block}.skin-thumb__opt{border:1px solid #e3e6ec;align-items:center;gap:4px;padding:3px;display:flex}.skin-thumb__opt.is-on{background:#dcfce7;border-color:#16a34a}.skin-thumb__key{background:#eef0f4;place-items:center;width:11px;height:11px;font-size:7px;display:grid}.skin-thumb__line{background:#cbd2dc;border-radius:2px;flex:1;height:3px}.skin-thumb__btn{background:var(--p);color:#fff;justify-self:end;padding:2px 7px;font-size:8px;font-weight:700}.skin-thumb[data-skin=kids]{background:linear-gradient(#e0f2fe,#fef9c3);font-family:"Baloo 2",Nunito,sans-serif}.skin-thumb[data-skin=kids] .skin-thumb__card{border:2px solid #e4ecfc;border-radius:10px;box-shadow:0 3px #cfdaf0}.skin-thumb[data-skin=kids] .skin-thumb__title{font-size:12px;font-weight:800}.skin-thumb[data-skin=kids] .skin-thumb__bar{height:6px}.skin-thumb[data-skin=kids] .skin-thumb__bar>span{background:linear-gradient(90deg, var(--p), var(--p2))}.skin-thumb[data-skin=kids] .skin-thumb__opt{border-width:2px;border-radius:7px;box-shadow:0 2px #e4ecfc}.skin-thumb[data-skin=kids] .skin-thumb__opt.is-on{box-shadow:0 2px #16a34a}.skin-thumb[data-skin=kids] .skin-thumb__key{color:#fff;background:linear-gradient(140deg,#38bdf8,#6366f1);border-radius:4px}.skin-thumb[data-skin=kids] .skin-thumb__btn{background:linear-gradient(135deg, var(--p), var(--p2));border-radius:7px;box-shadow:0 2px #1e3a8a}.skin-thumb__hills{fill:#86efac;width:100%;height:26%;position:absolute;bottom:0;left:0;right:0}.skin-thumb__lin{z-index:2;background:radial-gradient(circle at 35% 45%,#2b160c 0 1.5px,#0000 2px),radial-gradient(circle at 65% 45%,#2b160c 0 1.5px,#0000 2px),#ee7f45;border:2px solid #2b160c;border-radius:50%;width:18px;height:18px;position:absolute;bottom:8%;right:6%}.skin-thumb[data-skin=teens]{color:#0a0c12;background:#f4f5f8;font-family:Be Vietnam Pro,system-ui,sans-serif}.skin-thumb[data-skin=teens] .skin-thumb__card{border-radius:7px;box-shadow:0 1px 1px #0a0c120f,0 6px 14px -8px #0a0c124d}.skin-thumb[data-skin=teens] .skin-thumb__title{letter-spacing:-.02em;font-family:Lexend,sans-serif;font-size:12px;font-weight:700}.skin-thumb[data-skin=teens] .skin-thumb__bar>span{background:linear-gradient(90deg, var(--p), var(--p2))}.skin-thumb[data-skin=teens] .skin-thumb__opt{border-width:1.5px;border-radius:5px}.skin-thumb[data-skin=teens] .skin-thumb__key{background:linear-gradient(140deg, var(--p), var(--p2));color:#fff;border-radius:3px}.skin-thumb[data-skin=teens] .skin-thumb__btn{background:linear-gradient(135deg, var(--p), var(--p2));box-shadow:0 4px 8px -4px var(--p);border-radius:5px}.skin-thumb[data-skin=adults]{background:#f7f8fa;font-family:Be Vietnam Pro,system-ui,sans-serif}.skin-thumb[data-skin=adults] .skin-thumb__card{border:1px solid #e5e7eb;border-radius:5px}.skin-thumb[data-skin=adults] .skin-thumb__title{font-size:10px;font-weight:600}.skin-thumb[data-skin=adults] .skin-thumb__bar{height:3px}.skin-thumb[data-skin=adults] .skin-thumb__opt{border-radius:4px}.skin-thumb[data-skin=adults] .skin-thumb__opt.is-on{background:#fff;border-color:#e3e6ec}.skin-thumb[data-skin=adults] .skin-thumb__opt.is-on .skin-thumb__key{color:#fff;background:#16a34a}.skin-thumb[data-skin=adults] .skin-thumb__key{color:#4b5563;border-radius:3px}.skin-thumb[data-skin=adults] .skin-thumb__btn{border-radius:3px;font-weight:600}.skin-thumb[data-skin=seniors]{color:#0b0f14;background:#f7f7f4;font-family:Be Vietnam Pro,system-ui,sans-serif}.skin-thumb[data-skin=seniors] .skin-thumb__card{border:2px solid #5b6470;border-radius:6px;gap:3px;padding:5px}.skin-thumb[data-skin=seniors] .skin-thumb__title{font-size:12px;font-weight:700}.skin-thumb[data-skin=seniors] .skin-thumb__bar{display:none}.skin-thumb[data-skin=seniors] .skin-thumb__opt{border:2px solid #5b6470;border-radius:4px;padding:2px}.skin-thumb[data-skin=seniors] .skin-thumb__key{width:13px;height:13px;font-size:9px;font-weight:700}.skin-thumb[data-skin=seniors] .skin-thumb__line{background:#5b6470;height:4px}.skin-thumb[data-skin=seniors] .skin-thumb__btn{border-radius:4px;padding:4px 10px;font-size:10px}[data-mode=dark] .skin-thumb{outline:1px solid var(--color-border)}.setting__hint{margin-bottom:var(--space-2);color:var(--color-muted-fg);font-size:var(--text-sm)}: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;--font-ja:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", 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)}:lang(ja),[lang|=ja]{font-family:var(--font-ja);line-break:strict;word-break:normal}ruby.furigana rt{font-family:var(--font-ja);font-size:.5em;font-weight:var(--weight-semibold);color:inherit;opacity:.85;letter-spacing:0}.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}.update-toast{left:50%;top:calc(var(--space-2) + env(safe-area-inset-top));z-index:var(--z-toast);align-items:center;gap:var(--space-3);width:max-content;max-width:calc(100vw - 2 * var(--space-4));padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full,999px);background:var(--color-card);color:var(--color-fg);box-shadow:var(--shadow-float);font-weight:var(--weight-bold);display:flex;position:fixed;transform:translate(-50%)}.update-toast__icon{width:20px;height:20px;color:var(--color-primary);flex:none}.update-toast__text{margin: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__word:lang(ja){font-family:var(--font-ja)}.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>=700px){.langs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1180px){.langs{grid-template-columns:repeat(4,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--sakura{--tone-soft:var(--color-unit5-soft);--tone-text:var(--color-destructive-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__native:lang(ja){font-family:var(--font-ja)}.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),.target-card__main:lang(ja){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,.choices--langs .choice{padding:var(--space-6) var(--space-4) var(--space-5);text-align:center;flex-direction:column;justify-content:center}.choices--3 .choice__extra,.choices--langs .choice__extra{margin:0}.choices--3 .choice__check,.choices--langs .choice__check{top:var(--space-3);transform:scale(.6)}:is(.choices--3 .choice:has(.choice__input:checked) .choice__check,.choices--langs .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)}.onb__glyph:lang(ja){font-family:var(--font-ja)}.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),.flashcard__term:lang(ja){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-layer--banner-anchored{padding:0;display:block}.fx-banner-anchor{transform-origin:50%;display:block;position:absolute;transform:translate(-50%,-50%)}.fx-banner--compact{white-space:nowrap;border-radius:18px;gap:0;padding:5px 20px 7px;box-shadow:0 4px #9a3412,0 0 0 3px #ffffffd9,0 10px 28px #f973168c}.fx-banner--compact.fx-banner--gold{box-shadow:0 4px #92400e,0 0 0 3px #ffffffd9,0 10px 28px #f59e0b8c}.fx-banner--compact .fx-banner__text{font-size:clamp(1.3rem,5vw,1.7rem)}.fx-banner--compact .fx-banner__sub{font-size:.72rem;line-height:1.1}.fx-banner--compact .fx-trail{width:32px;height:32px}.fx-banner--compact:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffffa6 48%,#0000 62%) 120% 0/250% 100% no-repeat;animation:.9s ease-out .22s forwards fx-banner-shine;position:absolute;inset:0}:root[data-motion=reduced] .fx-banner--compact:after{display:none}@keyframes fx-banner-shine{to{background-position:-40% 0}}.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)}.reset-app{min-height:100dvh;padding:var(--space-6) var(--space-4);place-items:center;display:grid}.reset-app__card{justify-items:center;gap:var(--space-3);text-align:center;max-width:28rem;display:grid}.reset-app__card h1{font-size:var(--text-2xl,1.5rem);margin:0}.reset-app__card p{margin:0}.reset-app__note{font-size:var(--text-sm);color:var(--color-muted-fg)}.auth-card__help{margin-top:var(--space-3);text-align:center;font-size:var(--text-sm);color:var(--color-muted-fg)}.auth-card__help a{color:var(--color-primary-text);font-weight:var(--weight-bold)}.profile__build{overflow-wrap:anywhere;font-size:.75rem}:root[data-age=teens]{--font-heading:"Lexend", "Be Vietnam Pro", system-ui, sans-serif;--font-body:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-numeric:"Lexend", "Be Vietnam Pro", system-ui, sans-serif;--text-md:calc(1rem * var(--font-scale));--weight-heavy:700;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:12px;--radius-2xl:16px;--border-width:1px;--border-width-thick:2px;--lip:0px;--lip-lg:0px;--grad-sheen:linear-gradient(transparent, transparent)}:root[data-age=adults]{--font-heading:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-numeric:"Be Vietnam Pro", system-ui, sans-serif;--text-xs:calc(.75rem * var(--font-scale));--text-sm:calc(.875rem * var(--font-scale));--text-md:calc(.9375rem * var(--font-scale));--text-lg:calc(1.0625rem * var(--font-scale));--text-xl:calc(1.25rem * var(--font-scale));--text-2xl:calc(1.5rem * var(--font-scale));--text-3xl:calc(1.875rem * var(--font-scale));--text-4xl:calc(clamp(2rem, 1.5rem + 2vw, 3rem) * var(--font-scale));--leading-normal:1.55;--weight-bold:600;--weight-heavy:700;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:10px;--radius-2xl:12px;--border-width:1px;--border-width-thick:1px;--space-5:1.125rem;--space-6:1.25rem;--space-8:1.75rem;--space-10:2rem;--space-12:2.5rem;--space-16:3rem;--lip:0px;--lip-lg:0px;--ease-bounce:var(--ease-out);--grad-sheen:linear-gradient(transparent, transparent);--grad-primary:linear-gradient(var(--color-primary), var(--color-primary));--content-max:820px}:root[data-age=seniors]{--font-heading:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-numeric:"Be Vietnam Pro", system-ui, sans-serif;--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.65;--weight-bold:600;--weight-heavy:700;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:12px;--radius-2xl:14px;--border-width:2px;--border-width-thick:2px;--space-4:1.125rem;--space-5:1.5rem;--space-6:1.75rem;--space-8:2.25rem;--touch-min:52px;--tabbar-height:76px;--lip:0px;--lip-lg:0px;--ease-bounce:var(--ease-out);--grad-sheen:linear-gradient(transparent, transparent);--grad-primary:linear-gradient(var(--color-primary), var(--color-primary))}:root[data-age=teens][data-mode=light]{--shadow-clay:0 1px 2px #0a0c120f, 0 10px 28px -16px #0a0c1238;--shadow-clay-sm:0 1px 2px #0a0c1214;--shadow-clay-pressed:none}:root[data-age=teens][data-mode=dark]{--shadow-clay:0 1px 0 #ffffff0a inset, 0 12px 28px -16px #000c;--shadow-clay-sm:0 1px 2px #00000080;--shadow-clay-pressed:none}:root[data-age=adults][data-mode=light]{--shadow-clay:0 1px 2px #1018280a;--shadow-clay-sm:none;--shadow-clay-pressed:none;--shadow-float:0 16px 40px -12px #10182838, 0 2px 6px #1018280f}:root[data-age=adults][data-mode=dark],:root[data-age=seniors]{--shadow-clay:none;--shadow-clay-sm:none;--shadow-clay-pressed:none}:root[data-age=teens][data-mode=light]{--color-bg:#f4f5f8;--color-fg:#0a0c12;--color-card:#fff;--color-muted:#eef0f4;--color-muted-fg:#424956;--color-border:#e3e6ec;--color-border-strong:#7a8291}:root[data-age=teens][data-mode=dark]{--color-bg:#0b0c10;--color-fg:#f3f4f6;--color-card:#15171d;--color-muted:#1d2028;--color-muted-fg:#aeb4c0;--color-border:#272b34;--color-border-strong:#737b8a}:root[data-age=adults][data-mode=light]{--color-bg:#f7f8fa;--color-fg:#111827;--color-card:#fff;--color-muted:#f2f4f7;--color-muted-fg:#4b5563;--color-border:#e5e7eb;--color-border-strong:#7d8592}:root[data-age=adults][data-mode=dark]{--color-bg:#0f1115;--color-fg:#e8eaed;--color-card:#171a20;--color-muted:#1f232b;--color-muted-fg:#a4abb7;--color-border:#2a2f38;--color-border-strong:#6e7684}:root[data-age=seniors][data-mode=light]{--color-bg:#f7f7f4;--color-fg:#0b0f14;--color-card:#fff;--color-muted:#f0f0ec;--color-muted-fg:#2f3640;--color-border:#d3d6da;--color-border-strong:#5b6470}:root[data-age=seniors][data-mode=dark]{--color-bg:#0e1012;--color-fg:#f5f6f7;--color-card:#181b1f;--color-muted:#20242a;--color-muted-fg:#d0d5dc;--color-border:#3a4048;--color-border-strong:#8d96a3}:is([data-age=adults],[data-age=seniors]) .page-bg:before{background-image:none!important}[data-age=teens] .page-bg:before{background-image:radial-gradient(ellipse 60% 40% at 100% 0%, color-mix(in srgb, var(--color-primary) 9%, transparent) 0, transparent 70%)!important;background-size:auto!important}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .shell__sidebar{background:var(--color-card)}:is([data-age=adults],[data-age=seniors]) .logo__mark{filter:none}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .shell__topbar,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .side-nav__link.is-active{box-shadow:none}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .side-nav__link:hover .side-nav__tile{transform:none}[data-age=adults] .side-nav ul{gap:2px}[data-age=adults] .side-nav__link{min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);border:0}[data-age=adults] .side-nav__label{font-weight:500}[data-age=adults] .side-nav__link .side-nav__tile,[data-age=adults] .side-nav__link:not(.is-active) .side-nav__tile{width:20px;height:20px;box-shadow:none;color:var(--color-muted-fg);background:0 0}[data-age=adults] .side-nav__tile svg{stroke-width:2px;width:18px;height:18px}[data-age=adults] .side-nav__link.is-active{background:var(--color-muted);color:var(--color-fg)}[data-age=adults] .side-nav__link.is-active .side-nav__label{font-weight:600}[data-age=adults] .side-nav__link.is-active .side-nav__tile{color:var(--color-primary-text)}@media (width>=1024px){[data-age=adults] .side-nav__link{min-height:40px;padding:0 var(--space-3)}}[data-age=teens] .side-nav__link{border-radius:var(--radius-md)}[data-age=teens] .side-nav__link.is-active{background:var(--color-primary-soft);color:var(--color-primary-text);border-color:#0000}[data-age=teens] .side-nav__link:not(.is-active) .side-nav__tile{color:var(--color-muted-fg);background:0 0}[data-age=teens] .side-nav__link.is-active .side-nav__tile{background:var(--grad-primary);color:var(--color-on-primary);box-shadow:none}[data-age=seniors] .side-nav__link{min-height:56px;font-size:var(--text-md);color:var(--color-fg)}[data-age=seniors] .side-nav__link:not(.is-active) .side-nav__tile{color:var(--color-fg);background:0 0}[data-age=seniors] .side-nav__link.is-active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-fg)}[data-age=seniors] .side-nav__link.is-active .side-nav__tile{background:var(--color-primary);color:var(--color-on-primary);box-shadow:none}[data-age=seniors] .side-nav li:has(>a[href=\/tutor]){order:-1}[data-age=seniors] .side-nav li:has(>a[href=\/review]){order:-2}[data-age=seniors] .side-nav li:has(>a[href=\/learn]){order:-3}@media (width>=768px) and (width<=1023px){[data-age=seniors] .shell{grid-template-columns:216px minmax(0,1fr)}[data-age=seniors] .shell__sidebar{align-items:stretch}[data-age=seniors] .shell__logo .logo__text{display:inline}[data-age=seniors] .side-nav__link{padding:0 var(--space-3);justify-content:flex-start}[data-age=seniors] .side-nav__label{clip:auto;width:auto;height:auto;position:static;overflow:visible}}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .side-tip__bubble{border-color:var(--color-border);box-shadow:none}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .side-tip__bubble:after{display:none}[data-age=adults] .side-tip__bubble{background:var(--color-muted);border-color:#0000}[data-age=adults] .side-tip__title{color:var(--color-fg);font-weight:600}[data-age=adults] .side-tip__text{color:var(--color-muted-fg)}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .tab-bar{box-shadow:none}:is([data-age=adults],[data-age=seniors]) .tab-bar .tab-bar__icon,:is([data-age=adults],[data-age=seniors]) .tab-bar__link.is-active .tab-bar__icon{color:inherit;box-shadow:none}:is([data-age=adults],[data-age=seniors]) .tab-bar__link.is-active .tab-bar__icon{background:var(--color-primary-soft);color:var(--color-primary-text)}[data-age=adults] .tab-bar__label{font-weight:500}[data-age=adults] .tab-bar__link.is-active .tab-bar__label{font-weight:600}[data-age=teens] .tab-bar__link.is-active .tab-bar__icon{background:var(--grad-primary);color:var(--color-on-primary);box-shadow:none}[data-age=seniors] .tab-bar__link{font-size:var(--text-xs);color:var(--color-fg);font-weight:600}[data-age=seniors] .tab-bar__label{text-overflow:clip;overflow:visible}[data-age=seniors] .tab-bar__link.is-active{color:var(--color-primary-text)}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .stat-pill{box-shadow:none}[data-age=adults] .stat-pill{min-height:34px;padding:0 var(--space-3) 0 6px;font-size:var(--text-sm)}[data-age=adults] .stat-pill__num{font-size:var(--text-md);font-weight:600}[data-age=adults] .stat-pill .icon-tile{border-radius:6px;width:24px;height:24px}[data-age=adults] .stat-pill .icon-tile svg{width:15px;height:15px}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .btn,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .btn:active:not(:disabled){box-shadow:none;transform:none}:is([data-age=adults],[data-age=seniors]) .btn:hover:not(:disabled){box-shadow:none;--btn-bg:var(--color-muted);transform:none}:is([data-age=adults],[data-age=seniors]) .btn--primary{--btn-image:none;--btn-border:var(--color-primary);letter-spacing:0}:is([data-age=adults],[data-age=seniors]) .btn--primary:hover:not(:disabled){--btn-bg:var(--color-primary-strong);--btn-border:var(--color-primary-strong)}:is([data-age=adults],[data-age=seniors]) .btn--secondary{--btn-border:var(--color-border-strong);--btn-fg:var(--color-fg)}:is([data-age=adults],[data-age=seniors]) .btn--danger{--btn-image:none;--btn-border:var(--color-destructive)}:is([data-age=adults],[data-age=seniors]) .btn--danger:hover:not(:disabled){--btn-bg:var(--color-destructive);filter:brightness(.94)}:is([data-age=adults],[data-age=seniors]) .btn--ghost:hover:not(:disabled){--btn-bg:var(--color-muted)}[data-age=adults] .btn{min-height:40px;padding:0 var(--space-4);font-weight:600}[data-age=adults] .btn--sm{min-height:36px;padding:0 var(--space-3)}[data-age=adults] .btn--lg{min-height:48px;padding:0 var(--space-6);font-size:var(--text-md);font-weight:600}[data-age=adults] .btn--secondary{--btn-border:var(--color-border)}[data-age=adults] .btn--secondary:hover:not(:disabled){--btn-bg:var(--color-muted)}[data-age=seniors] .btn{min-height:56px;padding:0 var(--space-6);font-size:var(--text-md)}[data-age=seniors] .btn--sm{min-height:var(--touch-min);padding:0 var(--space-4)}[data-age=seniors] .btn--lg{min-height:60px}[data-age=teens] .btn--primary{--btn-border:transparent;box-shadow:0 10px 24px -12px color-mix(in srgb, var(--color-primary) 75%, transparent)}[data-age=teens] .btn:hover:not(:disabled){box-shadow:none;transform:translateY(-1px)}[data-age=teens] .btn--primary:hover:not(:disabled){box-shadow:0 14px 28px -12px color-mix(in srgb, var(--color-primary) 85%, transparent)}[data-age=teens] .btn--secondary{--btn-border:var(--color-border)}[data-age=seniors] .icon-btn{width:auto;min-width:var(--touch-min);height:auto;min-height:var(--touch-min);gap:var(--space-2);padding:0 var(--space-3);border-color:var(--color-border);border-radius:var(--radius-md);color:var(--color-fg);font-size:var(--text-sm);white-space:nowrap;justify-content:center;align-items:center;font-weight:600;display:inline-flex}[data-age=seniors] .icon-btn:after{content:attr(aria-label)}[data-age=adults] .card,[data-age=teens] .card{border-color:var(--color-border)}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .card--primary{background:var(--color-primary-soft);border-color:color-mix(in srgb, var(--color-primary) 22%, var(--color-primary-soft))}[data-age=adults] .card--primary{background:var(--color-card);border-color:var(--color-border)}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .card--interactive:hover,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .card--interactive:active{transform:none}:is([data-age=adults],[data-age=seniors]) .icon-tile{background:var(--t-soft);color:var(--t-text);box-shadow:none}[data-age=adults] .icon-tile{border-radius:8px}[data-age=adults] .icon-tile--sm{border-radius:6px}[data-age=teens] .icon-tile:not(.icon-tile--soft){background:linear-gradient(140deg, var(--t1), var(--t2));box-shadow:none;border-radius:10px}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .progress,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .progress__fill{box-shadow:none}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .progress__fill:after{display:none}:is([data-age=adults],[data-age=seniors]) .progress{--progress-fill:var(--color-primary)}:is([data-age=adults],[data-age=seniors]) .progress--success{--progress-fill:var(--color-success)}:is([data-age=adults],[data-age=seniors]) .progress--secondary{--progress-fill:var(--color-secondary)}:is([data-age=adults],[data-age=seniors]) .progress--accent{--progress-fill:var(--color-accent)}[data-age=adults] .progress{height:8px}[data-age=adults] .progress--lg{height:10px}[data-age=adults] .progress--sm{height:6px}[data-age=teens] .progress{height:10px}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .chip,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .avatar,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .empty-state__art,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .tabs__list,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .segmented{box-shadow:none}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .tabs__tab[aria-selected=true],:is([data-age=teens],[data-age=adults],[data-age=seniors]) .segmented__option[aria-checked=true]{border-color:var(--color-border);box-shadow:0 1px 2px #10182814}[data-age=adults] .tabs__tab,[data-age=adults] .segmented__option{min-height:36px;font-weight:500}[data-age=adults] .tabs__tab[aria-selected=true],[data-age=adults] .segmented__option[aria-checked=true]{color:var(--color-fg);font-weight:600}[data-age=seniors] .tabs__tab,[data-age=seniors] .segmented__option{color:var(--color-fg)}[data-age=seniors] .tabs__tab[aria-selected=true],[data-age=seniors] .segmented__option[aria-checked=true]{border-color:var(--color-primary)}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .input,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .select{box-shadow:none}[data-age=adults] .input,[data-age=adults] .select{min-height:40px}[data-age=adults] .badge{font-weight:600}.mascot-say--solo .mascot-say__bubble{margin-bottom:0}.mascot-say--solo .mascot-say__bubble:before{display:none}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .mascot-say__bubble{border-width:var(--border-width);border-color:var(--color-border);box-shadow:none}[data-age=seniors] :not(.spinner),[data-age=seniors] :before,[data-age=seniors] :after{animation-iteration-count:1!important}[data-age=seniors] .route-view{animation:none!important}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .tab-bar__link:not(.is-active) .tab-bar__icon{color:var(--color-muted-fg);background:0 0}[data-age=seniors] .tab-bar__link:not(.is-active) .tab-bar__icon{color:var(--color-fg)}:root [lang|=ja],:root [lang|=ja] *{font-family:var(--font-ja)}:root [lang|=zh],:root [lang|=zh] *{font-family:var(--font-zh)}:root [lang|=ko],:root [lang|=ko] *{font-family:var(--font-ko)}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .quest__reward{box-shadow:none}:is([data-age=adults],[data-age=seniors]) .quest__reward{background:var(--color-muted);color:var(--color-fg);font-weight:600}[data-age=adults] .rail-card__title{font-size:var(--text-md);font-weight:600}[data-age=adults] .goal-ring.is-done .goal-ring__fill{stroke:var(--color-primary)}:is([data-age=adults],[data-age=seniors]) .arcade-promo{border:var(--border-width) solid var(--color-border);background:var(--color-card);box-shadow:none}[data-age=adults] .arcade-promo{border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4)}[data-age=adults] .arcade-promo__arts{transform-origin:0;transform:scale(.8)}[data-age=teens] .arcade-promo{border-radius:var(--radius-lg);border-width:2px;box-shadow:0 10px 24px -16px #0a0c1259}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .option,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .option:hover:not(:disabled),:is([data-age=teens],[data-age=adults],[data-age=seniors]) .option:active:not(:disabled),:is([data-age=teens],[data-age=adults],[data-age=seniors]) .option[aria-checked=true],:is([data-age=teens],[data-age=adults],[data-age=seniors]) .option[data-state=right],:is([data-age=teens],[data-age=adults],[data-age=seniors]) .option[data-state=wrong]{box-shadow:none;transform:none}:is([data-age=adults],[data-age=seniors]) .option{border-width:var(--border-width);border-radius:var(--radius-lg);font-weight:500}[data-age=adults] .option{min-height:60px;font-size:var(--text-md)}[data-age=seniors] .option{border-color:var(--color-border-strong);min-height:72px}:is([data-age=adults],[data-age=seniors]) .option__key,:is([data-age=adults],[data-age=seniors]) .option[aria-checked=true] .option__key,:is([data-age=adults],[data-age=seniors]) .option[data-state=right] .option__key,:is([data-age=adults],[data-age=seniors]) .option[data-state=wrong] .option__key{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-muted);color:var(--color-muted-fg);box-shadow:none;filter:none;font-size:var(--text-md);font-weight:600}[data-age=adults] .option__key{width:32px;height:32px}:is([data-age=adults],[data-age=seniors]) .option[aria-checked=true] .option__key{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}:is([data-age=adults],[data-age=seniors]) .option[data-state=right] .option__key{border-color:var(--color-success);background:var(--color-success);color:#fff}[data-mode=dark]:is([data-age=adults],[data-age=seniors]) .option[data-state=right] .option__key{color:#052e16}:is([data-age=adults],[data-age=seniors]) .option[data-state=wrong] .option__key{border-color:var(--color-destructive);background:var(--color-destructive);color:var(--color-on-destructive)}[data-age=teens] .option{border-radius:var(--radius-lg);border-width:2px}[data-age=teens] .option__key{background:linear-gradient(140deg, var(--opt), var(--opt2));box-shadow:none;border-radius:10px}[data-age=teens] .option[aria-checked=true] .option__key{background:var(--grad-primary);box-shadow:none}[data-age=teens] .option[data-state=right] .option__key{box-shadow:none;background:linear-gradient(140deg,#4ade80,#16a34a)}[data-age=teens] .option[data-state=wrong] .option__key{box-shadow:none;background:linear-gradient(140deg,#e11d48,#b91c1c)}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .player__footer{box-shadow:none}:is([data-age=adults],[data-age=seniors]) .player__footer[data-feedback]{border-top-width:2px}:is([data-age=adults],[data-age=seniors]) .player__footer[data-state=right]{background:var(--color-success-soft)}:is([data-age=adults],[data-age=seniors]) .player__footer[data-state=wrong]{background:var(--color-destructive-soft)}[data-age=adults] .feedback__title{font-size:var(--text-xl);font-weight:600}[data-age=adults] .feedback__head>svg{width:24px;height:24px}[data-age=seniors] .feedback__title{font-size:var(--text-2xl);font-weight:700}[data-age=seniors] .feedback__body{font-size:var(--text-md)}:is([data-age=adults],[data-age=seniors]) .player__xp{box-shadow:none}[data-age=teens] .level-card.card--primary{background:var(--grad-primary);box-shadow:0 18px 36px -20px color-mix(in srgb, var(--color-primary) 80%, transparent);border-color:#0000}[data-age=teens] .level-card__code{color:var(--color-on-primary);box-shadow:none;background:#fff3;border:0}[data-age=teens] .level-card .progress{box-shadow:none;background:#ffffff40}[data-age=teens] .level-card .progress__fill{background:#fff}:is([data-age=adults],[data-age=seniors]) .level-card.card--primary{border-color:var(--color-border);background:var(--color-card);color:var(--color-fg);box-shadow:var(--shadow-clay)}:is([data-age=adults],[data-age=seniors]) .level-card__text{padding-right:0}:is([data-age=adults],[data-age=seniors]) .level-card__code{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary-text);font-size:var(--text-xl);box-shadow:none;border:0;align-self:flex-start}:is([data-age=adults],[data-age=seniors]) .level-card__name{font-weight:600}:is([data-age=adults],[data-age=seniors]) .level-card__desc,:is([data-age=adults],[data-age=seniors]) .level-card__count{color:var(--color-muted-fg)}:is([data-age=adults],[data-age=seniors]) .level-card .progress{background:var(--color-muted);box-shadow:none}:is([data-age=adults],[data-age=seniors]) .level-card .progress__fill{background:var(--color-primary)}[data-age=seniors] .level-card__desc,[data-age=seniors] .level-card__count{color:var(--color-fg);font-size:var(--text-md)}[data-age=teens] .level-hero.card--primary{background:var(--grad-primary);box-shadow:0 18px 36px -20px color-mix(in srgb, var(--color-primary) 80%, transparent);border-color:#0000}[data-age=teens] .level-hero__badge{color:var(--color-on-primary);background:#ffffff2e;border:0;border-radius:20px;transform:none;box-shadow:inset 0 0 0 2px #ffffff80}[data-age=teens] .level-hero .progress{box-shadow:none;background:#ffffff40}[data-age=teens] .level-hero .progress__fill{background:#fff}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .level-hero__stats>div{box-shadow:none}:is([data-age=adults],[data-age=seniors]) .level-hero.card--primary{border-color:var(--color-border);background:var(--color-card);color:var(--color-fg);box-shadow:var(--shadow-clay)}:is([data-age=adults],[data-age=seniors]) .level-hero__body{padding-right:0}:is([data-age=adults],[data-age=seniors]) .level-hero__badge{border-radius:var(--radius-lg);background:var(--color-primary-soft);width:72px;height:72px;color:var(--color-primary-text);box-shadow:none;border:0;font-size:2.25rem;font-weight:700;transform:none}:is([data-age=adults],[data-age=seniors]) .level-hero__title{font-size:var(--text-2xl);font-weight:600}:is([data-age=adults],[data-age=seniors]) .level-hero__meta{color:var(--color-muted-fg);font-weight:500}:is([data-age=adults],[data-age=seniors]) .level-hero .progress{background:var(--color-muted);box-shadow:none}:is([data-age=adults],[data-age=seniors]) .level-hero .progress__fill{background:var(--color-primary)}:is([data-age=adults],[data-age=seniors]) .level-hero__stats>div{background:var(--color-muted);border-color:#0000}[data-age=adults] .level-hero__stats dd{font-size:var(--text-xl);font-weight:600}[data-age=seniors] .level-hero__stats dt,[data-age=seniors] .level-hero__meta{font-size:var(--text-sm);color:var(--color-fg)}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .board__rank{box-shadow:none}:is([data-age=adults],[data-age=seniors]) .board__row--top1 .board__rank,:is([data-age=adults],[data-age=seniors]) .board__row--top2 .board__rank,:is([data-age=adults],[data-age=seniors]) .board__row--top3 .board__rank{background:var(--color-muted);color:var(--color-fg)}:is([data-age=adults],[data-age=seniors]) .board__row--top1 .board__rank{color:#78350f;background:#fef3c7}[data-age=teens] .unit{background:linear-gradient(180deg, color-mix(in srgb, var(--u-soft) 70%, var(--color-bg)) 0%, var(--color-bg) 85%)}[data-age=teens] .unit+.unit:before{display:none}[data-age=teens] .unit__head,[data-age=teens] .unit__head[data-locked]{border:1px solid var(--color-border);border-left:4px solid var(--u);border-radius:var(--radius-lg);background:var(--color-card);color:var(--color-fg);box-shadow:var(--shadow-clay);border-style:solid}[data-age=teens] .unit__kicker{color:var(--u-text);letter-spacing:.02em}[data-age=teens] .unit__meta{background:var(--u-soft);color:var(--u-text);box-shadow:none;border:0}[data-age=teens] .node__disc,[data-age=teens] .node:hover .node__disc,[data-age=teens] .node:active .node__disc{box-shadow:0 10px 20px -12px color-mix(in srgb, var(--u) 80%, transparent)}[data-age=teens] .node:hover .node__disc{transform:translateY(-2px)}[data-age=teens] .node__disc:before{display:none}[data-age=teens] .node[data-state=current] .node__disc{box-shadow:0 0 0 6px var(--color-card), 0 0 0 9px var(--u), 0 16px 28px -14px color-mix(in srgb, var(--u) 90%, transparent)}[data-age=teens] .node[data-state=locked] .node__disc{box-shadow:none}[data-age=teens] .node__caption,[data-age=teens] .node[data-state=locked] .node__caption{border:1px solid var(--color-border);box-shadow:none;font-weight:600}[data-age=teens] .node__bubble{border-width:2px;box-shadow:0 8px 20px -12px #0a0c1266}.plist{gap:var(--space-3);display:grid}.plist__units,.plist__lessons{list-style:none;display:grid}.plist__units{gap:var(--space-3)}.plist__unit{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-clay)}.plist__unit[data-state=current]{border-color:color-mix(in srgb, var(--color-primary) 45%, var(--color-border))}.plist__head{align-items:center;gap:var(--space-4);min-height:64px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;list-style:none;display:flex}.plist__head::-webkit-details-marker{display:none}.plist__head:after{content:"";width:8px;height:8px;margin:0 var(--space-1) 0 auto;border-right:2px solid var(--color-muted-fg);border-bottom:2px solid var(--color-muted-fg);transition:transform var(--duration-fast) var(--ease-out);flex:none;transform:rotate(45deg)translateY(-2px)}.plist__details[open]>.plist__head:after{transform:rotate(225deg)translateY(-2px)}.plist__head:hover{background:var(--color-muted)}.plist__details[open]>.plist__head{border-bottom-right-radius:0;border-bottom-left-radius:0}.plist__marker{border-radius:var(--radius-full);background:var(--color-muted);width:36px;height:36px;color:var(--color-muted-fg);font-variant-numeric:tabular-nums;flex:none;place-items:center;font-weight:600;display:grid}.plist__marker svg{width:18px;height:18px}.plist__unit[data-state=current] .plist__marker{background:var(--color-primary);color:var(--color-on-primary)}.plist__unit[data-state=done] .plist__marker{background:var(--color-success-soft);color:var(--color-success-text)}.plist__heading{flex:auto;gap:2px;min-width:0;display:grid}.plist__kicker{color:var(--color-muted-fg);font-size:var(--text-xs);font-weight:500}.plist__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-snug)}.plist__unit[data-state=locked] .plist__title{color:var(--color-muted-fg)}.plist__meter{flex:0 0 120px}@media (width<=559px){.plist__meter{display:none}}.plist__lessons{padding:var(--space-1) var(--space-2) var(--space-2);border-top:1px solid var(--color-border)}.plist__row{align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-fg);font-size:var(--text-md);text-align:left;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;text-decoration:none;display:flex}.plist__row:hover{background:var(--color-muted)}.plist__row[data-state=locked]{color:var(--color-muted-fg)}.plist__icon{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-muted-fg);flex:none;place-items:center;display:grid}.plist__icon svg{width:18px;height:18px}.plist__row[data-state=completed] .plist__icon{background:var(--color-success-soft);color:var(--color-success-text)}.plist__row[data-state=current] .plist__icon,.plist__row[data-state=available] .plist__icon{background:var(--color-primary-soft);color:var(--color-primary-text)}.plist__name{flex:auto;min-width:0;font-weight:500}.plist__status{color:var(--color-muted-fg);font-size:var(--text-sm);flex:none}.plist__row[data-state=current]{background:var(--color-primary-soft)}.plist__row[data-state=current] .plist__name{font-weight:600}.plist__row[data-state=current] .plist__status{padding:4px var(--space-3);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);font-weight:600}.plist__chev{width:16px;height:16px;color:var(--color-muted-fg);flex:none}.plist__stars{gap:2px;display:inline-flex}.plist__stars svg{width:14px;height:14px;color:var(--color-border-strong)}.plist__stars svg.is-on{color:var(--color-xp);fill:currentColor}.plist__exam{padding:var(--space-1);border:var(--border-width) solid var(--color-border);border-top:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card)}[data-age=seniors] .plist__head{min-height:76px}[data-age=seniors] .plist__marker{width:44px;height:44px}[data-age=seniors] .plist__kicker{font-size:var(--text-sm);color:var(--color-fg)}[data-age=seniors] .plist__title{font-size:var(--text-xl)}[data-age=seniors] .plist__row{min-height:60px;font-size:var(--text-lg)}[data-age=seniors] .plist__icon{width:36px;height:36px}[data-age=seniors] .plist__icon svg{width:22px;height:22px}[data-age=seniors] .plist__status{font-size:var(--text-md);color:var(--color-fg)}[data-age=seniors] .plist__stars svg{width:18px;height:18px}[data-age=seniors] .plist__lessons{border-top-width:2px}:is([data-age=adults],[data-age=seniors]) .arcade-hero{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}:is([data-age=adults],[data-age=seniors]) .arcade-backdrop,:is([data-age=adults],[data-age=seniors]) .arcade-hero__lin{display:none}:is([data-age=adults],[data-age=seniors]) .arcade-hero__content{min-height:0;padding:0}:is([data-age=adults],[data-age=seniors]) .arcade-hero__sign{max-width:60ch;color:var(--color-fg);box-shadow:none;background:0 0;border:0;padding:0;transform:none}:is([data-age=adults],[data-age=seniors]) .arcade-hero__title{font-size:var(--text-3xl)}:is([data-age=adults],[data-age=seniors]) .arcade-hero__lead{color:var(--color-muted-fg);font-weight:400}[data-age=seniors] .arcade-hero__lead{color:var(--color-fg)}[data-age=teens] .arcade-hero{border-radius:var(--radius-xl);border-width:1px}[data-age=teens] .arcade-hero__sign{border-radius:var(--radius-lg);color:#fff;box-shadow:none;background:#0a0c12d1;border:0;transform:none}[data-age=teens] .arcade-hero__title{color:#fff}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .arcade-daily{box-shadow:none;border-width:1px}:is([data-age=adults],[data-age=seniors]) .arcade-daily{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card)}[data-age=teens] .arcade-daily{border-radius:var(--radius-lg);border-width:2px}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .game-card__link,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .game-card__link:active,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .game-card--special .game-card__link,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .game-card__play{box-shadow:none}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .game-card__link{border-width:var(--border-width);border-radius:var(--radius-lg)}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .game-card__art{border-bottom-width:var(--border-width)}[data-age=teens] .game-card__link:hover{transform:translateY(-2px);box-shadow:0 16px 32px -18px #0a0c1259}:is([data-age=adults],[data-age=seniors]) .game-card__link:hover{box-shadow:none;border-color:var(--color-border-strong);transform:none}:is([data-age=adults],[data-age=seniors]) .game-card--special .game-card__link{border-color:var(--color-border)}:is([data-age=adults],[data-age=seniors]) .game-card__play{border-radius:var(--radius-md);background:var(--color-primary);width:36px;height:36px}[data-age=seniors] .game-card__play{width:48px;height:48px}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .game-shell,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .game-stage{box-shadow:none}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .tutor-welcome__intro{background:var(--color-card);border-color:var(--color-border);box-shadow:var(--shadow-clay)}@media (width>=640px){[data-age=adults] .tutor-welcome__intro{padding-right:104px}[data-age=seniors] .tutor-welcome__intro{padding-right:var(--space-5)}}[data-age=adults] .tutor-welcome__intro{padding:var(--space-5)}[data-age=adults] .tutor-welcome__intro h2{font-size:var(--text-xl);font-weight:600}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .picker-tabs .tabs__tab[aria-selected=true]{box-shadow:none}[data-age=adults] .picker-tabs .tabs__tab{border-radius:var(--radius-md);min-height:36px;font-weight:500}[data-age=adults] .picker-tabs .tabs__tab[aria-selected=true]{border-color:var(--color-fg);background:var(--color-fg);color:var(--color-bg)}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .topic-tile,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .topic-tile:active:not(:disabled){box-shadow:none}:is([data-age=adults],[data-age=seniors]) .topic-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}:is([data-age=adults],[data-age=seniors]) .topic-tile{column-gap:var(--space-3);padding:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:center}:is([data-age=adults],[data-age=seniors]) .topic-tile:hover:not(:disabled){background:var(--color-muted);transform:none}:is([data-age=adults],[data-age=seniors]) .topic-tile__art{border-radius:var(--radius-md);background:var(--c-soft);grid-row:span 2;width:36px;height:36px;margin:0}:is([data-age=adults],[data-age=seniors]) .topic-tile__blob,:is([data-age=adults],[data-age=seniors]) .topic-tile__dot{display:none}:is([data-age=adults],[data-age=seniors]) .topic-tile__icon{width:18px;height:18px;color:var(--c-text)}:is([data-age=adults],[data-age=seniors]) .topic-tile__title,:is([data-age=adults],[data-age=seniors]) .topic-tile__desc{padding:0}[data-age=adults] .topic-tile__title{font-weight:600;font-size:var(--text-sm)}[data-age=seniors] .topic-tile__art{width:48px;height:48px}[data-age=seniors] .topic-tile__icon{width:26px;height:26px}[data-age=seniors] .topic-tile__desc{font-size:var(--text-sm);color:var(--color-fg)}[data-age=teens] .topic-tile__blob{background:linear-gradient(140deg, var(--c1), var(--c2));box-shadow:none}[data-age=teens] .topic-tile__dot{display:none}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .msg--user .msg__bubble,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .msg--tutor .msg__bubble,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .tutor__avatar,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .msg__avatar,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .composer__send{box-shadow:none}[data-age=teens] .msg__bubble{border-radius:16px}[data-age=adults] .msg__bubble{border-radius:var(--radius-lg);font-size:var(--text-md)}[data-age=adults] .msg--user .msg__bubble{border-bottom-right-radius:var(--radius-lg)}[data-age=adults] .msg--tutor .msg__bubble{border-top-left-radius:var(--radius-lg);background:var(--color-muted);border-color:#0000}[data-age=adults] .tutor__avatar,[data-age=adults] .msg__avatar{border-radius:var(--radius-full);background:var(--color-primary-soft);width:32px;height:32px;color:var(--color-primary-text)}[data-age=adults] .msg--tutor{grid-template-columns:32px minmax(0,1fr)}[data-age=adults] .composer__box{border-radius:var(--radius-lg);border-color:var(--color-border)}[data-age=adults] .composer__mic,[data-age=adults] .composer__send{border-radius:var(--radius-md);width:40px;height:40px}[data-age=seniors] .msg__bubble{border-radius:var(--radius-lg);font-size:var(--text-lg)}[data-age=seniors] .msg--tutor .msg__bubble{border-color:var(--color-border-strong)}[data-age=seniors] .composer__box{border-radius:var(--radius-lg)}[data-age=seniors] .composer__mic,[data-age=seniors] .composer__send{align-items:center;gap:var(--space-2);width:auto;height:var(--touch-min);padding:0 var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);display:inline-flex}[data-age=seniors] .composer__mic:after,[data-age=seniors] .composer__send:after{content:attr(aria-label)}.onb__skin-hint{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-fg);font-size:var(--text-sm)}[data-age=seniors] .player__top{flex-wrap:wrap;justify-content:space-between}[data-age=seniors] .player__progress{flex-basis:100%;order:3}[data-age=teens] .rail-card__title{font-size:var(--text-md)}@media (width>=1280px){[data-age=seniors] .shell{grid-template-columns:minmax(216px,240px) minmax(0,1fr) minmax(300px,360px)}}@media (width<=559px){[data-age=seniors] .level-card__text{flex-wrap:wrap}}[data-age=seniors] .tutor__bar{flex-wrap:wrap}[data-age=seniors] .tutor__titles{flex:auto;min-width:0}[data-age=seniors] .tutor__quota{order:3}[data-age=seniors] .tutor__bar-end{flex-wrap:wrap;flex:auto;order:4;justify-content:flex-end}[data-age=seniors] .tutor__new-label,[data-age=seniors] .tutor__call .tutor__new-label,[data-age=seniors] .tutor__new .tutor__new-label{clip:auto;width:auto;height:auto;position:static;overflow:visible}[data-age=seniors] .tutor__history-btn{gap:var(--space-2);width:auto;padding:0 var(--space-3);align-items:center;font-weight:600;display:inline-flex}[data-age=seniors] .tutor__history-btn:after{content:"Lịch sử"}@media (width<=767px){[data-age=seniors] .tutor__bar-end{flex-wrap:nowrap;flex-basis:100%;justify-content:space-between;gap:0}[data-age=seniors] .tutor__bar-end .btn{padding:0 8px}[data-age=seniors] .composer__box{padding:var(--space-1);flex-wrap:wrap;justify-content:flex-end}[data-age=seniors] .composer textarea{padding-inline:var(--space-3);flex-basis:100%}}[data-age=seniors] .board__name{white-space:normal;text-overflow:clip;overflow:visible}:is([data-age=adults],[data-age=seniors]) .arcade-daily__kicker{text-transform:none;letter-spacing:0}@media (width<=559px){:is([data-age=adults],[data-age=seniors]) .arcade-daily{grid-template-columns:72px minmax(0,1fr)}}:is([data-age=adults],[data-age=seniors]) .lt-facts dt,:is([data-age=adults],[data-age=seniors]) .lt-rec__label{text-transform:none;letter-spacing:0}[data-age=seniors] .lt-facts dt,[data-age=seniors] .lt-rec__label{color:var(--color-fg);font-size:var(--text-sm)}[data-age=seniors] .lt-chart__tick{fill:var(--color-fg);font-size:14px}[data-age=seniors] .lt-chart__label{font-size:15px}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .choice__icon,:is([data-age=teens],[data-age=adults],[data-age=seniors]) .onb__glyph{box-shadow:none}[data-age=teens] .choice__icon,[data-age=teens] .onb__glyph{background:linear-gradient(140deg, var(--c1,var(--color-unit3)), var(--c2,var(--color-unit3-2)));border-radius:12px}:is([data-age=adults],[data-age=seniors]) .choice__icon,:is([data-age=adults],[data-age=seniors]) .onb__glyph{border-radius:var(--radius-md);background:var(--color-muted);color:var(--color-fg)}:is([data-age=adults],[data-age=seniors]) .choice:has(.choice__input:checked) .choice__icon{background:var(--color-primary);color:var(--color-on-primary);box-shadow:none}[data-age=adults] .choice__icon{width:40px;height:40px}[data-age=adults] .onb__glyph{width:44px;height:44px;font-size:var(--text-xl)}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .onb__bubble{border-width:var(--border-width);border-color:var(--color-border);box-shadow:none}[data-age=adults] .onb__bubble:before{display:none}[data-age=adults] .onb__bubble{background:0 0;border:0;padding:0}:is([data-age=adults],[data-age=seniors]) .target-card{border-color:var(--color-primary);background:var(--color-primary);box-shadow:none}[data-age=teens] .target-card{background:var(--grad-primary);box-shadow:0 16px 32px -20px color-mix(in srgb, var(--color-primary) 80%, transparent);border-color:#0000}:is([data-age=teens],[data-age=adults],[data-age=seniors]) .target-card .listen__btn{box-shadow:none}.big-chart{margin:0}.big-chart__list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.big-chart__row{gap:var(--space-2);display:grid}.big-chart__head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.big-chart__label{font-size:var(--text-md);color:var(--color-fg);font-weight:600}.big-chart__value{font-size:var(--text-xl);color:var(--color-primary-text);font-variant-numeric:tabular-nums;font-weight:700}.big-chart__scale{grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;height:16px;display:grid}.big-chart__scale>span{background:var(--color-muted);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:3px}.big-chart__scale>.is-on{background:var(--color-primary);box-shadow:none}.big-chart__scale>.is-on.is-tentative{background:repeating-linear-gradient(45deg, var(--color-primary) 0 4px, var(--color-primary-soft) 4px 8px)}.big-chart__ends{color:var(--color-fg);font-size:var(--text-sm);justify-content:space-between;display:flex}.big-chart__note{color:var(--color-fg);font-size:var(--text-sm)}