html[data-i18n-status=loading] #root{opacity:.6;transition:opacity .18s ease-out .15s}html[data-i18n-status=ready] #root,html[data-i18n-status=error] #root{opacity:1;transition:opacity .2s ease-out}html:where([data-motion=reduce])[data-i18n-status] #root{opacity:1;transition:none}.loading{display:inline-flex;align-items:center;justify-content:center;gap:6px}.loading-dot{border-radius:50%;background-color:var(--primary);transform:scale(.6);opacity:.45;animation:loadingDotWave 1.25s var(--ease-out-soft, cubic-bezier(.22, 1, .36, 1)) infinite;will-change:transform,opacity}.loading--light .loading-dot{background-color:var(--on-primary)}.loading-dot:nth-child(1){animation-delay:-.24s}.loading-dot:nth-child(2){animation-delay:-.12s}.loading-dot:nth-child(3){animation-delay:0s}.loading--sm .loading-dot{width:7px;height:7px}.loading--md .loading-dot{width:10px;height:10px}.loading--lg .loading-dot{width:13px;height:13px}@keyframes loadingDotWave{0%,70%,to{transform:scale(.6);opacity:.4}35%{transform:scale(1);opacity:1}}.loading-fs{position:fixed;inset:0;z-index:var(--z-modal, 500);display:grid;place-items:center;place-items:safe center;padding:var(--space-6, 32px);overflow:auto;background:var(--bg-body);color:var(--text-primary)}.loading-fs-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, 12px);width:min(100%,20rem)}.loading-fs-mark{display:block;flex-shrink:0}.loading-fs-wordmark{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,1.875rem);font-weight:800;line-height:calc(1.2 * var(--reading-line-scale, 1));color:var(--text-primary)}.loading-fs-status{display:flex;flex-direction:column;align-items:center;gap:var(--space-3, 12px);width:100%}.loading-fs-spinner{width:24px;height:24px;flex-shrink:0;border:3px solid var(--bg-tertiary);border-top-color:var(--progress-fill);border-radius:var(--radius-full);animation:loadingFsSpin 1s linear infinite}.loading-fs-label{margin:0;min-height:3em;font-size:.875rem;font-weight:500;line-height:calc(1.5 * var(--reading-line-scale, 1));color:var(--text-secondary);text-align:center;overflow-wrap:anywhere}@keyframes loadingFsSpin{to{transform:rotate(360deg)}}:where(html[data-motion=reduce]) .loading-dot,:where(html[data-motion=reduce]) .loading-fs-spinner{animation:none!important}:where(html[data-motion=reduce]) .loading-dot{transform:scale(.85);opacity:.7}@media(max-height:400px){.loading-fs{padding:var(--space-4, 16px)}}.speak-btn{--toon-radius: var(--radius-md);--speak-btn-size: 44px;display:inline-flex;flex-direction:column;flex-shrink:0;width:var(--speak-btn-size);min-width:var(--speak-btn-size);min-height:calc(var(--speak-btn-size) + var(--toon-depth))}.speak-btn__face{flex:1 1 auto;display:grid;place-items:center}.speak-btn-sm{--toon-radius: var(--radius-sm);--speak-btn-size: 36px}.speak-btn-sm:after{content:"";position:absolute;inset:-4px}.speak-btn-lg{--speak-btn-size: 48px}.tildon-state-icon{position:relative;display:inline-grid;place-items:center;flex-shrink:0}.tildon-state-icon__glyph{grid-area:1 / 1;display:flex;align-items:center;justify-content:center;transition:opacity .18s cubic-bezier(.22,1,.36,1),transform .2s var(--ease-out-soft)}.tildon-state-icon__idle{opacity:1;transform:scale(1)}.tildon-state-icon__on,.tildon-state-icon[data-active=true] .tildon-state-icon__idle{opacity:0;transform:scale(.86)}.tildon-state-icon[data-active=true] .tildon-state-icon__on{opacity:1;transform:scale(1)}:where(html[data-motion=reduce]) .tildon-state-icon__glyph{transition:none}.dropdown-menu{position:relative;display:inline-flex;vertical-align:middle}.dropdown-menu-trigger{display:inline-flex;cursor:pointer}.dropdown-menu-trigger:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-md)}.dropdown-menu-trigger>*{pointer-events:none}.dropdown-menu-panel{position:absolute;top:calc(100% + 8px);z-index:var(--z-dropdown, 100);min-width:max(216px,100%);max-width:min(280px,86vw);padding:6px;border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:inset 0 0 0 1px var(--border-color),0 var(--depth-2) 0 var(--surface-floor);opacity:0;transform:translate3d(0,-8px,0) scale(.94);will-change:transform,opacity;transform-origin:top right}.dropdown-menu-panel--start{left:0;right:auto;transform-origin:top left}.dropdown-menu-panel--end{right:0;left:auto;transform-origin:top right}.dropdown-menu-search{padding:4px 4px 8px}.dropdown-menu-search-input{width:100%;min-height:40px;padding:8px 12px;border:2px solid var(--field-line);border-radius:12px;background:var(--surface-card);color:var(--text-primary);font:inherit;font-size:.875rem}.dropdown-menu-search-input:focus{outline:none;border-color:var(--primary)}.dropdown-menu-empty{padding:12px;font-size:.8125rem;line-height:calc(1.35 * var(--reading-line-scale, 1));color:var(--text-secondary)}.dropdown-menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:min(52vh,360px);overflow-y:auto}.dropdown-menu-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 12px;border:none;border-radius:12px;background:transparent;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;opacity:0;transform:translate3d(0,-4px,0);transition:background .16s var(--ease-out-soft, cubic-bezier(.22, 1, .36, 1)),color .16s var(--ease-out-soft, cubic-bezier(.22, 1, .36, 1)),transform .28s var(--ease-out-strong),opacity .22s var(--ease-out-soft, cubic-bezier(.22, 1, .36, 1))}.dropdown-menu-panel.is-open .dropdown-menu-item{opacity:1;transform:translateZ(0)}.dropdown-menu-panel.is-closing .dropdown-menu-item{opacity:0;transform:translate3d(0,-3px,0);transition-duration:.12s;transition-delay:0ms!important}.dropdown-menu-item:hover:not(:disabled){background:var(--bg-secondary)}.dropdown-menu-item:active:not(:disabled){transform:translateY(var(--travel-1))}.dropdown-menu-item.is-selected{color:var(--primary-ink)}.dropdown-menu-item.is-selected .dropdown-menu-item-label{font-weight:800;font-family:var(--font-display)}.dropdown-menu-item:disabled,.dropdown-menu-item.is-disabled{opacity:.45;cursor:not-allowed}.dropdown-menu-item:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.dropdown-menu-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.dropdown-menu-item-icon img{display:block;border-radius:50%}.dropdown-menu-item-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0;text-align:left}.dropdown-menu-item-label{font-size:.875rem;font-weight:650;line-height:calc(1.25 * var(--reading-line-scale, 1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-menu-item-desc{font-size:.75rem;color:var(--text-secondary);line-height:calc(1.3 * var(--reading-line-scale, 1))}.dropdown-menu-item-check{flex-shrink:0;color:var(--primary-ink)}:where(html[data-motion=reduce]) .dropdown-menu-panel,:where(html[data-motion=reduce]) .dropdown-menu-item{transition:none!important;filter:none!important;animation:none!important}:where(html[data-motion=reduce]) .dropdown-menu-panel{opacity:1;transform:none}:where(html[data-motion=reduce]) .dropdown-menu-item{opacity:1;transform:none}.btn{--toon-radius: var(--radius-md);--btn-face-height: 48px;display:inline-flex;flex-direction:column;vertical-align:top;min-width:0;min-height:calc(var(--btn-face-height) + var(--toon-depth));font-family:var(--font-display);font-size:.9375rem;font-weight:800;line-height:1.25rem;letter-spacing:-.01em;text-align:center;white-space:nowrap}.btn-face{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:0;padding:0 20px}.btn-compact{--toon-radius: var(--radius-md);--toon-depth: var(--depth-1);--toon-travel: var(--travel-1);--btn-face-height: 40px;align-self:center;flex:none;max-width:100%;min-width:44px;font-size:.875rem;line-height:1.125rem}.btn-compact:after{content:"";position:absolute;inset:min(0px,calc(50% - 22px)) min(0px,calc(50% - 22px))}.btn-compact>.btn-face{padding:0 12px}.btn-compact .btn-icon-el>svg{width:16px;height:16px}.btn-sm{--btn-face-height: 44px;font-size:.875rem;line-height:1.125rem}.btn-sm>.btn-face{padding:0 14px}.btn-lg{--toon-radius: var(--radius-lg);--btn-face-height: 56px;font-size:1rem;line-height:1.375rem}.btn-lg>.btn-face{padding:0 24px}.btn-full{display:flex;width:100%}@media(max-width:767px){.btn-full-mobile{display:flex;width:100%}}.btn-text-only{--toon-depth: 0px;--toon-travel: 1px;--toon-face: transparent;--toon-edge: 0 0 0 0 transparent;--btn-face-height: 44px;color:var(--primary-ink)}.btn-text-only:before{content:none}.btn-text-only>.btn-face{padding:0 12px}@media(hover:hover)and (pointer:fine){.btn-text-only.toon--press:hover>.btn-face{background:var(--primary-dim);transform:none}}.btn-icon{--toon-depth: var(--depth-1);--toon-travel: var(--travel-1);--btn-face-height: 44px;width:44px;flex:none}.btn-icon>.btn-face{padding:0}.btn-icon.btn-lg{--toon-radius: var(--radius-md);--btn-face-height: 52px;width:52px}.btn-spinner{animation:btnSpin .8s linear infinite}@keyframes btnSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-icon-el{display:inline-flex;align-items:center;justify-content:center;flex:none}.btn-text{display:inline-flex;align-items:center;min-width:0}:where(html[data-motion=reduce]) .btn-spinner{animation-duration:1.6s}.text-field{display:flex;flex-direction:column;gap:var(--space-2)}.text-field-full{width:100%}.text-field-label{font-family:var(--font-display);font-size:.8125rem;font-weight:800;line-height:1.125rem;color:var(--text-primary)}.text-field-wrapper{position:relative;display:flex;align-items:center}.text-field-input{width:100%;font-family:inherit;font-weight:500;background:var(--surface-card);color:var(--text-primary);min-height:48px;margin-bottom:var(--depth-1);border:2px solid var(--field-line);border-radius:var(--radius-md);box-shadow:0 var(--depth-1) 0 var(--field-line)}.text-field-input:focus{outline:none;border-color:var(--primary);box-shadow:0 var(--depth-1) 0 var(--primary)}.text-field-input::placeholder{color:var(--text-tertiary)}.text-field-input:disabled{background:var(--disabled-face);border-color:var(--disabled-floor);box-shadow:none;color:var(--disabled-text);cursor:not-allowed}.text-field-sm .text-field-input{padding:var(--space-2) var(--space-3);font-size:.8125rem;border-radius:var(--radius-sm)}.text-field-md .text-field-input{padding:var(--space-3) 14px;font-size:.875rem}.text-field-lg .text-field-input{padding:14px var(--space-4);font-size:1rem;font-weight:600}.text-field-textarea{resize:none;min-height:80px;line-height:calc(1.6 * var(--reading-line-scale, 1))}.text-field-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);pointer-events:none}.text-field-icon.left{left:14px}.text-field-icon.right{right:14px}.has-left-icon .text-field-input{padding-left:44px}.has-right-icon .text-field-input{padding-right:44px}.text-field-hint{font-size:.8125rem;line-height:1.125rem;color:var(--text-secondary)}.text-field-hint-error{color:var(--danger-text);font-weight:600}.text-field-error .text-field-input,.text-field-error .text-field-input:focus{border-color:var(--wrong-border);box-shadow:0 var(--depth-1) 0 var(--wrong-border)}@media(max-width:767px){.text-field-input{font-size:1rem!important}}.icon-btn{--toon-depth: var(--depth-1);--toon-travel: var(--travel-1);--toon-radius: var(--radius-full);--icon-btn-size: 44px;display:inline-flex;flex-direction:column;flex-shrink:0;width:var(--icon-btn-size);min-height:calc(var(--icon-btn-size) + var(--toon-depth))}.icon-btn-face{flex:1 1 auto;display:grid;place-items:center}.icon-btn-sm,.icon-btn-md{--icon-btn-size: 44px}.icon-btn-lg{--icon-btn-size: 48px}.icon-btn-badge{--toon-depth: 0px;--toon-travel: 0px;position:absolute}.icon-btn-badge.icon-btn-sm{--icon-btn-size: 18px;top:-6px;right:-6px}.icon-btn-badge.icon-btn-md{--icon-btn-size: 22px;top:-8px;right:-8px}.icon-btn-badge:after{content:"";position:absolute;inset:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.tildon-icon{display:inline-block;vertical-align:middle;flex-shrink:0;transition:color .18s ease,transform .18s ease}.tildon-icon--size-xs{width:14px;height:14px}.tildon-icon--size-sm{width:16px;height:16px}.tildon-icon--size-md{width:20px;height:20px}.tildon-icon--size-lg{width:24px;height:24px}.tildon-icon--size-xl{width:32px;height:32px}.tildon-icon--size-hero{width:48px;height:48px}.tildon-icon-tonal-container{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md, 14px);background:var(--bg-secondary, rgba(0, 0, 0, .04));border:1px solid var(--border-light, rgba(0, 0, 0, .06));flex-shrink:0;transition:background-color .2s ease,border-color .2s ease,transform .15s ease}.tildon-icon-tonal-container--xs{width:24px;height:24px;border-radius:8px}.tildon-icon-tonal-container--sm{width:32px;height:32px;border-radius:10px}.tildon-icon-tonal-container--md{width:40px;height:40px;border-radius:12px}.tildon-icon-tonal-container--lg{width:48px;height:48px;border-radius:14px}.tildon-icon-tonal-container--xl{width:60px;height:60px;border-radius:18px}.tildon-icon-tonal-container--hero{width:80px;height:80px;border-radius:24px}.tildon-icon-tonal-container--primary{background:var(--surface-card-hover);color:var(--text-primary);border-color:#4f46e524}.tildon-icon-tonal-container--success{background:var(--surface-card-hover);color:var(--text-primary);border-color:#10b9812e}.tildon-icon-tonal-container--danger{background:var(--surface-card-hover);color:var(--text-primary);border-color:#ef44442e}.tildon-icon-tonal-container--warning{background:var(--surface-card-hover);color:var(--text-primary);border-color:#f59e0b2e}.tildon-icon-tonal-container--neutral{background:var(--surface-card, #ffffff);color:var(--text-secondary, #64748b);border-color:var(--border-light, #e2e8f0)}:where(html[data-motion=reduce]) .tildon-icon,:where(html[data-motion=reduce]) .tildon-icon-tonal-container{transition:none}.page-with-bottom-nav{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 16px + var(--focus-music-dock-reserve, 0px))}.bottom-nav{--bottom-nav-inset: max(var(--bottom-nav-side-gap), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));--bottom-nav-surface: var(--bg-nav);--bottom-nav-hairline: rgba(15, 23, 42, .08);--bottom-nav-ambient: 0 8px 24px rgba(15, 23, 42, .14), 0 1px 3px rgba(15, 23, 42, .08);position:fixed;left:var(--bottom-nav-inset);right:var(--bottom-nav-inset);bottom:calc(var(--bottom-nav-edge-gap) + var(--safe-area-bottom));max-width:var(--bottom-nav-max-width);height:var(--bottom-nav-bar-height);margin-inline:auto;padding:var(--bottom-nav-bar-padding);display:flex;gap:var(--bottom-nav-tab-gap);z-index:var(--z-fixed);isolation:isolate;border-radius:var(--radius-full);background:var(--bottom-nav-surface);box-shadow:inset 0 0 0 1px var(--bottom-nav-hairline),var(--bottom-nav-ambient)}[data-theme=dark] .bottom-nav{--bottom-nav-surface: color-mix(in oklab, var(--bg-nav) 88%, var(--text-primary));--bottom-nav-hairline: rgba(255, 255, 255, .08);--bottom-nav-ambient: 0 10px 28px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .4)}.bottom-nav-backdrop{display:none}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.bottom-nav{--bottom-nav-surface: rgba(255, 255, 255, .72);--bottom-nav-hairline: rgba(15, 23, 42, .1);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}[data-theme=dark] .bottom-nav{--bottom-nav-surface: color-mix(in oklab, color-mix(in oklab, var(--bg-nav) 88%, var(--text-primary)) 72%, transparent);--bottom-nav-hairline: rgba(255, 255, 255, .1)}.bottom-nav-backdrop{--bottom-nav-backdrop-fade: 32px;display:block;position:fixed;left:0;right:0;bottom:0;height:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 16px);z-index:1;pointer-events:none;background:color-mix(in srgb,var(--bg-body) 32%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,black var(--bottom-nav-backdrop-fade));mask-image:linear-gradient(to bottom,transparent 0,black var(--bottom-nav-backdrop-fade))}}@media(prefers-reduced-transparency:reduce){.bottom-nav{--bottom-nav-surface: var(--bg-nav);--bottom-nav-hairline: rgba(15, 23, 42, .08);-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=dark] .bottom-nav{--bottom-nav-surface: color-mix(in oklab, var(--bg-nav) 88%, var(--text-primary));--bottom-nav-hairline: rgba(255, 255, 255, .08)}.bottom-nav-backdrop{display:none}}.bottom-nav-tab{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bottom-nav-label-gap);min-width:var(--bottom-nav-tab-min);min-height:var(--bottom-nav-tab-min);height:100%;padding:0 2px;background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--text-secondary);position:relative;transition:transform var(--duration-release) var(--ease-spring),background-color var(--duration-release) var(--ease-spring),color var(--duration-release) var(--ease-spring);-webkit-tap-highlight-color:transparent}.bottom-nav-tab:active{transform:translateY(var(--travel-1));transition:transform var(--duration-press) var(--ease-press)}.bottom-nav-tab:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}.bottom-nav-tab--active{background-color:var(--primary);color:var(--on-primary);box-shadow:inset 0 2px 0 var(--primary-rim)}.bottom-nav-tab-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--bottom-nav-icon-size);height:var(--bottom-nav-icon-size);line-height:0}.bottom-nav-tab-icon .tildon-icon{width:var(--bottom-nav-icon-size);height:var(--bottom-nav-icon-size)}.bottom-nav-label{flex:none;max-width:100%;padding:0 2px;overflow:hidden;font-family:var(--font-display);font-size:var(--bottom-nav-label-size);font-weight:700;line-height:var(--bottom-nav-label-line);letter-spacing:-.01em;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;hyphens:none;color:inherit}@media(max-width:389px){.bottom-nav{--bottom-nav-tab-gap: 0px;--bottom-nav-label-size: var(--bottom-nav-compact-label-size)}}@media(max-width:359px){.bottom-nav{--bottom-nav-inset: max(var(--bottom-nav-narrow-side-gap), env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));--bottom-nav-label-size: var(--bottom-nav-narrow-label-size)}.bottom-nav-tab,.bottom-nav-label{padding-inline:0}}:where(html[data-motion=reduce]) .bottom-nav-tab,:where(html[data-motion=reduce]) .bottom-nav-tab:active{transition:none}@media(min-width:768px){.page-with-bottom-nav{padding-bottom:var(--focus-music-dock-page-reserve, 0px)}.bottom-nav,.bottom-nav-backdrop{display:none}}.bottom-action-bar{--bottom-bar-pad-x: max(var(--layout-padding), env(safe-area-inset-left, 0px));--bottom-bar-pad-x-end: max(var(--layout-padding), env(safe-area-inset-right, 0px));--bottom-bar-pad-y: 12px;--bottom-bar-pad-bottom: max(12px, env(safe-area-inset-bottom, 0px));position:relative;flex-shrink:0;display:flex;align-items:stretch;gap:10px;z-index:var(--z-sticky);margin-left:calc(-1 * var(--layout-padding));margin-right:calc(-1 * var(--layout-padding));width:calc(100% + 2 * var(--layout-padding));max-width:none;box-sizing:border-box;padding:var(--bottom-bar-pad-y) var(--bottom-bar-pad-x-end) var(--bottom-bar-pad-bottom) var(--bottom-bar-pad-x);isolation:isolate;overflow:visible;background:var(--bg-body);box-shadow:inset 0 1px 0 var(--border-color);transition:opacity .2s ease,background-color .2s ease,box-shadow .2s ease,transform .25s cubic-bezier(.2,.8,.2,1)}.bottom-action-bar>.exercise-btn{position:relative;z-index:1;min-width:0;min-height:48px;white-space:nowrap}.bottom-action-bar>.exercise-btn-secondary{flex:0 1 auto;max-width:min(46%,11.5rem);padding-inline:14px}.bottom-action-bar>.exercise-btn-primary,.bottom-action-bar>.exercise-btn-full,.bottom-action-bar>.exercise-btn-success{flex:1 1 auto;width:auto;min-width:0}.bottom-action-bar-hidden{opacity:0;pointer-events:none;transform:translateY(100%)}.bottom-action-bar.bottom-action-bar--pinned{position:fixed;bottom:calc(64px + var(--safe-area-bottom, 0px));left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:600px;margin:0;padding:12px max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.bottom-action-bar--pinned>button{flex:1;width:100%;min-width:0}.bottom-action-bar.bottom-action-bar--pinned.bottom-action-bar--navigation-free{bottom:0}.bottom-action-bar.bottom-action-bar--pinned.bottom-action-bar-keyboard{bottom:var(--keyboard-inset, 0px)}.bottom-action-bar--pinned .exercise-check-slot{flex:1;min-width:0}@media(min-width:768px){.bottom-action-bar.bottom-action-bar--pinned{bottom:0}}@media(max-width:915px){body:has(.bottom-action-bar--pinned){--focus-music-footer-offset: 84px}body:has(.bottom-action-bar--pinned .qc-secondary-actions){--focus-music-footer-offset: 148px}body:has(.bottom-action-bar--navigation-free){--focus-music-footer-offset: 20px}}.bottom-action-bar-keyboard{--bottom-bar-pad-y: 6px;--bottom-bar-pad-bottom: 6px;--bottom-bar-pad-x: 12px;--bottom-bar-pad-x-end: 12px;background:transparent;box-shadow:none}.bottom-action-bar-keyboard .exercise-btn{padding:8px 14px;font-size:.875rem;min-height:40px}@media(min-width:768px){.bottom-action-bar{--bottom-bar-pad-x: 24px;--bottom-bar-pad-x-end: 24px;--bottom-bar-pad-y: 16px;--bottom-bar-pad-bottom: 16px;max-width:640px;width:100%;margin-left:auto;margin-right:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}@media(min-width:768px)and (max-width:915px){body:has(.bottom-action-bar--navigation-free){--focus-music-footer-offset: 84px}.bottom-action-bar{--bottom-bar-pad-x-end: max( 24px, calc(var(--focus-music-dock-clearance, 72px) + 8px - (100vw - 640px) / 2) )}}@media(max-width:479px){.bottom-action-bar:not(.bottom-action-bar-keyboard){--bottom-bar-pad-y: 10px;gap:8px}.bottom-action-bar>.exercise-btn{min-height:46px;font-size:.875rem}.bottom-action-bar>.exercise-btn-secondary{padding-inline:12px;max-width:min(44%,9.5rem)}}@media(max-height:640px){.bottom-action-bar:not(.bottom-action-bar-keyboard){--bottom-bar-pad-y: 8px;gap:8px}.bottom-action-bar>.exercise-btn{min-height:44px;padding-block:10px}}:where(html[data-motion=reduce]) .bottom-action-bar{transition:none}.card{display:block}.card-full{width:100%}.card-sm{--toon-radius: var(--radius-md)}.card-md{--toon-radius: var(--radius-lg)}.card-lg{--toon-radius: var(--radius-xl)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--space-3)}.card-padding-md{padding:var(--space-4)}.card-padding-lg{padding:var(--space-5)}.card-elevated{--toon-depth: var(--depth-3);--toon-travel: var(--travel-3)}.card-outlined{--toon-depth: var(--depth-0);--toon-travel: 0px;--toon-edge: inset 0 0 0 1px var(--border-color)}.card-success{--toon-face: var(--correct-bg);--toon-floor: var(--correct-floor);--toon-edge: inset 0 0 0 2px var(--correct-border)}.card-danger{--toon-face: var(--wrong-bg);--toon-floor: var(--wrong-floor);--toon-edge: inset 0 0 0 2px var(--wrong-border)}.card-warning{--toon-face: var(--warning-bg);--toon-floor: var(--warning-floor)}.card-selected{--toon-floor: var(--primary);--toon-edge: inset 0 0 0 2px var(--primary)}.store-links{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.store-links--landing{margin-top:var(--space-4, 16px)}.store-links--compact{margin-top:0;width:100%;flex-direction:column}.store-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:10px 16px 10px 12px;border-radius:var(--radius-md);border:0;background:var(--surface-card);color:var(--text-primary);text-decoration:none}.store-links--compact .store-link{width:100%}.store-link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.store-link-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:var(--bg-secondary);color:var(--text-primary, #fff)}.store-link--apple .store-link-icon{background:#111;color:var(--on-solid)}.store-link--play .store-link-icon{background:#4285f4;color:var(--on-solid)}.store-link-text{display:flex;flex-direction:column;gap:1px;min-width:0;text-align:left}.store-link-eyebrow{font-size:.6875rem;line-height:calc(1.2 * var(--reading-line-scale, 1));color:var(--text-secondary, #a0a0a0);letter-spacing:.01em}.store-link-title{font-size:.9375rem;font-weight:700;line-height:calc(1.2 * var(--reading-line-scale, 1));letter-spacing:-.02em}@media(max-width:480px){.store-links--landing{width:100%;flex-direction:column}.store-links--landing .store-link{width:100%}}.store-links--inline{margin-top:0}.store-links--inline .store-link{min-height:44px;padding:6px 14px 6px 8px;box-shadow:none}.store-links--inline .store-link-icon{width:32px;height:32px}.store-links--inline .store-link-eyebrow,.store-links--inline .store-link-title{white-space:nowrap}.store-link{--key-y: 0px;--key-depth: var(--depth-2);--key-floor: var(--surface-floor);--key-edge: inset 0 0 0 1px var(--border-light);box-shadow:var(--key-edge),0 max(0px,calc(var(--key-depth) - var(--key-y))) 0 var(--key-floor);transform:translateY(var(--key-y));transition:transform var(--duration-release) var(--ease-spring),box-shadow var(--duration-release) var(--ease-spring),background-color var(--duration-enter) var(--ease-out-strong),color var(--duration-enter) var(--ease-out-strong);-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.store-link:hover:not(:disabled){--key-y: -1px}}.store-link:active:not(:disabled){--key-y: var(--travel-2);transition-duration:var(--duration-press);transition-timing-function:var(--ease-press)}.store-circle-group{display:none;align-items:center;gap:8px}@media(min-width:768px){.store-circle-group{display:inline-flex}}.store-circle-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-light);background:var(--surface-card);color:var(--text-secondary);text-decoration:none;cursor:pointer;flex-shrink:0}.store-circle-btn{--key-y: 0px;--key-depth: var(--depth-1);--key-floor: var(--surface-floor);--key-edge: 0 0 0 0 transparent;box-shadow:var(--key-edge),0 max(0px,calc(var(--key-depth) - var(--key-y))) 0 var(--key-floor);transform:translateY(var(--key-y));transition:transform var(--duration-release) var(--ease-spring),box-shadow var(--duration-release) var(--ease-spring),background-color var(--duration-enter) var(--ease-out-strong),color var(--duration-enter) var(--ease-out-strong);-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.store-circle-btn:hover{--key-y: -1px}}.store-circle-btn:active{--key-y: var(--travel-1);transition-duration:var(--duration-press);transition-timing-function:var(--ease-press)}.store-circle-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}:where(html[data-motion=reduce]) .store-circle-btn{transition:none}.store-circle-group--md .store-circle-btn{width:44px;height:44px}.store-circle-group--sm .store-circle-btn{width:40px;height:40px;color:var(--text-primary)}.store-circle-icon{display:grid;place-items:center;line-height:0}.telegram-channel-card{display:flex;align-items:center;gap:var(--space-3, 13px);width:100%;min-height:64px;padding:var(--space-4, 16px);background:var(--surface-card);border:1px solid var(--border-color);border-radius:18px;color:inherit;text-align:left;text-decoration:none;transition:background .15s ease,border-color .15s ease}.telegram-channel-card:hover{background:var(--surface-card-hover);border-color:var(--border-color-hover)}.telegram-channel-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.telegram-channel-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:var(--brand-telegram);color:var(--text-on-primary)}.telegram-channel-card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-width:0}.telegram-channel-card-title{font-weight:650;font-size:.98rem;color:var(--text-primary)}.telegram-channel-card-text{font-size:.82rem;color:var(--text-secondary);overflow-wrap:anywhere}.telegram-channel-card-chevron{flex:0 0 auto;color:var(--text-tertiary, var(--text-secondary))}:where(html[data-motion=reduce]) .telegram-channel-card{transition:none}@keyframes skeleton-pulse{to{opacity:.55}}.skeleton{position:relative;overflow:hidden;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);animation:skeleton-pulse 1.1s var(--ease-in-out-soft) infinite alternate}.skeleton--text{height:12px;border-radius:6px}.skeleton--circle{border-radius:50%}.skeleton--rect{border-radius:var(--radius-md)}:where(html[data-motion=reduce]) .skeleton{animation:none}.login-prompt-overlay{position:fixed;inset:0;background-color:var(--scrim);display:grid;place-items:center;z-index:var(--z-modal-backdrop);padding:16px;animation:fadeInBackdrop .2s ease-out both}.login-prompt-overlay.is-closing{animation:fadeOutBackdrop .2s ease-out forwards;pointer-events:none}.login-prompt-dialog{position:relative;width:100%;max-width:380px;padding:36px 28px 24px;border-radius:var(--radius-xl);background:var(--surface-card);border:1px solid var(--border-light);box-shadow:0 var(--depth-3) 0 var(--surface-floor);animation:modalIn .25s var(--ease-out-soft) both;transform-origin:center center;overflow:hidden}.login-prompt-dialog.is-closing{animation:modalOut .2s cubic-bezier(.22,1,.36,1) forwards}.login-prompt-close{position:absolute;top:10px;right:10px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:var(--text-secondary);background:var(--surface-card);border:1px solid var(--border-light);border-radius:50%;transition:transform var(--duration-release) var(--ease-spring),box-shadow var(--duration-release) var(--ease-spring),color var(--duration-enter) var(--ease-out-strong);box-shadow:var(--shadow-sm)}@media(hover:hover){.login-prompt-close:hover{color:var(--text-primary);transform:translateY(-1px);box-shadow:0 calc(var(--depth-1) + 1px) 0 var(--key-floor, var(--surface-floor))}}.login-prompt-close:active{transform:translateY(var(--travel-1));box-shadow:0 1px 0 var(--key-floor, var(--surface-floor));transition-duration:var(--duration-press)}.login-prompt-icon{position:relative;width:72px;height:72px;border-radius:var(--radius-lg);background:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--on-primary);box-shadow:0 var(--depth-2) 0 var(--primary-floor),inset 0 2px 0 var(--primary-rim)}.login-prompt-title{font-size:1.375rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);text-align:center;margin:0 0 28px;font-family:var(--font-display)}.login-prompt-benefits{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.login-prompt-benefit{display:flex;align-items:center;gap:14px;padding:12px 14px;color:var(--text-primary);font-size:.875rem;font-weight:500;background:var(--bg-secondary);border-radius:var(--radius-lg)}.login-prompt-benefit svg{flex-shrink:0;width:20px;height:20px;padding:4px;color:var(--text-primary);background:var(--surface-card);border-radius:8px;box-sizing:content-box}.login-prompt-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.login-prompt-later{background:none;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;padding:8px;min-height:44px;width:100%;transition:color .2s ease}@media(hover:hover){.login-prompt-later:hover:not(:disabled){color:var(--text-primary)}}.login-prompt-later:active:not(:disabled){transform:translateY(var(--travel-1))}.login-prompt-later:disabled{opacity:.5;cursor:not-allowed}.login-prompt-migrating{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 0}.login-prompt-migrating p{color:var(--text-secondary);font-size:.875rem;margin:0}.login-prompt-spinner{color:var(--primary-ink);animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog-backdrop--below-chrome{top:calc(68px + var(--safe-area-top, 0px))}.dialog-backdrop.dialog-backdrop--drawer-layer{z-index:calc(var(--z-modal) + 23)}.dialog-center.dialog-center--drawer-layer{z-index:calc(var(--z-modal) + 24)}@media(min-width:768px){.dialog-backdrop--below-chrome{top:var(--topnav-height, 60px)}}.dialog-backdrop{position:fixed;inset:0;background-color:var(--scrim);z-index:var(--z-modal-backdrop);animation:fadeInBackdrop .2s ease-out both}.dialog-backdrop--closing{animation:fadeOutBackdrop .2s ease-out forwards}.dialog-backdrop--strong{background-color:var(--scrim)}.dialog-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-5);min-width:280px;max-width:90%;z-index:var(--z-modal);box-shadow:0 var(--depth-3) 0 var(--surface-floor);animation:dialogPopIn var(--duration-modal, .28s) var(--ease-out-strong) both;overflow:hidden;transform-origin:center center}.dialog-center--closing{animation:dialogPopOut .18s var(--ease-out-soft, cubic-bezier(.22, 1, .36, 1)) forwards}.dialog-center--primary-bg{background:var(--surface-card)}.dialog-center--wide{width:90%;max-width:400px}.dialog-center.learn-help-dialog{overflow:visible}.dialog-center--scroll{max-height:min(90vh,720px);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--surface-card)}.dialog-center--rounded{border-radius:var(--radius-xl);padding:32px var(--space-5)}.dialog-fullscreen{position:fixed;inset:0;background-color:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-5);animation:fadeInBackdrop .2s ease-out both}.dialog-fullscreen--closing{animation:fadeOutBackdrop .2s ease-out forwards}.dialog-sheet{position:relative;background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:0 var(--depth-3) 0 var(--surface-floor);width:100%;max-width:420px;max-height:80vh;display:flex;flex-direction:column;animation:modalIn var(--duration-modal, .28s) var(--ease-out-strong) both;overflow:hidden}.dialog-sheet--scroll{max-height:min(80dvh,calc(100dvh - var(--space-5) * 2 - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}.dialog-sheet__body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--space-5) var(--space-5) var(--space-3)}.dialog-sheet__body>:last-child{margin-bottom:0}.dialog-sheet__footer{flex:0 0 auto;padding:var(--space-3) var(--space-5) calc(var(--space-4) + env(safe-area-inset-bottom,0px));background:var(--surface-card);border-top:1px solid var(--border-light)}@media(max-width:379px){.dialog-sheet__body{padding:var(--space-4) var(--space-4) var(--space-3)}.dialog-sheet__footer{padding-inline:var(--space-4)}.dialog-sheet__footer .dialog-btn{padding-inline:var(--space-2)}}.dialog-sheet--closing{animation:modalOut .18s var(--ease-out-soft, cubic-bezier(.22, 1, .36, 1)) forwards}:where(html[data-motion=reduce]) .dialog-backdrop,:where(html[data-motion=reduce]) .dialog-backdrop--closing,:where(html[data-motion=reduce]) .dialog-center,:where(html[data-motion=reduce]) .dialog-center--closing,:where(html[data-motion=reduce]) .dialog-fullscreen,:where(html[data-motion=reduce]) .dialog-fullscreen--closing,:where(html[data-motion=reduce]) .dialog-sheet,:where(html[data-motion=reduce]) .dialog-sheet--closing{animation:none!important}.dialog-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800;line-height:1.625rem;letter-spacing:-.01em;margin-bottom:var(--space-3);text-align:center;color:var(--text-primary)}.dialog-title--left{text-align:left;margin:0}.dialog-title--large{font-size:1.25rem;margin-bottom:var(--space-2)}.dialog-title--xl{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-2)}.dialog-description{color:var(--text-secondary);font-size:.875rem;text-align:center;margin-bottom:var(--space-5);line-height:calc(1.5 * var(--reading-line-scale, 1))}.dialog-error{color:var(--danger-text);font-size:.875rem;font-weight:600;line-height:1.4;text-align:center;overflow-wrap:anywhere;margin:calc(var(--space-2) * -1) 0 var(--space-4)}.dialog-sheet__footer .dialog-error{margin:0 0 var(--space-3)}.dialog-description--left{text-align:left;margin:var(--space-1) 0 0}.dialog-description--body{font-size:.9375rem;margin-bottom:0}.dialog-actions{display:flex;gap:var(--space-3)}.dialog-actions--footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-color)}.dialog-actions--stack{flex-direction:column}.dialog-btn{flex:1;min-height:48px;padding:0 var(--space-4);font-family:var(--font-display);font-size:.9375rem;font-weight:800;line-height:1.25rem;letter-spacing:-.01em}.dialog-btn--lg{--toon-radius: var(--radius-lg);min-height:56px;font-size:1rem}.dialog-btn--full{width:100%}.dialog-btn--primary,.dialog-btn--info{--toon-face: var(--primary);--toon-floor: var(--primary-floor);--toon-edge: inset 0 2px 0 var(--primary-rim);color:var(--on-primary)}.dialog-btn--danger{--toon-face: var(--btn-danger-fill);--toon-floor: var(--danger-floor);--toon-edge: inset 0 2px 0 var(--danger-rim);color:var(--on-solid)}.dialog-btn--success{--toon-face: var(--btn-success-fill);--toon-floor: var(--success-floor);--toon-edge: inset 0 2px 0 var(--success-rim);color:var(--on-solid)}.dialog-btn--loading{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.dialog-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--border-color)}.dialog-close{--toon-depth: var(--depth-1);--toon-travel: var(--travel-1);--toon-radius: var(--radius-full);display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;color:var(--text-primary)}.dialog-body{position:relative;z-index:2;flex:1;overflow-y:auto;padding:var(--space-2)}.dialog-actions{position:relative;z-index:2}.dialog-icon-circle{display:flex;align-items:center;justify-content:center;border-radius:50%;margin:0 auto var(--space-4)}.dialog-icon-circle--lg{width:64px;height:64px}.dialog-icon-circle--md{width:48px;height:48px;border-radius:var(--radius-md)}.dialog-icon-circle--primary,.dialog-icon-circle--danger{background-color:var(--surface-card-hover);color:var(--text-primary)}.dialog-section-title{padding:var(--space-2) var(--space-3);font-size:.75rem;font-weight:500;color:var(--text-secondary)}.dialog-text-center{text-align:center}.dialog-mb-0{margin-bottom:0}.dialog-mb-5{margin-bottom:var(--space-5)}@media(min-width:768px){.dialog-center{max-width:440px;padding:var(--space-6)}.dialog-center--wide{max-width:480px}.dialog-sheet{max-width:500px}.dialog-title--xl{font-size:1.625rem}}.dialog-guest-warning{color:var(--warning);font-size:.8125rem;text-align:center;margin-bottom:var(--space-4);line-height:calc(1.5 * var(--reading-line-scale, 1))}.dialog-guest-warning-link{text-decoration:underline;cursor:pointer;font-weight:600}.dialog-center--confirm{width:min(400px,calc(100vw - 32px));padding-top:var(--space-6)}.dialog-center--confirm .dialog-title{padding-inline:40px}.dialog-close--corner{--toon-depth: 0px;--toon-travel: 0px;--toon-face: transparent;--toon-floor: transparent;--toon-edge: none;position:absolute;top:6px;right:6px;z-index:3;color:var(--text-secondary)}.dialog-close--corner:hover:not(:disabled){color:var(--text-primary)}.dialog-close--corner:active:not(:disabled){--toon-face: var(--surface-2)}.dialog-guest-block{margin-bottom:var(--space-4)}.dialog-guest-block .dialog-guest-warning{margin-bottom:var(--space-3)}.inapp-banner{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 16px);left:16px;right:16px;max-width:400px;margin:0 auto;padding:16px;border-radius:var(--radius-lg);z-index:var(--z-fixed);background:var(--surface-card);border:1px solid var(--border-light);box-shadow:var(--shadow-md);animation:slideUp .3s ease-out}@media(min-width:768px){.inapp-banner{bottom:24px}}.inapp-banner-content{display:flex;gap:12px;align-items:flex-start}.inapp-banner-icon{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 0 var(--primary-rim),0 var(--depth-1) 0 var(--primary-floor)}.inapp-banner-text{flex:1;min-width:0}.inapp-banner-title{font-size:.9375rem;font-weight:800;color:var(--text-primary);margin:0 0 4px;font-family:var(--font-display)}.inapp-banner-description{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:calc(1.4 * var(--reading-line-scale, 1))}.inapp-banner-close{flex-shrink:0;width:44px;height:44px;border:1px solid transparent;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background-color .15s ease,border-color .15s ease,color .15s ease;margin:-6px -6px 0 0}@media(hover:hover){.inapp-banner-close:hover{background:var(--surface-card-hover);border-color:var(--border-light);color:var(--text-primary)}}.inapp-banner-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:12px;border:0;border-radius:var(--radius-md);background:var(--primary);color:var(--on-primary);font-size:.875rem;font-weight:800;cursor:pointer;box-shadow:inset 0 2px 0 var(--primary-rim),0 var(--depth-2) 0 var(--primary-floor);transition:transform var(--duration-release) var(--ease-spring),box-shadow var(--duration-release) var(--ease-spring);font-family:var(--font-display)}@media(hover:hover){.inapp-banner-action:hover{transform:translateY(-1px);box-shadow:inset 0 2px 0 var(--primary-rim),0 calc(var(--depth-2) + 1px) 0 var(--primary-floor)}}.inapp-banner-action:active{transform:translateY(var(--travel-2));box-shadow:inset 0 2px 0 var(--primary-rim),0 1px 0 var(--primary-floor)}:where(html[data-motion=reduce]) .inapp-banner{animation:none}:where(html[data-motion=reduce]) .inapp-banner-action:hover{transform:none}.pwa-install-banner{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 16px);left:16px;right:16px;max-width:400px;margin:0 auto;padding:16px;border-radius:var(--radius-lg);z-index:var(--z-fixed);background:var(--surface-card);border:1px solid var(--border-light);box-shadow:var(--shadow-md);animation:pwaSlideUp .3s ease-out}@media(min-width:768px){.pwa-install-banner{bottom:24px}}.pwa-install-content{display:flex;gap:12px;align-items:flex-start}.pwa-install-icon{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 0 var(--primary-rim),0 var(--depth-1) 0 var(--primary-floor)}.pwa-install-text{flex:1;min-width:0}.pwa-install-title{font-size:.9375rem;font-weight:800;color:var(--text-primary);margin:0 0 4px;font-family:var(--font-display)}.pwa-install-description{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:calc(1.4 * var(--reading-line-scale, 1))}.pwa-install-close{flex-shrink:0;width:44px;height:44px;border:1px solid transparent;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background-color .15s ease,border-color .15s ease,color .15s ease;margin:-6px -6px 0 0}@media(hover:hover){.pwa-install-close:hover{background:var(--surface-card-hover);border-color:var(--border-light);color:var(--text-primary)}}.pwa-install-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:12px;border:0;border-radius:var(--radius-md);background:var(--primary);color:var(--on-primary);font-size:.875rem;font-weight:800;cursor:pointer;box-shadow:inset 0 2px 0 var(--primary-rim),0 var(--depth-2) 0 var(--primary-floor);transition:transform var(--duration-release) var(--ease-spring),box-shadow var(--duration-release) var(--ease-spring);font-family:var(--font-display)}@media(hover:hover){.pwa-install-action:hover{transform:translateY(-1px);box-shadow:inset 0 2px 0 var(--primary-rim),0 calc(var(--depth-2) + 1px) 0 var(--primary-floor)}}.pwa-install-action:active{transform:translateY(var(--travel-2));box-shadow:inset 0 2px 0 var(--primary-rim),0 1px 0 var(--primary-floor)}@keyframes pwaSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:where(html[data-motion=reduce]) .pwa-install-banner{animation:none}:where(html[data-motion=reduce]) .pwa-install-action:hover{transform:none}.pwa-dialog-overlay{position:fixed;inset:0;background-color:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:16px;animation:pwaDialogFadeIn .2s ease-out both}.pwa-dialog-overlay.is-closing{animation:fadeOutBackdrop .2s ease-out forwards;pointer-events:none}.pwa-dialog{position:relative;width:100%;max-width:360px;padding:36px 24px 20px;text-align:center;border-radius:var(--radius-xl);background:var(--surface-card);border:1px solid var(--border-light);box-shadow:0 var(--depth-3) 0 var(--surface-floor);z-index:var(--z-modal);animation:pwaDialogScaleIn .25s var(--ease-out-soft) both;transform-origin:center center;overflow:hidden}.pwa-dialog.is-closing{animation:modalOut .2s cubic-bezier(.22,1,.36,1) forwards}.pwa-dialog-icon{position:relative;width:72px;height:72px;border-radius:var(--radius-lg);background:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--on-primary);box-shadow:0 var(--depth-2) 0 var(--primary-floor),inset 0 2px 0 var(--primary-rim)}.pwa-dialog-icon-installed{background:var(--success-dark);box-shadow:0 var(--depth-2) 0 var(--success-floor),inset 0 2px 0 var(--success-rim)}.pwa-dialog-title{font-size:1.25rem;font-weight:800;letter-spacing:-.01em;color:var(--text-primary);margin:0 0 16px;font-family:var(--font-display)}.pwa-dialog-ios-hint{font-size:.875rem;color:var(--text-secondary);line-height:calc(1.5 * var(--reading-line-scale, 1));margin:0 0 16px}.pwa-dialog-installed-hint{font-size:.9375rem;color:var(--text-secondary);margin:0 0 8px;line-height:calc(1.5 * var(--reading-line-scale, 1))}.pwa-dialog-ios-steps{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;text-align:left}.pwa-dialog-ios-step{display:flex;align-items:center;gap:12px;padding:10px 12px;color:var(--text-primary);font-size:.875rem;line-height:calc(1.4 * var(--reading-line-scale, 1));background:var(--bg-secondary);border-radius:var(--radius-lg)}.pwa-dialog-ios-step-icon{width:36px;height:36px;border-radius:10px;background:var(--surface-card);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-primary)}.pwa-dialog-benefits{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;text-align:left}.pwa-dialog-benefit{display:flex;align-items:center;gap:14px;padding:12px 14px;color:var(--text-primary);font-size:.875rem;font-weight:500;background:var(--bg-secondary);border-radius:var(--radius-lg)}.pwa-dialog-benefit svg{flex-shrink:0;width:20px;height:20px;padding:4px;color:var(--text-primary);background:var(--surface-card);border-radius:8px;box-sizing:content-box}.pwa-dialog-later{background:none;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;padding:8px;width:100%;transition:color .2s ease;min-height:44px}.pwa-dialog-later:hover{color:var(--text-primary)}.pwa-dialog-later:active{transform:translateY(var(--travel-1))}@keyframes pwaDialogFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pwaDialogScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:where(html[data-motion=reduce]) .pwa-dialog-overlay,:where(html[data-motion=reduce]) .pwa-dialog{animation:none}.pwa-update-banner{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--safe-area-bottom) + 16px);left:16px;right:16px;max-width:400px;margin:0 auto;padding:16px;border-radius:var(--radius-lg);z-index:var(--z-fixed);background:var(--surface-card);border:1px solid var(--border-light);box-shadow:var(--shadow-md);animation:pwaUpdateSlideUp .3s ease-out}@media(min-width:768px){.pwa-update-banner{bottom:24px}}.pwa-update-content{display:flex;gap:12px;align-items:flex-start}.pwa-update-icon{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);background:var(--btn-success-fill);color:var(--on-solid);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 0 var(--success-rim),0 var(--depth-1) 0 var(--success-floor)}.pwa-update-text{flex:1;min-width:0}.pwa-update-title{font-size:.9375rem;font-weight:800;color:var(--text-primary);margin:0 0 4px;font-family:var(--font-display)}.pwa-update-description{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:calc(1.4 * var(--reading-line-scale, 1))}.pwa-update-close{flex-shrink:0;width:44px;height:44px;border:1px solid transparent;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:background-color .15s ease,border-color .15s ease,color .15s ease;margin:-6px -6px 0 0}@media(hover:hover){.pwa-update-close:hover{background:var(--surface-card-hover);border-color:var(--border-light);color:var(--text-primary)}}.pwa-update-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:12px;border:0;border-radius:var(--radius-md);background:var(--btn-success-fill);color:var(--on-solid);font-size:.875rem;font-weight:800;cursor:pointer;box-shadow:inset 0 2px 0 var(--success-rim),0 var(--depth-2) 0 var(--success-floor);transition:transform var(--duration-release) var(--ease-spring),box-shadow var(--duration-release) var(--ease-spring);font-family:var(--font-display)}@media(hover:hover){.pwa-update-action:hover{transform:translateY(-1px);box-shadow:inset 0 2px 0 var(--success-rim),0 calc(var(--depth-2) + 1px) 0 var(--success-floor)}}.pwa-update-action:active{transform:translateY(var(--travel-2));box-shadow:inset 0 2px 0 var(--success-rim),0 1px 0 var(--success-floor)}@keyframes pwaUpdateSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:where(html[data-motion=reduce]) .pwa-update-banner{animation:none}:where(html[data-motion=reduce]) .pwa-update-action:hover{transform:none}.pwa-update-action:disabled,.pwa-update-close:disabled{cursor:default}.pwa-update-action:disabled{opacity:.85}@media(hover:hover){.pwa-update-action:disabled:hover{transform:translateY(-1px);box-shadow:0 calc(var(--depth-2) + 1px) 0 var(--success-floor)}}.pwa-update-spin{animation:pwaUpdateSpin .9s linear infinite}@keyframes pwaUpdateSpin{to{transform:rotate(360deg)}}:where(html[data-motion=reduce]) .pwa-update-spin{animation:none}.notif-prompt-overlay{position:fixed;inset:0;background-color:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:16px;animation:notifFadeIn .2s ease-out both}.notif-prompt-overlay.is-closing{animation:fadeOutBackdrop .2s ease-out forwards;pointer-events:none}.notif-prompt-dialog{position:relative;width:100%;max-width:360px;max-height:calc(100dvh - 32px);padding:36px 24px 20px;border-radius:var(--radius-xl);background:var(--surface-card);border:1px solid var(--border-light);box-shadow:0 var(--depth-3) 0 var(--surface-floor);animation:notifScaleIn .25s cubic-bezier(.22,1,.36,1) both;transform-origin:center center;overflow:hidden;overflow-y:auto}.notif-prompt-dialog.is-closing{animation:modalOut .2s cubic-bezier(.22,1,.36,1) forwards}.notif-prompt-close{position:absolute;top:14px;right:14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:var(--text-secondary);background:var(--surface-card);border:1px solid var(--border-light);border-radius:50%;transition:transform var(--duration-release) var(--ease-spring),box-shadow var(--duration-release) var(--ease-spring),color var(--duration-enter) var(--ease-out-strong);box-shadow:var(--shadow-sm)}@media(hover:hover){.notif-prompt-close:hover{color:var(--text-primary);transform:translateY(-1px);box-shadow:0 calc(var(--depth-1) + 1px) 0 var(--key-floor, var(--surface-floor))}}.notif-prompt-close:active{transform:translateY(var(--travel-1));box-shadow:0 1px 0 var(--key-floor, var(--surface-floor));transition-duration:var(--duration-press)}.notif-prompt-icon{position:relative;width:72px;height:72px;border-radius:var(--radius-lg);background:var(--sun);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--on-sun);box-shadow:0 var(--depth-2) 0 var(--sun-floor),inset 0 2px 0 var(--sun-glint);animation:notifBellSwing 1s ease-in-out .3s;transform-origin:top center}.notif-prompt-title{font-size:1.25rem;font-weight:800;letter-spacing:-.01em;color:var(--text-primary);text-align:center;margin:0 0 12px;font-family:var(--font-display)}.notif-prompt-description{font-size:.875rem;color:var(--text-secondary);text-align:center;margin:0 0 24px;line-height:calc(1.5 * var(--reading-line-scale, 1))}.notif-prompt-icon-suffix{white-space:nowrap}.notif-prompt-flame{color:var(--warning);display:inline-block;vertical-align:-.125em}.notif-prompt-actions{margin-bottom:12px}.notif-prompt-later{background:none;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;padding:8px;width:100%;min-height:44px;transition:color .15s ease}@media(hover:hover){.notif-prompt-later:hover:not(:disabled){color:var(--text-primary)}}.notif-prompt-later:active:not(:disabled){transform:translateY(var(--travel-1))}.notif-prompt-later:disabled{opacity:.5;cursor:not-allowed}.notif-prompt-dialog button:focus-visible{outline-color:var(--primary-hover)}@keyframes notifFadeIn{0%{opacity:0}to{opacity:1}}@keyframes notifScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes notifBellSwing{0%{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(2deg)}to{transform:rotate(0)}}:where(html[data-motion=reduce]) .notif-prompt-overlay,:where(html[data-motion=reduce]) .notif-prompt-dialog,:where(html[data-motion=reduce]) .notif-prompt-icon{animation:none}.avatar-lightbox{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-5);background-color:#06040fb8;animation:fadeInBackdrop .2s ease-out both;cursor:zoom-out}[data-theme=light] .avatar-lightbox{background-color:#0f172a8c}.avatar-lightbox--closing{animation:fadeOutBackdrop .2s ease-out forwards}.avatar-lightbox__panel{position:relative;cursor:default;touch-action:none;user-select:none;-webkit-user-select:none;animation:avatarLightboxPanelIn .26s cubic-bezier(.22,1,.36,1) both}.avatar-lightbox--closing .avatar-lightbox__panel{animation:avatarLightboxPanelOut .18s cubic-bezier(.22,1,.36,1) forwards}.avatar-lightbox__stage{position:relative;will-change:transform}.avatar-lightbox__stage-settle{transition:transform .26s cubic-bezier(.22,1,.36,1),opacity .2s ease-out}.avatar-lightbox__image{display:block;width:min(88vw,480px);aspect-ratio:1 / 1;max-height:78vh;object-fit:contain;border-radius:var(--radius-2xl);background:var(--surface-card);box-shadow:var(--shadow-xl),0 0 0 1px color-mix(in srgb,var(--primary) 8%,transparent);opacity:0;cursor:zoom-in;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;will-change:transform;transition:opacity .22s ease-out}.avatar-lightbox__image.is-loaded{opacity:1}.avatar-lightbox__image.is-zoomed{cursor:grab}.avatar-lightbox__image.is-grabbing{cursor:grabbing}.avatar-lightbox__fallback{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.avatar-lightbox__toolbar{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:var(--bg-tertiary);border:1px solid var(--border-light);box-shadow:var(--shadow-md);z-index:2}.avatar-lightbox__tool{width:36px;height:36px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:background .15s ease,transform .15s ease}@media(hover:hover){.avatar-lightbox__tool:hover:not(:disabled){background:var(--surface-card-hover)}}.avatar-lightbox__tool:active:not(:disabled){transform:translateY(var(--travel-1))}.avatar-lightbox__tool:disabled{opacity:.38;cursor:default}.avatar-lightbox__tool:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 45%,transparent)}.avatar-lightbox__scale{width:auto;min-width:56px;padding:0 10px;font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums;font-family:var(--font-display)}.avatar-lightbox__close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-md);z-index:2;transition:transform .15s ease,background .15s ease}@media(hover:hover){.avatar-lightbox__close:hover{background:var(--surface-card-hover);transform:translateY(-1px);box-shadow:0 calc(var(--depth-2) + 1px) 0 var(--key-floor, var(--surface-floor))}}.avatar-lightbox__close:active{transform:translateY(var(--travel-2));box-shadow:0 1px 0 var(--key-floor, var(--surface-floor))}.avatar-lightbox__close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 45%,transparent)}@keyframes avatarLightboxPanelIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes avatarLightboxPanelOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}:where(html[data-motion=reduce]) .avatar-lightbox,:where(html[data-motion=reduce]) .avatar-lightbox--closing,:where(html[data-motion=reduce]) .avatar-lightbox__panel,:where(html[data-motion=reduce]) .avatar-lightbox--closing .avatar-lightbox__panel{animation:none!important}:where(html[data-motion=reduce]) .avatar-lightbox__image,:where(html[data-motion=reduce]) .avatar-lightbox__stage,:where(html[data-motion=reduce]) .avatar-lightbox__stage-settle{transition:none!important}@media(min-width:768px){.avatar-lightbox__image{width:min(60vw,560px)}}.focus-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border:1px solid var(--border-light);border-radius:var(--radius-full);background:var(--surface-card);color:var(--text-primary);font-family:inherit;font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:transform var(--transition),background-color var(--transition),border-color var(--transition),color var(--transition)}.focus-chip{--key-y: 0px;--key-depth: var(--depth-1);--key-floor: var(--surface-floor);--key-edge: 0 0 0 0 transparent;box-shadow:var(--key-edge),0 max(0px,calc(var(--key-depth) - var(--key-y))) 0 var(--key-floor);transform:translateY(var(--key-y));transition:transform var(--duration-release) var(--ease-spring),box-shadow var(--duration-release) var(--ease-spring),background-color var(--duration-enter) var(--ease-out-strong),color var(--duration-enter) var(--ease-out-strong);-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.focus-chip:hover{--key-y: -1px}}.focus-chip:active{--key-y: var(--travel-1);transition-duration:var(--duration-press);transition-timing-function:var(--ease-press)}.focus-chip:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}:where(html[data-motion=reduce]) .focus-chip{transition:none}.focus-chip-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--primary-ink)}.focus-chip-time{line-height:1}.focus-chip:not(.focus-chip--paused) .focus-chip-icon{animation:none}.focus-chip--paused{border-color:var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary)}@keyframes focus-chip-pulse{0%,to{opacity:1}50%{opacity:.45}}.focus-nav-control--live{color:var(--text-primary);border-color:var(--border-color);background:var(--surface-card)}.focus-nav-control--live:not(.focus-nav-control--paused) svg{animation:none}.focus-nav-control--paused{color:var(--text-secondary)}:where(html[data-motion=reduce]) .focus-chip,:where(html[data-motion=reduce]) .focus-chip:hover,:where(html[data-motion=reduce]) .focus-chip .focus-chip-icon,:where(html[data-motion=reduce]) .focus-nav-control--live svg{animation:none}.premium-crown{--premium-crown-ring: var(--surface-card);position:absolute;right:-4px;bottom:-4px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--sun);color:var(--on-sun);box-shadow:0 0 0 2px var(--premium-crown-ring);line-height:0;pointer-events:none}.premium-crown--lg{right:-2px;bottom:-2px;width:28px;height:28px;box-shadow:0 0 0 3px var(--premium-crown-ring)}.premium-crown--enter{animation:premium-crown-enter var(--duration-release, .36s) var(--ease-spring, ease-out) both}@keyframes premium-crown-enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.premium-crown--alive>svg{animation:premium-crown-breathe 3.6s cubic-bezier(.34,1.4,.64,1) .6s infinite;transform-origin:50% 60%}@keyframes premium-crown-breathe{0%,70%,to{transform:scale(1) rotate(0)}80%{transform:scale(1.14) rotate(-6deg)}90%{transform:scale(.98) rotate(2deg)}}:where(html[data-motion=reduce]) .premium-crown--enter,:where(html[data-motion=reduce]) .premium-crown--alive>svg{animation:none}.premium-pill{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;width:max-content;min-height:28px;margin:2px 0 6px;padding:0 12px;border-radius:999px;background:var(--sun);color:var(--on-sun);font:800 12px/16px var(--font-display);white-space:nowrap}.premium-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.profile-menu{position:relative;display:inline-flex}.profile-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:0}.profile-avatar__img{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .26s var(--ease-out-soft, cubic-bezier(.22, 1, .36, 1)),transform .42s var(--ease-spring)}.profile-avatar__img.is-loaded{opacity:1;transform:scale(1)}.profile-menu__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:var(--z-dropdown, 100);display:flex;flex-direction:column;gap:2px;width:260px;max-width:calc(100vw - 32px);padding:6px;border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:inset 0 0 0 1px var(--border-color),0 var(--depth-2) 0 var(--surface-floor);transform-origin:top right;opacity:0;will-change:transform,opacity}.profile-menu__item{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:var(--text-primary);font:inherit;font-size:.875rem;font-weight:650;text-align:left;text-decoration:none;cursor:pointer;transition:background-color .16s var(--ease-out-soft, cubic-bezier(.22, 1, .36, 1)),transform var(--duration-release) var(--ease-spring)}.profile-menu__item:focus{outline:none}.profile-menu__item:focus-visible{outline:3px solid var(--focus-ring);outline-offset:-3px}@media(hover:hover){.profile-menu__item:hover{background:var(--bg-secondary)}}.profile-menu__item:focus-visible,.profile-menu__item:focus{background:var(--bg-secondary)}.profile-menu__item:active{transform:translateY(var(--travel-1));transition-duration:var(--duration-press);transition-timing-function:var(--ease-press)}.profile-menu__icon{width:24px;height:24px;flex-shrink:0;justify-content:center;color:var(--text-secondary)}.profile-menu__icon img{display:block;border-radius:50%}.profile-menu__label{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.profile-menu__trailing{flex-shrink:0;max-width:45%;overflow:hidden;color:var(--text-secondary);font-size:.8125rem;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.profile-menu__clock{font-variant-numeric:tabular-nums;color:var(--primary-ink)}.profile-menu__chevron{flex-shrink:0;color:var(--text-tertiary)}.profile-menu__item.is-checked{color:var(--primary-ink);font-weight:800}.profile-menu__check{flex-shrink:0;color:var(--primary-ink)}.profile-menu__back .profile-menu__label{font-family:var(--font-display);font-weight:800}.profile-menu__separator{height:1px;margin:4px 8px;background:var(--border-light)}.profile-menu__group{display:flex;flex-direction:column;gap:2px}.profile-menu__group-label{padding:8px 12px 4px;color:var(--text-secondary);font-size:.75rem;font-weight:700}:where(html[data-motion=reduce]) .profile-menu__panel,:where(html[data-motion=reduce]) .profile-menu__item,:where(html[data-motion=reduce]) .profile-avatar__img{transition:none}:where(html[data-motion=reduce]) .profile-avatar__img{transform:none}:root[data-motion=reduce] .profile-menu__item,:root[data-motion=reduce] .profile-avatar__img{transition:none}.profile-menu__panel.is-closing{pointer-events:none}.profile-menu__crown{--premium-crown-ring: var(--bg-nav)}.streak-chip{position:relative;display:inline-flex}.streak-chip .desktop-nav-badge--streak .icon-slot{color:var(--warning-text)}.streak-chip__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:var(--z-dropdown, 100);display:grid;gap:16px;width:320px;max-width:calc(100vw - 32px);padding:16px;border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:inset 0 0 0 1px var(--border-color),0 var(--depth-2) 0 var(--surface-floor);transform-origin:top right;opacity:0;will-change:transform,opacity}.streak-chip__panel:focus{outline:none}.streak-chip__panel:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.streak-chip__head{display:flex;align-items:center;gap:12px}.streak-chip__flame,.streak-chip__freeze-icon{width:40px;height:40px;flex-shrink:0;justify-content:center;border-radius:12px;background:var(--bg-secondary)}.streak-chip__flame{color:var(--warning-text)}.streak-chip__freeze-icon{color:var(--info)}.streak-chip__head-copy,.streak-chip__freeze-copy{display:grid;gap:2px;min-width:0}.streak-chip__kicker{margin:0;color:var(--text-secondary);font-size:.75rem;font-weight:700}.streak-chip__title{margin:0;color:var(--text-primary);font-family:var(--font-display);font-size:1.125rem;font-weight:800;letter-spacing:-.01em}.streak-chip__freeze{display:flex;align-items:flex-start;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.streak-chip__freeze-title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin:0;color:var(--text-primary);font-size:.875rem;font-weight:700}.streak-chip__freeze-title b{color:var(--text-secondary);font-size:.8125rem;font-weight:700}.streak-chip__freeze-status{margin:0;color:var(--text-secondary);font-size:.8125rem;line-height:calc(1.4 * var(--reading-line-scale, 1));overflow-wrap:anywhere}.streak-chip__goal-placeholder{min-height:204px;border-radius:12px;background:var(--bg-secondary)}.streak-chip__panel.is-closing{pointer-events:none}.desktop-nav{display:none}@media(min-width:768px){.desktop-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0 var(--space-6);min-height:var(--topnav-height);padding-block:var(--space-2);gap:var(--space-2);background:var(--bg-nav);box-shadow:0 var(--depth-1) 0 var(--surface-floor);position:sticky;top:0;z-index:var(--z-app-bar, 310)}.desktop-nav-left{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-6);min-width:0;max-width:100%}.desktop-nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);cursor:pointer;transition:transform var(--duration-release) var(--ease-spring)}@media(hover:hover){.desktop-nav-brand:hover{transform:translateY(-1px)}}.desktop-nav-brand:active{transform:translateY(var(--travel-1));transition:transform var(--duration-press) var(--ease-press)}.desktop-nav-logo-img{width:34px;height:34px;flex-shrink:0;border-radius:10px;display:block;box-shadow:0 var(--depth-1) 0 var(--surface-floor)}.desktop-nav-title{font-family:var(--font-display);font-size:1.125rem;font-weight:800;letter-spacing:-.03em}.desktop-nav-tabs{display:flex;align-items:center;gap:var(--space-1)}.desktop-nav-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;min-height:40px;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:800;font-family:var(--font-display);text-decoration:none;cursor:pointer;border-radius:var(--radius-full);white-space:nowrap}.desktop-nav-tab,.desktop-nav-badge,.desktop-nav-profile,.desktop-nav-login{--key-y: 0px;--key-depth: 0px;--key-floor: var(--surface-floor);--key-edge: 0 0 0 0 transparent;box-shadow:var(--key-edge),0 max(0px,calc(var(--key-depth) - var(--key-y))) 0 var(--key-floor);transform:translateY(var(--key-y));transition:transform var(--duration-release) var(--ease-spring),box-shadow var(--duration-release) var(--ease-spring),background-color var(--transition),color var(--transition)}@media(hover:hover){.desktop-nav-tab:hover,.desktop-nav-badge:hover,.desktop-nav-profile:hover,.desktop-nav-login:hover{--key-y: -1px}}.desktop-nav-tab:active,.desktop-nav-badge:active,.desktop-nav-profile:active,.desktop-nav-login:active{--key-y: var(--travel-1);transition-duration:var(--duration-press);transition-timing-function:var(--ease-press)}.desktop-nav-tab:focus-visible,.desktop-nav-badge:focus-visible,.desktop-nav-profile:focus-visible,.desktop-nav-login:focus-visible,.desktop-nav-more-item:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media(hover:hover){.desktop-nav-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}}.desktop-nav-tab--active,.desktop-nav-more--active .desktop-nav-more__button{--key-depth: var(--depth-1);--key-floor: var(--primary-floor);--key-edge: inset 0 2px 0 var(--primary-rim);background:var(--primary);color:var(--on-primary)}@media(hover:hover){.desktop-nav-tab--active:hover,.desktop-nav-more--active .desktop-nav-more__button:hover{--key-depth: var(--depth-1);--key-floor: var(--primary-floor);--key-edge: inset 0 2px 0 var(--primary-rim);background:var(--primary);color:var(--on-primary)}}.desktop-nav-tab--primary:not(.desktop-nav-tab--active){color:var(--primary-ink);background:var(--bg-secondary)}.desktop-nav-right{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);justify-content:flex-end;margin-left:auto;max-width:100%}.desktop-nav-badge{display:flex;align-items:center;gap:4px;padding:6px 14px;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;white-space:nowrap;flex-shrink:0;border:none;cursor:pointer;font-family:inherit;text-decoration:none;--key-depth: var(--depth-1);--key-floor: var(--surface-2-floor);background:var(--bg-secondary);color:var(--text-primary)}.desktop-nav-profile{--key-depth: var(--depth-1);--key-edge: inset 0 0 0 1px var(--border-light);width:40px;height:40px;border-radius:50%;border:0;background:var(--surface-card);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}.desktop-nav-profile--active{--key-floor: var(--primary-floor);--key-edge: inset 0 2px 0 var(--primary-rim);background:var(--primary);color:var(--on-primary)}.desktop-nav-more{position:relative;display:flex;align-items:center}.desktop-nav-more__button{gap:4px}.desktop-nav-more__chevron{transition:transform var(--transition);color:var(--text-tertiary);flex-shrink:0}.desktop-nav-more__chevron--up{transform:rotate(180deg)}.desktop-nav-more--active .desktop-nav-more__chevron{color:inherit}.desktop-nav-more-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:224px;display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s cubic-bezier(.2,.8,.2,1),visibility .16s;z-index:10}.desktop-nav-more-menu:before{content:"";position:absolute;top:-12px;right:-1px;left:-1px;height:12px}.desktop-nav-more--open .desktop-nav-more-menu,.desktop-nav-more:focus-within .desktop-nav-more-menu{opacity:1;visibility:visible;transform:translateY(0)}.desktop-nav-more-item{display:flex;align-items:center;gap:10px;min-height:46px;padding:9px 12px;border:none;border-radius:12px;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;font-family:inherit;text-decoration:none;text-align:left;cursor:pointer;white-space:nowrap;transition:background-color var(--transition),color var(--transition)}.desktop-nav-more-item svg{flex-shrink:0;color:var(--text-tertiary);transition:color var(--transition)}@media(hover:hover){.desktop-nav-more-item:hover{background:var(--bg-secondary);color:var(--text-primary)}}@media(hover:hover){.desktop-nav-more-item:hover svg{color:var(--primary-ink)}}.desktop-nav-more-item:active{background:var(--bg-tertiary)}.desktop-nav-login{display:inline-flex;align-items:center;gap:6px;--key-depth: var(--depth-1);--key-floor: var(--primary-floor);--key-edge: inset 0 2px 0 var(--primary-rim);height:40px;padding:0 16px;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);border:none;font-family:var(--font-display);font-size:.8125rem;font-weight:800;cursor:pointer;white-space:nowrap}}@media(min-width:768px){:where(html[data-motion=reduce]) .desktop-nav-tab,:where(html[data-motion=reduce]) .desktop-nav-badge,:where(html[data-motion=reduce]) .desktop-nav-profile,:where(html[data-motion=reduce]) .desktop-nav-login,:where(html[data-motion=reduce]) .desktop-nav-brand,:where(html[data-motion=reduce]) .desktop-nav-more-menu{transition:none}}@media(min-width:768px)and (max-width:1100px){.desktop-nav{padding-inline:var(--space-4);gap:var(--space-3)}.desktop-nav-left{gap:var(--space-3)}.desktop-nav-tab{padding:8px 10px}.desktop-nav-tab-label{display:none}.desktop-nav-badge{padding:6px 10px}.desktop-nav-right{gap:var(--space-1)}.desktop-nav-title{display:none}.desktop-nav-login{padding:0 10px}.desktop-nav-login-label{display:none}}@media(min-width:1101px)and (max-width:1439px){.desktop-nav{padding-inline:var(--space-4);gap:var(--space-3)}.desktop-nav-left{gap:var(--space-4)}.desktop-nav-tab{padding:8px 12px}.desktop-nav-badge{padding:6px 10px}.desktop-nav-right{gap:var(--space-1)}.desktop-nav-title{display:none}}.app-back-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font:inherit;cursor:pointer}.app-back-button:active{transform:translateY(var(--travel-1))}.app-back-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.route-recovery-back{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));z-index:1}.achievement-popup{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);transition:opacity .3s ease}.achievement-popup--hidden{opacity:0;pointer-events:none}.achievement-popup__backdrop{position:absolute;inset:0;background:var(--scrim)}.achievement-popup__card{position:relative;width:100%;max-width:360px;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease}.achievement-popup--hidden .achievement-popup__card{transform:scale(.9);opacity:0}.achievement-popup__card:before{content:"";position:absolute;inset:0;background:var(--accent-amber-wash);animation:none;pointer-events:none}@keyframes achievement-glow{0%,to{opacity:.5}50%{opacity:1}}.achievement-popup__body{position:relative;padding:var(--space-6) var(--space-5);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.achievement-popup__burst{font-size:2.5rem;animation:achievement-entrance .3s cubic-bezier(.16,1,.3,1) .1s both}@keyframes achievement-entrance{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.achievement-popup__title{margin:0;font-size:1.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.achievement-popup__icon{width:96px;height:96px;display:flex;align-items:center;justify-content:center;font-size:3rem;border-radius:50%;background:var(--surface-card-hover);border:1px solid var(--border-light);box-shadow:0 var(--depth-3) 0 var(--surface-floor);animation:achievement-pop .3s cubic-bezier(.16,1,.3,1) .1s both;color:var(--text-primary)}@keyframes achievement-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.achievement-popup__name{margin:0;font-size:1.0625rem;font-weight:800;color:var(--text-primary)}.achievement-popup__desc{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:calc(1.4 * var(--reading-line-scale, 1))}.achievement-popup__xp{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--warning-dim);border:1px solid var(--border-light);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.achievement-popup__xp-star{font-size:.875rem}.achievement-popup__xp-value{font-size:.9375rem;font-weight:800;color:var(--warning);font-variant-numeric:tabular-nums}.achievement-popup__btn{width:100%;padding:14px 20px;font-family:var(--font-display);font-size:.9375rem;font-weight:800;color:var(--btn-text-light);background:var(--warning-dark);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 var(--depth-2) 0 var(--sun-floor);transition:transform .15s ease;margin-top:var(--space-2)}@media(hover:hover){.achievement-popup__btn:hover{transform:translateY(-1px)}}.achievement-popup__btn:active{transform:translateY(var(--travel-1))}.achievement-popup--reward .achievement-popup__card:before{background:var(--accent-indigo-wash)}.achievement-popup--reward .achievement-popup__icon{background:var(--surface-card-hover);border-color:var(--border-light);box-shadow:none;color:var(--text-primary)}.achievement-popup--reward .achievement-popup__btn{background:var(--primary-solid);border-color:var(--border-light);box-shadow:0 var(--depth-2) 0 var(--primary-floor)}.achievement-popup__ping{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.achievement-popup__ping-ring{width:80px;height:80px;border-radius:50%;background:var(--warning-bg);animation:achievement-ping .6s cubic-bezier(0,0,.2,1) 1 forwards}.achievement-popup--reward .achievement-popup__ping-ring{background:var(--primary-dim)}@keyframes achievement-ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}:where(html[data-motion=reduce]) .achievement-popup,:where(html[data-motion=reduce]) .achievement-popup__card,:where(html[data-motion=reduce]) .achievement-popup__card:before,:where(html[data-motion=reduce]) .achievement-popup__burst,:where(html[data-motion=reduce]) .achievement-popup__icon,:where(html[data-motion=reduce]) .achievement-popup__ping-ring,:where(html[data-motion=reduce]) .achievement-popup__btn{animation:none!important;transition:none!important}:where(html[data-motion=reduce]) .achievement-popup__btn:hover,:where(html[data-motion=reduce]) .achievement-popup__btn:active{transform:none}:where(html[data-motion=reduce]) .achievement-popup__ping{display:none}.challenge-reward-emblem{display:grid;place-items:center;width:96px;height:96px;flex-shrink:0;overflow:hidden;border-radius:var(--radius-xl);background:var(--bg-secondary);color:var(--metal-gold);box-shadow:var(--shadow-sm);animation:challenge-reward-emblem-in var(--duration-modal) var(--ease-out-expo) both}.achievement-popup--reward .achievement-popup__btn:focus-visible{outline-color:var(--primary-hover)}.achievement-popup--reward .achievement-popup__card{display:flex;flex-direction:column;max-height:calc(100dvh - var(--space-4) * 2)}.achievement-popup--reward .achievement-popup__body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:0}.challenge-reward-footer{position:relative;flex-shrink:0;text-align:center;padding:var(--space-4) var(--space-5) max(var(--space-6),env(safe-area-inset-bottom))}.challenge-reward-footer [role=alert]{margin:0 0 var(--space-2);color:var(--text-primary);font-size:.875rem;line-height:calc(1.4 * var(--reading-line-scale, 1))}.achievement-popup--reward .achievement-popup__xp-value,.achievement-popup--reward .achievement-popup__xp-star{color:var(--warning-text)}.achievement-popup--reward .achievement-popup__xp-star{fill:currentColor}@keyframes challenge-reward-emblem-in{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}:where(html[data-motion=reduce]) .challenge-reward-emblem{animation:none}.boot-reveal-splash{position:fixed;inset:0;z-index:80;transform-origin:50% 42%;will-change:transform,opacity}.boot-reveal-splash.is-exit{pointer-events:none;animation:boot-splash-exit .24s var(--ease-drawer, cubic-bezier(.32, .72, 0, 1)) forwards}.boot-reveal-ready{animation:boot-ready-enter .52s var(--ease-out-soft) backwards;transform-origin:50% 20%}@keyframes boot-splash-exit{to{opacity:0;transform:scale(1.08) translateY(-4%)}}@keyframes boot-ready-enter{0%{opacity:0;transform:scale(.94) translateY(16vh)}}@keyframes boot-fade-in{0%{opacity:0}to{opacity:1}}@keyframes boot-fade-out{0%{opacity:1}to{opacity:0}}:where(html[data-motion=reduce]) .boot-reveal-splash.is-exit{animation:boot-fade-out 70ms ease-out forwards}:where(html[data-motion=reduce]) .boot-reveal-ready{animation:boot-fade-in 90ms ease-out both}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Literata;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/literata-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/literata-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/literata-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Literata;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/literata-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInNoTransform{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes dialogPopIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialogPopOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-47%) scale(.96)}}@keyframes modalIn{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.96) translateY(6px)}}@keyframes sheetIn{0%{opacity:0;transform:translate3d(0,18%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes sheetOut{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,12%,0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes correctAnswer{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes successPulse{0%{box-shadow:0 0 0 0 var(--correct-floor)}70%{box-shadow:0 0 0 15px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}@keyframes fadeOutBackdrop{0%{opacity:1}to{opacity:0}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes errorPulse{0%{box-shadow:0 0 0 0 var(--wrong-floor)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}:root{--bg-body: #e7ebf0;--bg-primary: #e7ebf0;--bg-secondary: #e2e6ee;--bg-tertiary: #d9ddec;--bg-nav: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f3f5fb;--surface-card: #ffffff;--surface-card-hover: #f3f5fb;--text-primary: #0f172a;--text-secondary: #526079;--text-tertiary: #55647d;--text-muted: #55647d;--border-color: rgba(15, 23, 42, .1);--border-light: rgba(15, 23, 42, .07);--hero-icon-sheen: rgba(15, 23, 42, .05);--border-color-hover: rgba(15, 23, 42, .18);--primary-subtle: var(--primary-dim);--shadow: rgba(26, 29, 41, .1);--primary: #4f46e5;--primary-dark: #4338ca;--primary-hover: #4338ca;--primary-dim: #e1e5fd;--primary-gradient: var(--primary-solid);--primary-solid: #4f46e5;--progress-segment-empty: var(--mute-line);--switch-thumb-bg: #ffffff;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Devanagari", sans-serif;--font-display: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Noto Sans Devanagari", sans-serif;--font-serif: "Literata", Georgia, "Times New Roman", serif;--accent: #fbbf24;--accent-dim: #fef3c7;--success: #16a34a;--success-dark: #15803d;--success-dim: rgba(22, 163, 74, .1);--danger: #ef4444;--danger-dark: #dc2626;--danger-dim: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-dark: #d97706;--warning-dim: rgba(245, 158, 11, .1);--on-success: #0f172a;--on-warning: #0f172a;--on-danger: #0f172a;--btn-danger-fill: #dc2626;--btn-danger-fill-hover: #b91c1c;--btn-success-fill: #15803d;--btn-success-fill-hover: #166534;--btn-info-fill: #4f46e5;--btn-info-fill-hover: #4338ca;--btn-primary-fill-hover: #4338ca;--info: #3b82f6;--info-dim: rgba(59, 130, 246, .1);--info-bg: rgba(59, 130, 246, .04);--correct-bg: #dcfce7;--correct-border: #16a34a;--correct-text: #166534;--wrong-bg: #fee2e2;--wrong-border: #dc2626;--wrong-text: #991b1b;--warning-bg: #fef3c7;--warning-text: #92400e;--link-color: #4338ca;--link-hover: #3730a3;--input-bg: var(--surface-card);--btn-text-light: white;--btn-text-dark: var(--bg-primary);--tag-bg: var(--primary);--tag-border: none;--tag-color: white;--pill-active-bg: var(--primary);--pill-active-color: white;--example-bg: rgba(99, 102, 241, .04);--example-border: none;--example-number-color: white;--level-beginner: #22c55e;--level-beginner-dim: rgba(34, 197, 94, .08);--level-elementary: #3b82f6;--level-elementary-dim: rgba(59, 130, 246, .08);--level-pre-intermediate: #f59e0b;--level-pre-intermediate-dim: rgba(245, 158, 11, .08);--level-intermediate: #8b5cf6;--level-intermediate-dim: rgba(139, 92, 246, .08);--level-upper-intermediate: #ec4899;--level-upper-intermediate-dim: rgba(236, 72, 153, .08);--level-advanced: #ef4444;--level-advanced-dim: rgba(239, 68, 68, .08);--accent-indigo: #4f46e5;--accent-indigo-wash: rgba(79, 70, 229, .1);--accent-amber: #d97706;--accent-amber-wash: rgba(217, 119, 6, .12);--accent-coral: #e1483d;--accent-coral-wash: rgba(225, 72, 61, .1);--accent-blue: #2563eb;--accent-blue-wash: rgba(37, 99, 235, .1);--accent-teal: #0d9488;--accent-teal-wash: rgba(13, 148, 136, .1);--accent-violet: #7c3aed;--accent-violet-wash: rgba(124, 58, 237, .1);--level-card-a1: #115e59;--level-card-a2: #1d4ed8;--level-card-b1: #6d28d9;--level-card-b2: #92400e;--level-card-c1: #b91c1c;--level-card-c2: #4338ca;--metal-gold: #a16207;--metal-gold-wash: rgba(161, 98, 7, .12);--metal-silver: #64748b;--metal-silver-wash: rgba(100, 116, 139, .12);--metal-bronze: #9a6b4f;--metal-bronze-wash: rgba(154, 107, 79, .12);--league-emerald: #047857;--league-ruby: #be123c;--league-diamond: #0e7490;--league-master: #0369a1;--qr-ink: #0c0c10;--qr-paper: #ffffff;--trophy-spark: #f6b92b;--shadow-sm: 0 var(--depth-1) 0 var(--surface-floor);--shadow-md: 0 var(--depth-2) 0 var(--surface-floor);--card-shadow: 0 var(--depth-2) 0 var(--surface-floor);--shadow-lg: 0 var(--depth-3) 0 var(--surface-floor);--shadow-xl: 0 var(--depth-3) 0 var(--surface-floor);--shadow-brand: 0 var(--depth-2) 0 var(--primary-floor);--shadow-brand-hover: 0 calc(var(--depth-2) + 1px) 0 var(--primary-floor);--shadow-success: 0 var(--depth-2) 0 var(--success-floor);--surface-overlay: rgba(255, 255, 255, .5);--heatmap-empty: rgba(26, 29, 41, .07);--heatmap-low: #c6e48b;--heatmap-medium: #7bc96f;--heatmap-high: #239a3b;--heatmap-max: #196127;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-screen: 20px;--touch-target-min: 44px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--layout-padding: 16px;--container-max: 1120px;--bottom-nav-height: 76px;--bottom-nav-bar-height: 64px;--bottom-nav-edge-gap: 12px;--bottom-nav-side-gap: 16px;--bottom-nav-narrow-side-gap: 12px;--bottom-nav-max-width: 480px;--bottom-nav-bar-padding: 4px;--bottom-nav-tab-gap: 2px;--bottom-nav-icon-size: 24px;--bottom-nav-label-gap: 2px;--bottom-nav-label-size: 12px;--bottom-nav-compact-label-size: 11px;--bottom-nav-narrow-label-size: 10px;--bottom-nav-tab-min: 48px;--bottom-nav-label-line: 16px;--toolbar-height: 56px;--topnav-height: 60px;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-app-bar: 310;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 28px;--radius-full: 9999px;--ease-out-soft: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-strong: cubic-bezier(.23, 1, .32, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--ease-press: cubic-bezier(.2, .8, .2, 1);--ease-in-out-soft: cubic-bezier(.65, 0, .35, 1);--duration-press: .12s;--duration-dropdown: .24s;--duration-modal: .28s;--duration-sheet: .34s;--transition: .2s var(--ease-out-soft);--transition-slow: .3s var(--ease-out-soft);--transition-progress: .28s var(--ease-out-soft);--transition-drawer: var(--duration-sheet) var(--ease-drawer);--surface-floor: #cdd1e8;--surface-2-floor: #c3c8dc;--field-line: #7c86ad;--mute-line: #808ab1;--primary-floor: #312e81;--primary-rim: #6366f1;--primary-ink: #4338ca;--on-primary-muted: #e3e2fb;--on-solid: #ffffff;--sun: #fbbf24;--sun-floor: #b45309;--sun-glint: #fde68a;--on-sun: #1e1b4b;--ink: #1e1b4b;--object-line: #1e1b4b;--spark: #818cf8;--paper: #ffffff;--progress-fill: #4f46e5;--progress-glint: #818cf8;--success-floor: #14532d;--success-rim: #16a34a;--success-text: #15803d;--success-glint: #4ade80;--correct-floor: #a9e2bd;--danger-floor: #991b1b;--danger-rim: #ef4444;--danger-text: #b91c1c;--wrong-floor: #f3b4b4;--warning-floor: #f0d488;--disabled-face: #dadee8;--disabled-floor: #c8cddc;--disabled-text: #667189;--focus-ring: #1e1b4b;--focus-ring-on-primary: #fde68a;--scrim: rgba(9, 13, 20, .56);--tooltip-bg: #1e1b4b;--tooltip-text: #ffffff;--depth-0: 0px;--depth-1: 2px;--depth-2: 4px;--depth-3: 6px;--travel-1: 1px;--travel-2: 3px;--travel-3: 4px;--ease-spring: cubic-bezier(.3, 1.12, .5, 1);--duration-release: .36s;--duration-enter: .2s;--duration-progress: .48s;--duration-success: .36s}[data-theme=dark]{--bg-body: #090d14;--bg-primary: #090d14;--bg-secondary: #1b2236;--bg-tertiary: #232a42;--bg-nav: #141a29;--bg-card: #111622;--bg-card-hover: #171d2d;--surface-card: #111622;--surface-card-hover: #171d2d;--text-primary: #f1f5f9;--text-secondary: #9aa6c0;--text-tertiary: #8b97b5;--text-muted: #8b97b5;--border-color: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .07);--hero-icon-sheen: rgba(255, 255, 255, .07);--border-color-hover: rgba(255, 255, 255, .18);--primary-subtle: var(--primary-dim);--shadow: rgba(0, 0, 0, .4);--primary: #4f46e5;--primary-dark: #4338ca;--primary-hover: #6366f1;--primary-dim: #1a1f3d;--primary-solid: #4f46e5;--progress-segment-empty: var(--mute-line);--switch-thumb-bg: #ffffff;--accent-dim: #33260a;--success: #16a34a;--success-dark: #15803d;--success-dim: rgba(22, 163, 74, .15);--danger: #f87171;--danger-dark: #ef4444;--danger-dim: rgba(248, 113, 113, .15);--warning-dark: #d97706;--warning-dim: rgba(251, 191, 36, .15);--on-success: #0f172a;--on-warning: #0f172a;--on-danger: #0f172a;--btn-danger-fill: #dc2626;--btn-danger-fill-hover: #b91c1c;--btn-success-fill: #15803d;--btn-success-fill-hover: #166534;--btn-info-fill: #4f46e5;--btn-info-fill-hover: #4338ca;--btn-primary-fill-hover: #4338ca;--info: #60a5fa;--info-dim: rgba(96, 165, 250, .15);--info-bg: rgba(96, 165, 250, .1);--correct-bg: #0f2a1c;--correct-border: #22c55e;--correct-text: #86efac;--wrong-bg: #2e1416;--wrong-border: #f87171;--wrong-text: #fca5a5;--warning-bg: #33260a;--warning-text: #fcd34d;--link-color: #a5b4fc;--link-hover: #c7d2fe;--input-bg: var(--surface-card);--btn-text-light: white;--btn-text-dark: var(--bg-primary);--tag-bg: var(--primary-solid);--tag-border: 1.5px solid var(--primary-rim);--tag-color: #ffffff;--pill-active-bg: var(--primary-solid);--pill-active-color: #ffffff;--example-bg: var(--bg-secondary);--example-border: 1px solid var(--border-color);--example-number-color: #ffffff;--level-beginner: #4ade80;--level-beginner-dim: rgba(74, 222, 128, .15);--level-elementary: #60a5fa;--level-elementary-dim: rgba(96, 165, 250, .15);--level-pre-intermediate: #fbbf24;--level-pre-intermediate-dim: rgba(251, 191, 36, .15);--level-intermediate: #a78bfa;--level-intermediate-dim: rgba(167, 139, 250, .15);--level-upper-intermediate: #f472b6;--level-upper-intermediate-dim: rgba(244, 114, 182, .15);--level-advanced: #fb7185;--level-advanced-dim: rgba(251, 113, 133, .15);--accent-indigo: #818cf8;--accent-indigo-wash: rgba(129, 140, 248, .16);--accent-amber: #fbbf24;--accent-amber-wash: rgba(251, 191, 36, .16);--accent-coral: #fb7185;--accent-coral-wash: rgba(251, 113, 133, .16);--accent-blue: #60a5fa;--accent-blue-wash: rgba(96, 165, 250, .16);--accent-teal: #2dd4bf;--accent-teal-wash: rgba(45, 212, 191, .16);--accent-violet: #a78bfa;--accent-violet-wash: rgba(167, 139, 250, .16);--level-card-a1: #115e59;--level-card-a2: #1e40af;--level-card-b1: #5b21b6;--level-card-b2: #92400e;--level-card-c1: #991b1b;--level-card-c2: #3730a3;--metal-gold: #fbbf24;--metal-gold-wash: rgba(251, 191, 36, .16);--metal-silver: #cbd5e1;--metal-silver-wash: rgba(203, 213, 225, .14);--metal-bronze: #d6ae93;--metal-bronze-wash: rgba(214, 174, 147, .14);--league-emerald: #34d399;--league-ruby: #fb7185;--league-diamond: #67e8f9;--league-master: #38bdf8;--qr-ink: #0c0c10;--qr-paper: #f4f2ed;--surface-overlay: rgba(255, 255, 255, .06);--heatmap-empty: rgba(255, 255, 255, .07);--heatmap-low: #0e4429;--heatmap-medium: #006d32;--heatmap-high: #26a641;--heatmap-max: #39d353;--surface-floor: #222944;--surface-2-floor: #2a3252;--field-line: #6a76a0;--mute-line: #5d688f;--primary-floor: #2b2874;--primary-ink: #a5b4fc;--object-line: #b45309;--progress-fill: #818cf8;--progress-glint: #c7d2fe;--success-floor: #0f4424;--success-text: #4ade80;--correct-floor: #1a4a30;--danger-floor: #7f1d1d;--danger-text: #fca5a5;--wrong-floor: #5a2126;--warning-floor: #5c430f;--disabled-face: #1b2236;--disabled-floor: #232a42;--disabled-text: #66718f;--focus-ring: #fde68a;--scrim: rgba(0, 0, 0, .64);--tooltip-bg: #f1f5f9;--tooltip-text: #0f172a}:root{--surface: var(--bg-card);--surface-2: var(--bg-secondary);--surface-elevated: var(--bg-card-hover);--surface-container-high: var(--bg-secondary);--surface-container-highest: var(--bg-tertiary);--text: var(--text-primary);--border: var(--border-light);--border-subtle: var(--border-light);--on-primary: #ffffff;--text-on: #ffffff;--text-on-primary: #ffffff;--brand-telegram: #229ed9;--primary-soft: var(--primary-dim);--error: var(--danger);--bg-surface: var(--bg-card);--bg-hover: var(--bg-card-hover);--border-hover: var(--border-color-hover);--interactive-primary: var(--primary);--interactive-primary-hover: var(--btn-primary-fill-hover);--space-10: 80px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100dvh}html{background-color:var(--bg-primary)}#root{position:relative;z-index:1}@media(max-width:767px){html{background-attachment:scroll}}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:transparent;color:var(--text-primary);transition:color .3s ease}h1,h2,h3,.font-display{font-family:var(--font-display)}.skip-link{position:fixed;top:-100px;left:12px;z-index:var(--z-tooltip);padding:10px 16px;background:var(--primary);color:var(--on-solid);font-weight:600;border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-decoration:none}.skip-link:focus,.skip-link:focus-visible{top:calc(12px + var(--safe-area-top));outline:3px solid var(--focus-ring);outline-offset:2px}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.ui-modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:var(--space-4, 16px);z-index:var(--z-modal-backdrop);background-color:#06040f80;animation:fadeInBackdrop .2s ease-out both}[data-theme=light] .ui-modal-backdrop{background-color:#0f172a52}.ui-modal-backdrop--closing{animation:fadeOutBackdrop .18s ease-out forwards}.ui-modal{position:relative;width:100%;max-width:420px;max-height:calc(100dvh - 32px);overflow:auto;padding:var(--space-6);border-radius:var(--radius-2xl);background:var(--surface-card);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);animation:modalIn var(--duration-modal) var(--ease-out-strong) both;will-change:transform,opacity;transform-origin:center center}.ui-modal--closing{animation:modalOut .18s var(--ease-out-soft) forwards}.error-screen{animation:fadeIn var(--duration-slow, .3s) var(--ease-out-soft, ease-out) both}.error-screen-card{animation:modalIn var(--duration-modal) var(--ease-out-strong) both;will-change:transform,opacity;transform-origin:center center}:where(html[data-motion=reduce]) .ui-modal-backdrop,:where(html[data-motion=reduce]) .ui-modal,:where(html[data-motion=reduce]) .error-screen,:where(html[data-motion=reduce]) .error-screen-card{animation:none!important}button{font-family:inherit;color:inherit}input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.app-layout{max-width:var(--container-max);margin:0 auto;min-height:100dvh;padding:var(--layout-padding);display:flex;flex-direction:column}.app-layout>main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.app-layout>main[hidden]{display:none}.app-layout:has(>main:not([hidden]) .lesson-detail-shell),.app-layout:has(>main:not([hidden]) .letter-lesson-root){height:100dvh;padding-bottom:var(--keyboard-inset, 0px)}@media(min-width:768px){.app-layout{padding:var(--space-6);min-height:calc(100dvh - var(--topnav-height))}.app-layout:has(>main:not([hidden]) .lesson-detail-shell),.app-layout:has(>main:not([hidden]) .letter-lesson-root){height:calc(100dvh - var(--topnav-height));padding-bottom:var(--keyboard-inset, 0px)}}@keyframes pageEnter{0%{transform:translateY(10px)}to{transform:translateY(0)}}.page-enter{animation:pageEnter .3s ease-out}:where(html[data-motion=reduce]) .page-enter{animation:none}.error-shake{animation:shake .4s ease-out}.error-input{border-color:var(--danger)!important;animation:errorPulse .6s ease-out}.stepper-container,.hide-scrollbar{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.stepper-container::-webkit-scrollbar,.hide-scrollbar::-webkit-scrollbar{display:none}.animate-fadeIn{animation:fadeIn .4s ease-out both}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes pageSlideIn{0%{opacity:0}to{opacity:1}}.page-transition{animation:pageSlideIn .25s ease-out}.question-card-enter{animation:slideInFromRight .3s ease-out}.question-card-fade-in{animation:fadeIn .3s ease-out}.question-option-enter{animation:fadeIn .3s ease-out backwards}@keyframes slideInFromRightSmall{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.btn-scale-effect{transition:transform .15s ease-out}@media(hover:hover){.btn-scale-effect:hover{transform:translateY(-1px)}}.btn-scale-effect:active{transform:translateY(var(--travel-1))}.stagger-item{animation:none;opacity:1;transform:none}.animated-number{display:inline-block;font-variant-numeric:tabular-nums;will-change:transform}.animated-number--updating{animation:sync-number-bump .45s cubic-bezier(.16,1,.3,1)}@keyframes sync-number-bump{0%{transform:scale(1)}35%{transform:scale(1.08)}to{transform:scale(1)}}.sync-badge-updating{animation:sync-badge-pop .5s cubic-bezier(.16,1,.3,1)}@keyframes sync-badge-pop{0%{transform:scale(1)}35%{transform:scale(1.05)}to{transform:scale(1)}}.xp-progress__fill,.daily-widget__pill-fill,.study-goal-card-progress-fill,.level-section-progress-fill,.challenge-card__progress-fill,.preview-progress-fill{transition:transform var(--transition-progress)!important}:where(html[data-motion=reduce]) .animated-number--updating,:where(html[data-motion=reduce]) .sync-badge-updating{animation:none!important}:where(html[data-motion=reduce]) .xp-progress__fill,:where(html[data-motion=reduce]) .daily-widget__pill-fill,:where(html[data-motion=reduce]) .study-goal-card-progress-fill,:where(html[data-motion=reduce]) .level-section-progress-fill,:where(html[data-motion=reduce]) .challenge-card__progress-fill,:where(html[data-motion=reduce]) .preview-progress-fill{transition:none!important}.answer-status-mark{opacity:0;scale:.6;pointer-events:none;transition:opacity .14s var(--ease-out-strong),scale .26s var(--ease-spring)}.answer-status-mark[data-status=correct],.answer-status-mark[data-status=wrong]{opacity:1;scale:1}.answer-status-mark[data-status=correct]{transition:opacity 80ms linear,scale .24s cubic-bezier(.34,1.56,.64,1)}.answer-status-mark[data-status=correct] svg :is(path,polyline){stroke-dasharray:24;animation:answerCheckDraw .24s var(--ease-out-strong) both}.answer-status-mark[data-status=wrong]{animation:answerMarkPop .18s cubic-bezier(.34,1.56,.64,1) both}.exercise-input-correct,.glass-input--correct,.learn-card__input--correct{animation:answerTextSuccess .16s var(--ease-out-strong) both,answerFieldPress .22s var(--ease-press, ease-out) both}.exercise-input-wrapper-shake,.exercise-input-wrapper:not(.exercise-input-wrapper-shake)>.exercise-input-wrong,.glass-input--wrong,.learn-card__input--wrong,:not(.exercise-input-wrapper-shake)>.answer-diff-overlay{animation:answerShake .32s var(--ease-out-strong) both}.answer-diff-overlay{position:absolute;z-index:1;display:flex;align-items:center;box-sizing:border-box;overflow:hidden;color:var(--text-primary);white-space:pre;pointer-events:none}.answer-diff-overlay__text{flex:none}.answer-diff-overlay__wrong{position:relative;color:var(--wrong-text);animation:answerWordTint .16s var(--ease-out-strong) both;animation-delay:calc(var(--answer-word-index, 0) * 40ms)}.answer-diff-overlay__wrong:after{content:attr(data-text);position:absolute;inset:0;color:transparent;text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:var(--wrong-text);text-decoration-thickness:1.5px;text-underline-offset:5px;text-decoration-skip-ink:none;clip-path:inset(0 0 -12px 0);animation:answerUnderlineDraw .22s var(--ease-out-strong) both;animation-delay:calc(var(--answer-word-index, 0) * 40ms)}input[data-answer-diff=on]{-webkit-text-fill-color:transparent}.answer-feedback-line{min-height:calc(1.25rem * var(--reading-line-scale, 1));margin:6px 0 0;font-size:.875rem;font-weight:700;line-height:calc(1.25rem * var(--reading-line-scale, 1));text-align:center;overflow-wrap:anywhere}.answer-feedback-line--correct{color:var(--correct-text);animation:answerLineRise .2s var(--ease-out-strong) 60ms both}.answer-feedback-line--wrong{color:var(--wrong-text);animation:answerLineRise .2s var(--ease-out-strong) 80ms both}@keyframes answerCheckDraw{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes answerMarkPop{0%{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes answerTextSuccess{0%{color:var(--text-primary)}}@keyframes answerFieldPress{0%,to{transform:translateY(0)}40%{transform:translateY(2px)}}@keyframes answerShake{0%,to{transform:translate(0)}16%{transform:translate(-8px)}33%{transform:translate(8px)}50%{transform:translate(-5px)}66%{transform:translate(5px)}83%{transform:translate(-2px)}}@keyframes answerWordTint{0%{color:var(--text-primary)}}@keyframes answerUnderlineDraw{0%{clip-path:inset(0 100% -12px 0)}to{clip-path:inset(0 0 -12px 0)}}@keyframes answerLineRise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}:where(html[data-motion=reduce]) .answer-status-mark,:where(html[data-motion=reduce]) .answer-status-mark[data-status=correct]{transition:none}:where(html[data-motion=reduce]) .answer-status-mark[data-status=correct] svg :is(path,polyline),:where(html[data-motion=reduce]) .answer-status-mark[data-status=wrong],:where(html[data-motion=reduce]) .exercise-input-correct,:where(html[data-motion=reduce]) .glass-input--correct,:where(html[data-motion=reduce]) .learn-card__input--correct,:where(html[data-motion=reduce]) .exercise-input-wrapper-shake,:where(html[data-motion=reduce]) .exercise-input-wrong,:where(html[data-motion=reduce]) .glass-input--wrong,:where(html[data-motion=reduce]) .learn-card__input--wrong,:where(html[data-motion=reduce]) .answer-diff-overlay,:where(html[data-motion=reduce]) .answer-diff-overlay__wrong,:where(html[data-motion=reduce]) .answer-diff-overlay__wrong:after,:where(html[data-motion=reduce]) .answer-feedback-line--correct,:where(html[data-motion=reduce]) .answer-feedback-line--wrong{animation:none}:where(.toon){--toon-depth: var(--depth-2);--toon-travel: var(--travel-2);--toon-face: var(--surface-card);--toon-floor: var(--surface-floor);--toon-edge: inset 0 0 0 1px var(--border-light);--toon-radius: var(--radius-lg);position:relative;box-sizing:border-box;padding:0 0 var(--toon-depth);border:0;border-radius:var(--toon-radius);background:none;color:var(--text-primary);-webkit-tap-highlight-color:transparent}:where(.toon):before{content:"";position:absolute;inset:var(--toon-depth) 0 0;border-radius:inherit;background:var(--toon-floor);pointer-events:none}:where(.toon__face){display:block;position:relative;box-sizing:border-box;border-radius:inherit;background:var(--toon-face);box-shadow:var(--toon-edge);transition:transform var(--duration-release) var(--ease-spring)}.toon--d0{--toon-depth: var(--depth-0);--toon-travel: 0px}.toon--d1{--toon-depth: var(--depth-1);--toon-travel: var(--travel-1)}.toon--d3{--toon-depth: var(--depth-3);--toon-travel: var(--travel-3)}.toon--soft{--toon-face: var(--bg-secondary);--toon-floor: var(--surface-2-floor)}.toon--brand{--toon-face: var(--primary);--toon-floor: var(--primary-floor);--toon-edge: inset 0 2px 0 var(--primary-rim);color:var(--on-primary)}.toon--sun{--toon-face: var(--sun);--toon-floor: var(--sun-floor);--toon-edge: inset 0 2px 0 var(--sun-glint);color:var(--on-sun)}.toon--sun svg{color:var(--on-solid)}.reference-action>svg,.streak-viz__flame-circle>svg,.streak-viz__day-dot--active>svg,.notif-prompt-icon>svg,.lesson-context__sample-mark>svg,.landing-final-cta .btn-primary svg{color:var(--on-solid)}.toon--success{--toon-face: var(--btn-success-fill);--toon-floor: var(--success-floor);--toon-edge: inset 0 2px 0 var(--success-rim);color:var(--on-solid)}.toon--danger{--toon-face: var(--btn-danger-fill);--toon-floor: var(--danger-floor);--toon-edge: inset 0 2px 0 var(--danger-rim);color:var(--on-solid)}.toon--press{cursor:pointer}@media(hover:hover)and (pointer:fine){.toon--press:hover>.toon__face{transform:translateY(-1px);transition:transform .2s var(--ease-out-strong)}}.toon--press:active>.toon__face,.toon[aria-busy=true]>.toon__face{transform:translateY(var(--toon-travel));transition:transform var(--duration-press) var(--ease-press)}.toon:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.toon--brand .toon:focus-visible{outline-color:var(--focus-ring-on-primary)}.toon:disabled:not([aria-busy=true]),.toon.is-disabled{--toon-face: var(--disabled-face);--toon-floor: var(--disabled-floor);--toon-edge: 0 0 0 0 transparent;color:var(--disabled-text);cursor:not-allowed}.toon:disabled:not([aria-busy=true])>.toon__face,.toon.is-disabled>.toon__face{transform:translateY(max(0px,calc(var(--toon-depth) - 1px)))}.toon[aria-busy=true]{cursor:progress}:where(.toon-solo,.dialog-btn,.dialog-close,.exercise-btn){--toon-depth: var(--depth-2);--toon-travel: var(--travel-2);--toon-face: var(--surface-card);--toon-floor: var(--surface-floor);--toon-edge: inset 0 0 0 1px var(--border-light);--toon-radius: var(--radius-md);position:relative;isolation:isolate;box-sizing:border-box;margin-bottom:var(--toon-depth);border:0;border-radius:var(--toon-radius);background:none;color:var(--text-primary);cursor:pointer;transition:transform var(--duration-release) var(--ease-spring);-webkit-tap-highlight-color:transparent}:where(.toon-solo,.dialog-btn,.dialog-close,.exercise-btn):before,:where(.toon-solo,.dialog-btn,.dialog-close,.exercise-btn):after{content:"";position:absolute;border-radius:inherit;pointer-events:none}:where(.toon-solo,.dialog-btn,.dialog-close,.exercise-btn):before{inset:var(--toon-depth) 0 calc(-1 * var(--toon-depth));z-index:-2;background:var(--toon-floor);transition:inherit}:where(.toon-solo,.dialog-btn,.dialog-close,.exercise-btn):after{inset:0;z-index:-1;background:var(--toon-face);box-shadow:var(--toon-edge)}@media(hover:hover)and (pointer:fine){:is(.toon-solo,.dialog-btn,.dialog-close,.exercise-btn):hover:not(:disabled){transform:translateY(-1px);transition:transform .2s var(--ease-out-strong)}:is(.toon-solo,.dialog-btn,.dialog-close,.exercise-btn):hover:not(:disabled):before{transform:translateY(1px)}}:is(.toon-solo,.dialog-btn,.dialog-close,.exercise-btn):active:not(:disabled){transform:translateY(var(--toon-travel));transition:transform var(--duration-press) var(--ease-press)}:is(.toon-solo,.dialog-btn,.dialog-close,.exercise-btn):active:not(:disabled):before{transform:translateY(calc(-1 * var(--toon-travel)))}:is(.toon-solo,.dialog-btn,.dialog-close,.exercise-btn):focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}:is(.toon-solo,.dialog-btn,.dialog-close,.exercise-btn):disabled{--toon-face: var(--disabled-face);--toon-floor: var(--disabled-floor);--toon-edge: 0 0 0 0 transparent;--toon-sunk: max(0px, calc(var(--toon-depth) - 1px));color:var(--disabled-text);cursor:not-allowed;transform:translateY(var(--toon-sunk))}:is(.toon-solo,.dialog-btn,.dialog-close,.exercise-btn):disabled:before{transform:translateY(calc(-1 * var(--toon-sunk)))}.toon-bar{display:block;height:12px;border-radius:6px;background:var(--bg-tertiary);overflow:hidden}.toon-bar__fill{display:block;position:relative;height:100%;border-radius:6px;background:var(--progress-fill)}.toon-bar__fill:after{content:"";position:absolute;top:2px;right:8px;left:6px;height:3px;border-radius:2px;background:var(--progress-glint)}:where(html[data-motion=reduce]) .toon__face,:where(html[data-motion=reduce]) .toon--press:hover>.toon__face,:where(html[data-motion=reduce]) .toon--press:active>.toon__face,:where(html[data-motion=reduce]) .toon[aria-busy=true]>.toon__face,:where(html[data-motion=reduce]) :is(.toon-solo,.dialog-btn,.dialog-close,.exercise-btn),:where(html[data-motion=reduce]) :is(.toon-solo,.dialog-btn,.dialog-close,.exercise-btn):hover:not(:disabled),:where(html[data-motion=reduce]) :is(.toon-solo,.dialog-btn,.dialog-close,.exercise-btn):active:not(:disabled){transition:none}.icon-slot{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.lucide.tildon-icon{flex-shrink:0}.lucide.tildon-icon>*{stroke:none!important;fill-opacity:1!important}.tildon-icon--glyph{--tildon-glyph-tone: #6366f1}.tildon-icon--glyph.tildon-icon--mute{--tildon-glyph-tone: #64748b}.tildon-icon--glyph>*{fill:var(--tildon-solid-ink, var(--tildon-glyph-tone))}.tildon-icon--spinner>:first-child{fill:var(--tildon-solid-track, #a5b4fc)}.tildon-icon--spinner>:last-child{fill:var(--tildon-solid-ink, #6366f1)}:where(.lucide.tildon-icon:not(.tildon-icon--glyph,.tildon-icon--spinner)){border-radius:var(--tildon-icon-plate-radius, 0);background-color:var(--tildon-icon-plate, transparent);box-shadow:0 0 0 var(--tildon-icon-plate-ring, 0) var(--tildon-icon-plate, transparent)}.tildon-icon-on-solid,.toon--sun,.reference-action,.streak-viz__flame-circle,.streak-viz__day-dot--active,.notif-prompt-icon,.lesson-context__sample-mark,.landing-final-cta .btn-primary{--tildon-solid-ink: currentColor;--tildon-solid-track: color-mix(in srgb, currentColor 40%, transparent);--tildon-icon-plate: #ffffff;--tildon-icon-plate-ring: 2px;--tildon-icon-plate-radius: 999px}.tildon-icon-on-surface{--tildon-solid-ink: initial;--tildon-solid-track: initial;--tildon-icon-plate: initial;--tildon-icon-plate-ring: initial;--tildon-icon-plate-radius: initial}.achievement-popup__footer .achievement-popup__btn,.achievement-popup__stage{--tildon-solid-ink: currentColor;--tildon-solid-track: color-mix(in srgb, currentColor 40%, transparent);--tildon-icon-plate: #ffffff;--tildon-icon-plate-ring: 2px;--tildon-icon-plate-radius: 999px}.add-btn:hover:not(:disabled){--tildon-solid-ink: currentColor;--tildon-solid-track: color-mix(in srgb, currentColor 40%, transparent);--tildon-icon-plate: #ffffff;--tildon-icon-plate-ring: 2px;--tildon-icon-plate-radius: 999px}.add-word-page .word-form-btn--primary,.alltime-row__avatar,.alphabet-card__status-dot,.alphabet-card__status-pill,.app-install-bar-cta,.auth-email-submit,.avf__submit,.battle-answer-submit,.bottom-nav-tab--active,.champion-cta,.daily-goal-preset--active-primary,.daily-goal-preset--active-primary:hover,.daily-goal-preset--active-success,.daily-goal-preset--active-success:hover,.desktop-nav-login,.desktop-nav-more--active .desktop-nav-more__button,.desktop-nav-more--active .desktop-nav-more__button:hover,.desktop-nav-profile--active,.desktop-nav-tab--active,.desktop-nav-tab--active:hover,.dialog-btn--danger,.dialog-btn--info,.dialog-btn--primary,.dialog-btn--success,.difficult-words__practice-cta,.direction-toggle__option.is-active,.drill-chip[aria-pressed=true],.drill-result__icon,.edit-profile-avatar-badge,.edit-profile-avatar-preview,.exam-flow-btn-primary,.exam-flow-btn-success,.exam-intro-section-icon,.exam-question-play,.exam-question__number,.exam-results-mistake-index,.exam-review__number,.example-delete,.exercise-btn-primary,.exercise-btn-success,.exercise-clean-pip-filled,.exercise-examples-btn-count,.filter-chip.active,.focus-duration.active,.focus-music-fab.playing,.focus-music-mode.active,.focus-music-play,.focus-session-state--running,.goal-error__tile,.goal-radio--on,.inapp-banner-action,.inapp-banner-icon,.landing-exercise-check,.landing-hero-path-step:first-child .landing-hero-path-dot,.landing-login-btn,.leaderboard-item__avatar,.leaderboard-page__guest-banner-btn,.leaderboard-page__join-btn,.leaderboard-page__tab.is-active,.league-onboarding__btn-primary,.learn-card__sound-btn,.learn-card__submit,.learn-complete__btn-primary,.learn-empty__button,.learn-mode-toggle__btn--active,.learn-repeat-btn--active,.legal-mark,.lesson-card-completed .lesson-card-index,.lesson-card-continue,.lesson-card-current .lesson-card-index,.lesson-card-in-progress .lesson-card-index,.lesson-clarity__cta,.lesson-clarity__hero,.lesson-clarity__row.is-done .lesson-clarity__mark,.lesson-clarity__row.is-focus .lesson-clarity__mark,.lesson-detail-preview-arrow,.lesson-detail-state-btn,.lesson-guided-path-item.is-current .lesson-guided-path-index,.lesson-stepper-group-circle.completed,.lesson-stepper-group-progress,.lesson-steps__row.is-current .lesson-steps__mark,.lesson-steps__row.is-done .lesson-steps__mark,.lesson-today-check--done,.levelup-btn,.listening-play-btn,.listening-speed-indicator,.lobby-cta-btn,.login-prompt-icon,.member-profile-sheet__done,.mistake-item-number,.not-found-mark,.onboarding-btn--primary,.onboarding-choice.is-selected .onboarding-choice-check,.onboarding-time.is-selected,.premium-benefit__icon,.premium-status__icon--end,.premium-status__icon--guest,.premium-status__icon--ok,.premium-step--done .premium-step__marker,.premium-step--now .premium-step__marker,.premium-support__icon,.primary-button,.ptool-certificate__badge,.ptool-chip--due,.ptool-link-button,.ptool-link-card__icon,.ptool-segment__item[aria-pressed=true],.ptool-summary__icon,.pwa-dialog-icon,.pwa-install-action,.pwa-install-icon,.pwa-update-action,.pwa-update-icon,.qc-listen-btn,.qc-listen-speed-btn--active,.quiz-question-level,.random-generate-btn,.reference-intro,.reference-topic-icon,.reminder-offer-tile,.reminder-offer[data-state=enabled] .reminder-offer-tile,.save-progress-telegram,.settings-action-icon--apple,.settings-action-icon--play,.settings-action-icon--telegram,.settings-change-btn:hover,.settings-dev-full-btn,.settings-dev-play-btn,.settings-edit-profile-btn,.settings-login-btn,.settings-logout-btn:hover,.settings-profile-avatar,.settings-row--selectable.selected,.settings-row-icon--clickable:hover,.settings-section-header-badge,.settings-sidebar-selection,.skip-link,.sound-button,.stack-flip-back,.stack-flip-listen,.statistics-page__empty-button,.store-link--apple .store-link-icon,.store-link--play .store-link-icon,.streak-dialog-btn,.success-toast,.telegram-channel-card-icon,.test-tab-active,.test-tab-active:hover,.theme-pack-card__check,.theory-say[aria-pressed=true],.theory-section-badge,.ti-language-check,.toolbar-icon-action--active,.toolbar-login-btn,.toon--brand,.toon--danger,.toon--success,.translation-card__badge,.translation-exercise__next,.translation-result__retry,.vd-review-badge,.visual-share-btn--primary,.visual-share-format-btn.is-active,.vocab-empty__button,.vocabulary-sidebar-empty-icon,.vocabulary-sidebar-select.is-selected,.word-form-unavailable-icon,.word-order-check,.word-tile__initial{--tildon-solid-ink: currentColor;--tildon-solid-track: color-mix(in srgb, currentColor 40%, transparent);--tildon-icon-plate: #ffffff;--tildon-icon-plate-ring: 2px;--tildon-icon-plate-radius: 999px}body:has(main:not([hidden]) .lesson-detail-page :is(.bottom-action-bar,.lesson-clarity__dock)) .focus-music-playing .focus-music-settings{--tildon-solid-ink: currentColor;--tildon-solid-track: color-mix(in srgb, currentColor 40%, transparent);--tildon-icon-plate: #ffffff;--tildon-icon-plate-ring: 2px;--tildon-icon-plate-radius: 999px}body:has(main:not([hidden]) :is(.bottom-action-bar--pinned,.lesson-clarity__dock,.premium-dock):not(.lesson-detail-page *,.bottom-action-bar-hidden)) .focus-music-playing .focus-music-settings{--tildon-solid-ink: currentColor;--tildon-solid-track: color-mix(in srgb, currentColor 40%, transparent);--tildon-icon-plate: #ffffff;--tildon-icon-plate-ring: 2px;--tildon-icon-plate-radius: 999px}.add-btn{--tildon-solid-ink: initial;--tildon-solid-track: initial;--tildon-icon-plate: initial;--tildon-icon-plate-ring: initial;--tildon-icon-plate-radius: initial}.add-word-page .word-form-btn--primary:disabled{--tildon-solid-ink: initial;--tildon-solid-track: initial;--tildon-icon-plate: initial;--tildon-icon-plate-ring: initial;--tildon-icon-plate-radius: initial}.desktop-nav-tab--primary:not(.desktop-nav-tab--active){--tildon-solid-ink: initial;--tildon-solid-track: initial;--tildon-icon-plate: initial;--tildon-icon-plate-ring: initial;--tildon-icon-plate-radius: initial}.direction-toggle__option,.drill-chip,.filter-chip,.focus-duration,.focus-duration:hover,.focus-music-dock.playing,.focus-music-fab,.focus-music-mode,.focus-music-settings,.landing-hero-path-dot,.leaderboard-page__tab{--tildon-solid-ink: initial;--tildon-solid-track: initial;--tildon-icon-plate: initial;--tildon-icon-plate-ring: initial;--tildon-icon-plate-radius: initial}.learn-card__submit:disabled{--tildon-solid-ink: initial;--tildon-solid-track: initial;--tildon-icon-plate: initial;--tildon-icon-plate-ring: initial;--tildon-icon-plate-radius: initial}.lesson-card-index,.lesson-clarity__mark{--tildon-solid-ink: initial;--tildon-solid-track: initial;--tildon-icon-plate: initial;--tildon-icon-plate-ring: initial;--tildon-icon-plate-radius: initial}.lesson-detail-preview-arrow:disabled{--tildon-solid-ink: initial;--tildon-solid-track: initial;--tildon-icon-plate: initial;--tildon-icon-plate-ring: initial;--tildon-icon-plate-radius: initial}.lesson-guided-path-item.is-done .lesson-guided-path-index,.lesson-stepper-group-circle,.lesson-stepper-substep-dot.active,.lesson-steps__mark,.lesson-steps__row.is-locked .lesson-steps__mark,.onboarding-choice.is-selected,.onboarding-time,.premium-step__marker,.ptool-segment__item,.settings-change-btn{--tildon-solid-ink: initial;--tildon-solid-track: initial;--tildon-icon-plate: initial;--tildon-icon-plate-ring: initial;--tildon-icon-plate-radius: initial}.settings-dev-full-btn:disabled{--tildon-solid-ink: initial;--tildon-solid-track: initial;--tildon-icon-plate: initial;--tildon-icon-plate-ring: initial;--tildon-icon-plate-radius: initial}.settings-logout-btn,.settings-profile-avatar.guest,.settings-row--selectable:hover,.ti-language-pill.is-selected,.visual-share-format-btn,.vocabulary-sidebar-select,.word-list__item.is-selected{--tildon-solid-ink: initial;--tildon-solid-track: initial;--tildon-icon-plate: initial;--tildon-icon-plate-ring: initial;--tildon-icon-plate-radius: initial}.word-list__item:not(.is-selected):hover{--tildon-solid-ink: initial;--tildon-solid-track: initial;--tildon-icon-plate: initial;--tildon-icon-plate-ring: initial;--tildon-icon-plate-radius: initial}html,body,#root,*,*:before,*:after{-ms-overflow-style:none!important;scrollbar-width:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar,#root::-webkit-scrollbar,*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}::-webkit-scrollbar-button,::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece,::-webkit-scrollbar-thumb,::-webkit-scrollbar-corner,::-webkit-resizer{display:none!important;width:0!important;height:0!important;background:transparent!important}@media(max-width:479px){html,body{height:100%;overflow:hidden}#root{height:100%;overflow-y:auto;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;scrollbar-width:none}#root::-webkit-scrollbar{display:none}}:where(html[data-motion=reduce]) *,:where(html[data-motion=reduce]) *:before,:where(html[data-motion=reduce]) *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media(max-width:479px){:root{--layout-padding: 12px}}[data-responsive=container]{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(max-width:479px){[data-responsive=container]{padding-left:var(--space-3);padding-right:var(--space-3)}}[data-responsive=grid]{display:grid;gap:var(--space-4)}@media(max-width:479px){[data-responsive=grid]{grid-template-columns:1fr!important;gap:var(--space-3)}}@media(min-width:480px)and (max-width:767px){[data-responsive=grid-2]{grid-template-columns:repeat(2,1fr)!important}}[data-responsive=stack-mobile]{display:flex}@media(max-width:767px){[data-responsive=stack-mobile]{flex-direction:column!important}}@media(max-width:767px){[data-responsive=hide-mobile],.layout-theme-btn{display:none!important}}[data-responsive=hide-desktop]{display:none}@media(max-width:767px){[data-responsive=hide-desktop]{display:block!important}}@media(max-width:767px){[data-responsive=full-mobile]{width:100%!important}}@media(max-width:359px){[data-responsive=text-sm]{font-size:.75rem!important}}@media(max-width:767px){.page-enter{animation-duration:.2s}}.safe-area-top{padding-top:var(--safe-area-top)}.safe-area-bottom{padding-bottom:var(--safe-area-bottom)}.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}@media(max-width:767px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea,select{font-size:1rem!important}}html{--reading-text-scale: 1;--reading-line-scale: 1;font-size:calc(100% * var(--reading-text-scale))}html[data-reading-font=atkinson]{--font-body: "Atkinson Hyperlegible", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Devanagari", sans-serif;--font-display: "Atkinson Hyperlegible", "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Noto Sans Devanagari", sans-serif;--font-serif: "Atkinson Hyperlegible", "Literata", Georgia, "Times New Roman", serif}html[data-reading-lines=wide] body{line-height:calc(1.5 * var(--reading-line-scale))}