.avatar{display:inline-grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--color-primary-tint);color:var(--color-primary);font-weight:var(--weight-semibold);line-height:1;-webkit-user-select:none;user-select:none}.avatar--md{width:32px;height:32px;font-size:var(--text-xs)}.avatar--lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar--xl{width:84px;height:84px;font-size:var(--text-2xl)}.avatar--photo{background:var(--color-border);overflow:hidden}.avatar--photo img{width:100%;height:100%;object-fit:cover}.sidebar{position:fixed;top:0;left:0;z-index:20;display:flex;flex-direction:column;width:var(--sidebar-width);height:100vh;height:100dvh;background:var(--color-surface);color:var(--color-text);border-right:1px solid var(--color-border)}.sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--topbar-height);padding:0 var(--space-5);border-bottom:1px solid var(--color-border)}.brand{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--track-tight);text-decoration:none}.brand__logo{flex:0 0 auto;width:32px;height:32px;border-radius:50%;object-fit:cover}.sidebar__drawer-title,.sidebar__close{display:none}.sidebar__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4) var(--space-3);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.sidebar__scroll::-webkit-scrollbar{width:6px}.sidebar__scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-text-muted) 32%,transparent)}.sidebar__scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-text-muted) 50%,transparent)}.nav-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.nav-link{position:relative;display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:42px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.nav-link .icon{width:18px;height:18px;color:var(--color-text-muted)}.nav-link:hover{background:var(--color-surface-subtle);color:var(--color-text)}.nav-link.is-active{background:var(--color-primary-tint);color:var(--color-primary);font-weight:var(--weight-semibold)}.sidebar__main .nav-link.is-active:not(.day-toggle):before{content:"";position:absolute;left:calc(var(--space-3) * -1);top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--color-primary)}.nav-link.is-active .icon{color:var(--color-primary)}.path-menu__label{flex:1;min-width:0;text-align:left}.path-menu__toggle{border:0;background:transparent;cursor:pointer}.path-menu__chevron{display:grid;place-items:center;color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out)}.nav-link .path-menu__chevron .icon{width:16px;height:16px}.path-menu.is-open .path-menu__chevron{transform:rotate(90deg)}.path-menu__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s var(--ease-out)}.path-menu.is-open .path-menu__panel{grid-template-rows:1fr}.path-menu__inner{overflow:hidden}.path-menu__list{margin:var(--space-1) 0 var(--space-2) 16px;padding:var(--space-2) 0 0 var(--space-2);border-left:1px solid var(--color-border)}.path-menu__list .course-progress{margin:0 var(--space-2) var(--space-2)}.course-progress{margin:0 var(--space-2) var(--space-3)}.course-progress__meta{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-xs)}.course-progress__meta span:last-child{color:var(--color-text);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums}.course-progress__bar{height:4px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-border)}.course-progress__bar span{display:block;height:100%;border-radius:inherit;background:var(--color-primary);transition:width .3s var(--ease-out)}.day-group{position:relative}.day-group:not(:last-child):after{content:"";position:absolute;top:21px;left:20px;z-index:0;width:2px;height:calc(100% + 2px);background:var(--color-border-strong)}.day-toggle{position:relative;z-index:1;text-align:left}.day-toggle:before{content:"";flex:0 0 auto;display:grid;place-items:center;width:18px;height:18px;border:1.5px solid var(--color-border-strong);border-radius:50%;background:var(--color-surface);color:var(--color-on-primary);font-size:var(--type-sm);font-weight:var(--weight-bold)}.day-toggle.is-filled:before{content:"✓";border-color:var(--color-success);background:var(--color-success)}.day-toggle.is-active:before{content:"";border:5px solid var(--color-primary)}.day-toggle,.day-toggle.is-filled{background:transparent;color:var(--color-text);transition:background .2s var(--ease-out),color .2s var(--ease-out),transform var(--duration-fast) var(--ease-out)}.day-toggle:hover,.day-toggle.is-filled:hover{background:var(--color-surface-subtle);transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.day-toggle:hover,.day-toggle.is-filled:hover{transform:none}}.day-toggle.is-active,.day-toggle.is-filled.is-active{background:var(--color-primary-tint);color:var(--color-primary);box-shadow:none}.day-toggle.is-active:hover,.day-toggle.is-filled.is-active:hover{background:var(--color-primary-tint)}.day-toggle.is-filled:not(.is-active) .day-toggle__day{color:var(--color-text-muted, inherit)}.day-toggle__label{display:flex;flex:1;align-items:baseline;min-width:0;color:inherit}.day-toggle__day,.day-toggle__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day-toggle__day{flex-shrink:0}.day-toggle__title{min-width:0;color:inherit;opacity:.75}.day-toggle__title:before{content:" – "}.day-tag{flex:0 0 auto;color:inherit;opacity:.75;font-size:var(--text-xs)}.day-tag.is-live{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 6px;border-radius:var(--radius-pill);background:var(--color-danger-tint);color:var(--color-danger);opacity:1;font-weight:var(--weight-medium);line-height:20px}.day-tag__dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--color-danger);animation:day-tag-pulse 1.2s ease-in-out infinite}@keyframes day-tag-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.day-tag__dot{animation:none}}.day-toggle__count{flex:0 0 auto;min-width:26px;color:inherit;opacity:.75;font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:right}.day-toggle__count.is-complete{opacity:1;font-weight:var(--weight-medium)}.day-toggle.is-locked{opacity:.45;cursor:not-allowed}.day-toggle.is-locked:hover{background:none}.day-toggle.is-locked .day-toggle__count .icon{width:14px;height:14px}.sidebar__profile{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border)}.sidebar__icon-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.nav-list--pinned{margin-top:var(--space-1)}.icon-link{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:var(--radius-sm);text-decoration:none;transition:transform var(--duration-fast) var(--ease-out)}.icon-link{color:var(--color-text-muted)}.icon-link .icon{width:22px;height:22px;pointer-events:none}.icon-link:hover{background:var(--color-surface-subtle);color:var(--color-text);transform:translateY(-1px)}.icon-link.is-active{background:var(--color-primary-tint);box-shadow:none;color:var(--color-primary)}.sidebar__user{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:inherit;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}.sidebar__user:hover{background:var(--color-surface-subtle)}.sidebar__user:active{background:var(--color-bg)}.sidebar__user.is-active{background:var(--color-primary-tint)}.sidebar__user.is-active .sidebar__profile-name{color:var(--color-primary)}.sidebar__profile-name{min-width:0;overflow:hidden;color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.sidebar{z-index:50;width:min(var(--drawer-width),calc(100vw - 48px));transform:translate(-105%);transition:transform .24s var(--ease-out)}.sidebar:not(.has-lessons){display:none}.sidebar.is-open{transform:none;box-shadow:var(--elevation)}.sidebar__header{padding:0 var(--space-2) 0 var(--space-4);padding-top:env(safe-area-inset-top)}.brand,.sidebar__main,.sidebar__profile{display:none}.sidebar__drawer-title{display:block;margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold)}.sidebar__scroll{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.sidebar__close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer}.sidebar__close .icon{width:20px;height:20px}.sidebar__close:hover{background:var(--color-surface-subtle);color:var(--color-text)}.day-toggle{min-height:44px}}@media(prefers-reduced-motion:reduce){.sidebar,.path-menu__panel,.path-menu__chevron,.course-progress__bar span{transition:none}}.brand:hover{color:var(--color-primary)}.nav-link:active{background:var(--color-bg)}.nav-link.is-active:active{background:var(--color-primary-tint)}.nav-link:focus-visible{outline-offset:-2px}.sidebar__close:active{background:var(--color-bg)}.course-layout{min-height:100vh}.course-layout__content{flex:1;min-width:0;min-height:100vh;min-height:100dvh;margin-left:var(--sidebar-width)}.course-layout__main{min-height:calc(100vh - var(--topbar-height));min-height:calc(100dvh - var(--topbar-height))}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-height);padding:0 var(--space-8);border-bottom:1px solid color-mix(in srgb,var(--color-border) 90%,transparent);background:color-mix(in srgb,var(--color-surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@supports not (backdrop-filter: blur(12px)){.topbar{background:var(--color-surface)}}.topbar__days,.tabbar,.sidebar-backdrop{display:none}@media(max-width:767px){.course-layout__content{margin-left:0;padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom))}.topbar{gap:var(--space-2);padding:0 var(--space-4);padding-top:env(safe-area-inset-top);height:calc(var(--topbar-height) + env(safe-area-inset-top));padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.topbar__days{display:grid;place-items:center;width:40px;height:40px;margin-left:calc(var(--space-2) * -1);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.topbar__days .icon{width:20px;height:20px}.topbar__days:hover{background:var(--color-surface-subtle);color:var(--color-text)}.tabbar{position:fixed;right:0;bottom:0;left:0;z-index:30;display:block;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);border-top:1px solid color-mix(in srgb,var(--color-border) 90%,transparent);background:color-mix(in srgb,var(--color-surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@supports not (backdrop-filter: blur(14px)){.tabbar{background:var(--color-surface)}}.tabbar ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:var(--tabbar-height);margin:0;padding:0;list-style:none}.tabbar__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);text-decoration:none}.tabbar__link .icon{width:22px;height:22px}.tabbar__link.is-active{color:var(--color-primary)}.tabbar__link.is-active .icon{padding:2px 10px;border-radius:var(--radius-sm);background:var(--color-primary-tint)}.tabbar__link:focus-visible{outline-offset:calc(var(--focus-ring-offset) * -2)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:0;padding:0;background:var(--color-overlay);cursor:pointer;animation:backdrop-in .2s var(--ease-out)}}@media(prefers-reduced-motion:reduce){.sidebar-backdrop{animation:none}}.topbar__days:active{background:var(--color-bg)}@media(max-width:767px){.tabbar__link:hover{color:var(--color-text-secondary)}.tabbar__link.is-active:hover{color:var(--color-primary)}.tabbar__link:active{background:var(--color-surface-subtle)}}.topbar__avatar{display:inline-flex;margin-left:auto;border-radius:50%;transition:box-shadow var(--duration-fast) var(--ease-out)}.topbar__avatar:hover .avatar{background:var(--color-border)}.topbar__avatar:active .avatar{background:var(--color-border-strong)}.sidebar-resizer{position:fixed;top:0;bottom:0;left:calc(var(--sidebar-width) - 4px);z-index:25;width:8px;cursor:col-resize;touch-action:none}.sidebar-resizer:after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;background:transparent;transition:background var(--duration-fast) var(--ease-out)}.sidebar-resizer:hover:after,.sidebar-resizer:focus-visible:after,.sidebar-resizer.is-dragging:after{background:var(--color-primary)}.sidebar-resizer:focus-visible{outline:none}body.is-resizing-sidebar{cursor:col-resize;-webkit-user-select:none;user-select:none}@media(max-width:767px){.sidebar-resizer{display:none}}.page-header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-6);margin-bottom:var(--space-4);padding:var(--space-4) var(--space-8);overflow:hidden;border:1px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation)}.page-header:after{content:"";position:absolute;top:-20%;right:-10%;bottom:-20%;left:40%;z-index:0;background:radial-gradient(circle at 70% 50%,color-mix(in srgb,var(--color-primary) 16%,white) 0%,var(--color-primary-tint) 45%,transparent 75%);pointer-events:none}.page-header__copy,.page-header__art{position:relative;z-index:1}.page-header__copy{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:84px}.page-header__headline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.page-header__title{margin:0;max-width:34ch;font-size:26px;font-weight:var(--weight-bold);line-height:1.2;letter-spacing:var(--track-tight);text-wrap:balance}.page-header__lede{margin:var(--space-2) 0 0;max-width:56ch;color:var(--color-text-secondary);font-size:var(--text-lg);line-height:var(--leading-snug)}.page-header__art{display:grid;place-items:center;align-self:center;width:84px;max-width:100%;height:84px;pointer-events:none;-webkit-user-select:none;user-select:none}.page-header__art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(27,35,51,.12))}.page-header__art .icon{width:100%;height:100%;color:var(--color-primary);stroke-width:1.5}@media(max-width:1100px){.page-header__art{width:76px;height:76px}}@media(min-width:1400px){.page-header__art{width:84px;height:84px}}@media(max-width:720px){.page-header{grid-template-columns:minmax(0,1fr);min-height:0;padding:var(--space-4) var(--space-5)}.page-header__copy{min-height:0}.page-header__lede{font-size:var(--text-sm)}.page-header__art{display:none}.page-header:after{display:none}}.welcome-intro{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-media-bg);color:var(--color-on-media);animation:welcome-in var(--duration-slow, .4s) var(--ease-out) both}.welcome-intro.is-leaving{animation:welcome-out .4s var(--ease-out) both}.welcome-intro__glow{position:absolute;top:50%;left:50%;width:70%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgb(214 179 118 / 22%) 0%,rgb(214 179 118 / 8%) 45%,transparent 70%);animation:welcome-glow 5s var(--ease-out) infinite alternate}.welcome-intro__stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);text-align:center}.welcome-intro__logo{width:clamp(84px,16vw,160px);height:auto;object-fit:contain;animation:welcome-logo 1.1s var(--ease-out) both}.welcome-intro__rule{width:clamp(64px,12vw,104px);height:2px;margin:var(--space-3) 0 var(--space-1);border-radius:2px;background:linear-gradient(90deg,transparent,rgb(214 179 118 / 90%),transparent);transform-origin:center;animation:welcome-rule .9s .6s var(--ease-out) both}.welcome-intro__hello{margin:0;font-size:clamp(var(--text-lg),3.4vw,var(--text-2xl));font-weight:var(--weight-semibold);letter-spacing:.01em;animation:welcome-line .8s .9s var(--ease-out) both}.welcome-intro__sub{margin:0;color:#ffffffb8;font-size:clamp(var(--text-xs),1.8vw,var(--text-base));animation:welcome-line .8s 1.2s var(--ease-out) both}.welcome-intro__skip{position:absolute;right:var(--space-4);bottom:var(--space-4);padding:var(--space-1) var(--space-3);border:1px solid rgb(255 255 255 / 28%);border-radius:var(--radius-full, 999px);background:#0000004d;color:#fffc;font-size:var(--text-xs);cursor:pointer;opacity:0;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);animation:welcome-line .6s 1.6s var(--ease-out) forwards}.welcome-intro__skip:hover{border-color:#ffffff8c;color:#fff}@keyframes welcome-in{0%{opacity:0}to{opacity:1}}@keyframes welcome-out{0%{opacity:1}to{opacity:0}}@keyframes welcome-logo{0%{opacity:0;transform:scale(.88) translateY(10px);filter:blur(6px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes welcome-rule{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes welcome-line{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-glow{0%{opacity:.55;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}@media(prefers-reduced-motion:reduce){.welcome-intro,.welcome-intro.is-leaving,.welcome-intro__glow,.welcome-intro__logo,.welcome-intro__rule,.welcome-intro__hello,.welcome-intro__sub,.welcome-intro__skip{animation-name:welcome-in;animation-duration:.2s;animation-delay:0ms;animation-iteration-count:1;transform:none;filter:none}.welcome-intro__glow{transform:translate(-50%,-50%)}.welcome-intro.is-leaving{animation-name:welcome-out}.welcome-intro__skip{opacity:1}}.today{width:min(1120px,100%);margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-10)}.onboarding--intro{display:flex;flex-direction:column;gap:var(--space-5);padding:0;border:0;background:none}.onboarding{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.onboarding h1{margin-bottom:var(--space-5)}.ash-note{display:flex;align-items:flex-start;gap:var(--space-4);max-width:48rem;margin:0 0 var(--space-6)}.ash-note__photo{flex:0 0 auto;width:48px;height:48px;border-radius:50%;object-fit:cover}.ash-note__photo--initials{display:grid;place-items:center;background:var(--color-primary-tint);color:var(--color-primary);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.ash-note__quote{margin:0}.ash-note__quote p{margin:0;color:var(--color-text);font-size:var(--text-md);line-height:var(--leading-normal)}.ash-note__byline{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}@media(max-width:767px){.today{padding:var(--space-5) var(--space-4) var(--space-12)}.today h1{font-size:var(--text-xl)}.onboarding{padding:var(--space-5) var(--space-4)}.ash-note{gap:var(--space-3)}.ash-note__photo{width:40px;height:40px}}.course-intro__player{margin-top:var(--space-6)}.skeleton{display:block;border-radius:var(--radius-sm);background:var(--color-border);animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton--title{width:min(280px,70%);height:28px}.skeleton--line{width:min(420px,90%);height:14px;margin-top:var(--space-3)}.skeleton--card{height:120px;border-radius:var(--radius-md)}.skeleton-page__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4);margin-top:var(--space-6)}@keyframes skeleton-shimmer{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.lesson-skeleton{width:min(1080px,100%);padding:var(--space-6) var(--space-8)}@media(max-width:767px){.lesson-skeleton{padding:var(--space-5) var(--space-4)}}.player{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-media-bg)}.player :focus-visible{outline-color:var(--color-on-media)}.player__video{display:block;width:100%;height:100%;object-fit:contain;background:var(--color-media-bg);cursor:pointer}.player__overlay{position:absolute;top:0;right:0;bottom:56px;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);pointer-events:none}.player__overlay p{margin:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-media-scrim);color:var(--color-on-media);font-size:var(--text-sm);text-align:center}.player__play{pointer-events:auto;display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5) 0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:var(--weight-semibold) var(--text-sm) / 1 var(--font-sans);cursor:pointer;box-shadow:var(--elevation);transition:background var(--duration-fast) var(--ease-out)}.player__play .icon{width:16px;height:16px}.player__play:hover{background:var(--color-surface-subtle)}.player__hint{max-width:280px}.player__controls{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;min-width:0;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-media-scrim);color:var(--color-on-media)}.player__controls>*{min-width:0}.player__icon-button{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;cursor:pointer}.player__icon-button:hover{background:var(--color-media-hover)}.player__icon-button .icon{width:18px;height:18px}.player__time{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-on-media-muted)}.player__track{position:relative;flex:1 1 auto;height:20px;min-width:24px;border-radius:var(--radius-pill);cursor:pointer;touch-action:none}.player__track:before{content:"";position:absolute;top:50%;right:0;left:0;height:4px;border-radius:var(--radius-pill);background:var(--color-media-track);transform:translateY(-50%)}.player__track-watched,.player__track-played{position:absolute;top:50%;left:0;height:4px;border-radius:var(--radius-pill);transform:translateY(-50%);pointer-events:none}.player__track-watched{background:var(--color-media-watched)}.player__track-played{background:var(--color-on-media)}.player__volume{display:flex;align-items:center;flex:0 1 auto;min-width:0}.player__volume-slider{width:72px;min-width:0;flex:0 1 72px;accent-color:var(--color-on-media);cursor:pointer}.player:fullscreen{border:0;border-radius:0;width:100%;height:100%}@media(max-width:767px){.player__controls{gap:var(--space-1);padding:var(--space-2)}.player__time{min-width:0;font-size:var(--type-sm)}.player__volume-slider{display:none}.player__icon-button{width:32px;height:32px}.player__rate-button{min-width:34px;padding:0 var(--space-1)}.player__track{min-width:40px}}@media(max-width:380px){.player__time{display:none}.player__icon-button{width:28px;height:28px}.player__icon-button .icon{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){.player__play{transition:none}}.player__icon-button:active{background:var(--color-media-track)}.player__play:active{background:var(--color-bg)}.player__rate{position:relative;flex:0 0 auto}.player__rate-button{min-width:42px;height:36px;padding:0 var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;cursor:pointer}.player__rate-button:hover{background:var(--color-media-hover)}.player__rate-menu{position:absolute;right:0;bottom:calc(100% + var(--space-2));z-index:2;min-width:112px;margin:0;padding:var(--space-1);list-style:none;border-radius:var(--radius-sm);background:#000000e0;box-shadow:var(--elevation-md)}.player__rate-option{display:block;width:100%;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-on-media);font-size:var(--text-xs);text-align:left;cursor:pointer}.player__rate-option:hover{background:var(--color-media-hover)}.player__rate-option.is-active{font-weight:var(--weight-semibold)}.player__rate-option.is-active:after{content:" ✓"}.start-learning{margin-top:var(--space-5)}.start-learning__button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font:var(--weight-medium) var(--text-sm) / 1.2 var(--font-sans);text-align:left;cursor:not-allowed}.start-learning__button .icon{width:16px;height:16px}.start-learning__remaining{padding-left:var(--space-2);border-left:1px solid var(--color-border);font-variant-numeric:tabular-nums}.start-learning__button.is-ready{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.start-learning__button.is-ready:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}@media(max-width:767px){.start-learning__button{justify-content:center;width:100%}}@media(prefers-reduced-motion:reduce){.start-learning__button.is-ready{transition:none}}.start-learning__button.is-ready:active{border-color:var(--color-primary-active);background:var(--color-primary-active)}.live-pill{display:inline-flex;align-items:center;gap:var(--space-1);height:20px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-danger-tint);color:var(--color-danger);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1}.live-pill__dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--color-danger);animation:live-pill-pulse 1.2s ease-in-out infinite}@keyframes live-pill-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@media(prefers-reduced-motion:reduce){.live-pill__dot{animation:none}}.live-join{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:var(--weight-semibold) var(--text-sm) / 1 var(--font-sans);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.live-join--secondary:hover{border-color:var(--color-text-muted);background:var(--color-surface-subtle)}.live-join--primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.live-join--primary:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.live-join[aria-disabled=true],.live-join[aria-disabled=true]:hover{border-color:var(--color-border);background:var(--color-surface-subtle);color:var(--color-text-muted);cursor:not-allowed}.live-join__locked{display:inline-flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.live-join__note{color:var(--color-text-muted);font-size:var(--text-xs)}.live-join--secondary:active{border-color:var(--color-text-muted);background:var(--color-bg)}.live-join--primary:active{border-color:var(--color-primary-active);background:var(--color-primary-active)}.live-join[aria-disabled=true]:active{border-color:var(--color-border);background:var(--color-surface-subtle)}.notify-prompt{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-primary-tint)}.notify-prompt__icon{display:grid;place-items:center;flex:0 0 auto;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary)}.notify-prompt__icon .icon{width:18px;height:18px}.notify-prompt__copy{flex:1;min-width:0}.notify-prompt__title{margin:0;font-weight:var(--weight-semibold);font-size:var(--text-sm)}.notify-prompt__text{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.notify-prompt__error{margin:var(--space-2) 0 0;color:var(--color-danger);font-size:var(--text-xs)}.notify-prompt__actions{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-2)}@media(max-width:600px){.notify-prompt{flex-wrap:wrap}.notify-prompt__actions{width:100%;justify-content:flex-end}}.dashboard{display:flex;flex-direction:column;width:min(1120px,100%);min-height:calc(100dvh - var(--topbar-height));margin:0 auto;padding:var(--space-5) var(--space-8) var(--space-6)}@media(min-width:1440px){.dashboard{width:min(1440px,100%)}}@media(min-width:1280px)and (min-height:820px){.dashboard__grid{flex:1 1 auto;grid-template-rows:auto minmax(0,1fr)}.dashboard__grid .dashboard__tasks,.dashboard__grid .dashboard__keep{align-self:stretch}.dashboard__tasks .task-flow{flex:1;align-content:stretch}.dashboard__keep .dashboard__shortcuts{margin-top:auto}}.dashboard__greeting{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.dashboard__greeting h1{margin:0;font-size:34px;font-weight:var(--weight-bold);line-height:1.15;letter-spacing:-.025em}.dashboard__greeting p{margin:0;color:var(--color-text-muted);font-size:var(--text-md)}@media(max-width:767px){.dashboard__greeting h1{font-size:var(--text-2xl)}}.dashboard__grid{display:grid;grid-template-columns:calc(66.67% - var(--space-4) / 2) calc(33.33% - var(--space-4) / 2);grid-template-areas:"continue live" "tasks keep";grid-template-rows:auto minmax(0,auto);align-content:start;gap:var(--space-4);flex:0 0 auto;min-height:0;margin-top:var(--space-4)}.dashboard__grid>*{display:flex;flex-direction:column;min-width:0;min-height:0}.dashboard__grid .dashboard__tasks,.dashboard__grid .dashboard__keep{align-self:start}.dashboard__grid .dashboard__continue{grid-area:continue}.dashboard__grid .dashboard__live{grid-area:live}.dashboard__grid .dashboard__tasks{grid-area:tasks}.dashboard__grid .dashboard__keep{grid-area:keep}.dashboard__continue{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-6);overflow:hidden;border:1px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation)}.dashboard__continue:after{content:"";position:absolute;top:-20%;right:-10%;bottom:-20%;left:40%;z-index:0;background:radial-gradient(circle at 70% 50%,color-mix(in srgb,var(--color-primary) 16%,white) 0%,var(--color-primary-tint) 45%,transparent 75%);pointer-events:none}.dashboard__continue-copy,.dashboard__continue-art{position:relative;z-index:1}.dashboard__continue-copy{min-width:0}.dashboard__continue-art{display:grid;place-items:center;width:104px;max-width:100%;height:104px;pointer-events:none;-webkit-user-select:none;user-select:none}.dashboard__continue-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(27,35,51,.12))}.dashboard__continue-art .icon{width:96px;height:96px;color:var(--color-primary)}@media(max-width:1100px){.dashboard__continue-art{width:150px}}@media(max-width:900px){.dashboard__continue{grid-template-columns:minmax(0,1fr)}.dashboard__continue-art{display:none}}.dashboard__card{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--elevation)}.dashboard__card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-4)}.dashboard__card-head .dashboard__muted{font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.dashboard__tasks .dashboard__card-head .dashboard__muted{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-primary-tint);color:var(--color-primary);font-size:var(--text-sm)}.dashboard__muted{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm)}.dashboard__context{margin:0 0 var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--track-label)}.dashboard__continue-title{margin:0 0 var(--space-3);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1.25;letter-spacing:var(--track-tight)}.dashboard__continue .progress-bar{flex:1;max-width:360px;margin:0}.dashboard__progress-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.dashboard__progress-row .dashboard__muted{flex-shrink:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.dashboard__continue-action{margin-top:0}.dashboard__live-when{margin:0 0 var(--space-2);color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-medium)}.dashboard__live-topic{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.dashboard__live-topic .icon{flex:0 0 auto;width:16px;height:16px;color:var(--color-text-muted)}.dashboard__live-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-3) var(--space-4)}.dashboard__live-actions .text-button{min-height:36px}@media(max-width:900px){.dashboard__grid{grid-template-columns:1fr;grid-template-areas:"continue" "tasks" "live" "keep"}.dashboard{min-height:0}.dashboard__grid{grid-template-rows:none}}@media(max-width:767px){.dashboard{padding:var(--space-5) var(--space-4) var(--space-12)}.dashboard__continue{padding:var(--space-5) var(--space-4)}.dashboard__card{padding:var(--space-4)}.dashboard__continue-action{width:100%}}.dashboard__card .card__title{display:flex;align-items:center;gap:var(--space-2)}.dashboard__card .card__title .icon{width:28px;height:28px;padding:5px;box-sizing:border-box;border-radius:var(--radius-sm);background:var(--color-primary-tint);color:var(--color-primary)}.task-flow{display:grid;gap:var(--space-2) 0;margin-top:0}.task-flow__heading{display:flex;align-items:center;justify-content:center}.task-flow__heading-text{margin:0;font-size:clamp(26px,1.9vw,34px);font-weight:var(--weight-bold);line-height:1.2;letter-spacing:var(--track-tight);text-align:center}@media(max-width:420px){.task-flow__heading{grid-column:1!important;grid-row:auto!important;justify-content:flex-start;margin-bottom:var(--space-1)}}.task-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:center;text-decoration:none;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.task-node:hover{transform:translateY(-2px);border-color:var(--color-border-strong);box-shadow:var(--elevation-sm)}@media(prefers-reduced-motion:reduce){.task-node,.task-node:hover{transform:none;transition:none}}.task-node__badge{position:absolute;top:-8px;left:-8px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--color-surface-subtle);border:1px solid var(--color-border-strong);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.task-node__badge .icon{width:13px;height:13px}.task-node__icon{display:grid;place-items:center;width:48px;height:48px}.task-node__icon img{width:100%;height:100%;object-fit:contain}.task-node__icon:has(.icon){border-radius:var(--radius-md);background:var(--color-primary-tint)}.task-node__icon .icon{width:26px;height:26px;color:var(--color-primary)}.task-node__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-snug)}.task-node.is-done{color:var(--color-text-secondary)}.task-node.is-done .task-node__badge{border-color:var(--color-success);background:var(--color-success);color:var(--color-on-primary)}.task-node.is-done .task-node__icon img,.task-node.is-done .task-node__icon .icon{opacity:.6}.task-node.is-next{border:1.5px solid var(--color-primary);background:var(--color-primary-tint);box-shadow:var(--elevation-sm)}.task-node.is-next .task-node__badge{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.task-flow__arrow{display:flex;align-items:center;justify-content:center;color:var(--color-primary);pointer-events:none}.task-flow__join{position:relative;background:currentColor;opacity:.7}.task-flow__arrow--down .task-flow__join,.task-flow__arrow--up .task-flow__join{width:1.5px;height:calc(100% + var(--space-3) * 2)}.task-flow__arrow--right .task-flow__join{width:100%;height:1.5px}.task-flow__join:after{content:"";position:absolute;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;opacity:1}.task-flow__arrow--down .task-flow__join:after{left:50%;bottom:0;transform:translate(-50%,1px) rotate(45deg)}.task-flow__arrow--up .task-flow__join:after{left:50%;top:0;transform:translate(-50%,-1px) rotate(-135deg)}.task-flow__arrow--right .task-flow__join:after{top:50%;right:0;transform:translate(1px,-50%) rotate(-45deg)}@media(max-width:420px){.task-flow{grid-template-columns:1fr!important;gap:var(--space-2)}.task-node{grid-column:1!important;grid-row:auto!important;flex-direction:row;text-align:left;padding:var(--space-3)}.task-node__badge{position:static;flex:0 0 auto}.task-node__icon{width:40px;height:40px}.task-node__icon .icon{width:22px;height:22px}.task-flow__arrow{display:none}}.dashboard__card-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none}.dashboard__card-link:hover{color:var(--color-primary-hover);text-decoration:underline}.dashboard__card-link .icon{width:16px;height:16px}.dashboard__card-link--end{align-self:flex-end;margin-left:auto}.dashboard__live-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) 0 0;text-align:center}.dashboard__live{display:flex;flex-direction:column}.dashboard__live-emblem{display:grid;place-items:center;width:48px;height:48px;margin-bottom:var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-subtle);color:var(--color-text-muted)}.dashboard__live-none{margin:0;color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-semibold)}.dashboard__live-empty .dashboard__muted{max-width:28ch}.dashboard__keep{display:flex;flex-direction:column}.dashboard__keep .progress-bar{margin-bottom:var(--space-2)}.dashboard__keep .dashboard__card-head .dashboard__muted{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-primary-tint);color:var(--color-primary);font-size:var(--text-sm)}.dashboard__keep .dashboard__keep-note,.dashboard__keep .dashboard__shortcut-text strong,.dashboard__keep .dashboard__shortcut-text small{font-size:var(--text-sm)}.dashboard__keep-note{margin:0 0 var(--space-5);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.dashboard__shortcuts{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.dashboard__shortcut{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.dashboard__shortcut:has(.icon-tile--live){background:var(--color-live-tint)}.dashboard__shortcut:has(.icon-tile--success){background:var(--color-success-tint)}.dashboard__shortcut:has(.icon-tile--warning){background:var(--color-warning-tint)}.dashboard__shortcut--static{cursor:default}.dashboard__shortcut--static:hover{transform:none;box-shadow:none}.dashboard__shortcut:hover{transform:translateY(-2px);box-shadow:var(--elevation-sm)}@media(prefers-reduced-motion:reduce){.dashboard__shortcut,.dashboard__shortcut:hover{transform:none;transition:none}}.dashboard__shortcut .icon-tile{width:36px;height:36px}.dashboard__shortcut .icon-tile .icon{width:18px;height:18px}.dashboard__shortcut-text{display:flex;flex:1;flex-direction:column;min-width:0}.dashboard__shortcut-text strong{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.dashboard__shortcut-text small{color:var(--color-text-muted);font-size:var(--text-xs)}.dashboard__shortcut>.icon{flex:0 0 auto;width:16px;height:16px;color:var(--color-text-muted)}.dashboard__shortcut:hover>.icon{color:var(--color-primary)}.dashboard__shortcut:has(.icon-tile--live)>.icon{color:var(--color-live)}.dashboard__shortcut:has(.icon-tile--success)>.icon{color:var(--color-success)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:var(--space-4);background:var(--color-overlay);animation:modal-overlay-in .16s ease-out}.modal{position:relative;width:min(360px,100%);padding:var(--space-8) var(--space-6) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation);animation:modal-in .2s var(--ease-out)}.modal__close{position:absolute;top:var(--space-3);right:var(--space-3);display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer}.modal__close .icon{width:18px;height:18px}.modal__close:hover{background:var(--color-surface-subtle);color:var(--color-text)}.modal__close:active{background:var(--color-bg)}.day-complete{text-align:center}.day-complete__check{display:inline-grid;place-items:center;width:48px;height:48px;margin-bottom:var(--space-3);border-radius:50%;background:var(--color-success-tint);color:var(--color-success)}.day-complete__check .icon{width:28px;height:28px}.day-complete h2{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.day-complete__summary{margin:0 0 var(--space-6);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.day-complete__action{width:100%}@keyframes modal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.modal,.modal-overlay{animation:none}}.rec-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.rec-button .icon{width:16px;height:16px}.rec-error{margin:var(--space-3) 0 0;color:var(--color-danger);font-size:var(--text-sm)}.rec-hint{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm)}.rec-live{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium)}.rec-live__dot{width:10px;height:10px;border-radius:50%;background:var(--color-danger);animation:rec-pulse 1.2s ease-in-out infinite}.rec-live__time{color:var(--color-danger);font-variant-numeric:tabular-nums}@keyframes rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.rec-processing{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.rec-processing .icon{width:18px;height:18px;animation:rec-spin .9s linear infinite}@keyframes rec-spin{to{transform:rotate(360deg)}}.rec-result__label{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm)}.rec-result__score{margin:var(--space-1) 0 0;color:var(--color-text);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:1.1;font-variant-numeric:tabular-nums}.rec-result__feedback{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.rec-breakdown{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);margin:var(--space-4) 0 0;padding:0;list-style:none}.rec-breakdown li{display:flex;flex-direction:column}.rec-breakdown span{color:var(--color-text-muted);font-size:var(--text-xs)}.rec-breakdown strong{color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.rec-live__dot,.rec-processing .icon{animation:none}}.rec-advice{display:grid;gap:var(--space-2);margin:var(--space-3) 0 0}.rec-advice div{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:baseline}.rec-advice dt{flex:0 0 auto;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em}.rec-advice dd{flex:1 1 180px;margin:0;font-size:var(--text-sm)}.shadowing__transcript{max-height:340px;margin:0 0 var(--space-4);padding:var(--space-4) var(--space-5);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);scrollbar-width:none;-ms-overflow-style:none}.shadowing__transcript::-webkit-scrollbar{display:none;width:0;height:0}html:has(.shadowing),body:has(.shadowing),.course-layout:has(.shadowing),.course-layout__content:has(.shadowing),.course-layout__main:has(.shadowing),.lesson:has(.shadowing),.lesson:has(.shadowing) .lesson__body,.shadowing,.shadowing *{scrollbar-width:none;-ms-overflow-style:none}html:has(.shadowing)::-webkit-scrollbar,body:has(.shadowing)::-webkit-scrollbar,.course-layout:has(.shadowing)::-webkit-scrollbar,.course-layout__content:has(.shadowing)::-webkit-scrollbar,.course-layout__main:has(.shadowing)::-webkit-scrollbar,.lesson:has(.shadowing)::-webkit-scrollbar,.lesson:has(.shadowing) .lesson__body::-webkit-scrollbar,.shadowing::-webkit-scrollbar,.shadowing *::-webkit-scrollbar{display:none;width:0;height:0}.shadowing__line{display:grid;grid-template-columns:92px minmax(0,1fr);gap:var(--space-3);margin:0;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-left:3px solid transparent;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.shadowing__speaker{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.shadowing__line.is-shadowed{border-left-color:var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-primary-tint);color:var(--color-text);font-weight:var(--weight-medium)}.shadowing__line.is-shadowed .shadowing__speaker{color:var(--color-primary)}.shadowing__cue{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--track-label)}@media(max-width:767px){.shadowing__line{grid-template-columns:minmax(0,1fr);gap:2px}}.shadowing__text{margin:0 0 var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);color:var(--color-text);font-size:var(--type-md);line-height:1.6}.shadowing__controls{margin-top:var(--space-4)}@media(max-width:560px){.shadowing__controls .rec-button{flex:1 1 0;min-width:0;justify-content:center;padding-right:var(--space-3);padding-left:var(--space-3)}.shadowing__controls .rec-button span,.shadowing__controls .rec-button{white-space:nowrap}.shadowing__controls .text-button{flex:1 0 100%;justify-content:center}}@media(max-width:389px){.rec-button__wide{display:none}}@media(max-width:319px){.shadowing__controls .rec-button .icon{display:none}.shadowing__controls .rec-button{padding-right:var(--space-2);padding-left:var(--space-2);font-size:var(--text-xs)}}.shadowing__heard{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-text);font-size:var(--text-sm)}.shadowing__heard span{display:block;margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs)}.hw{display:grid;gap:22px}.hw__focus{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.hw__focus-main{display:flex;align-items:center;gap:var(--space-3);min-width:0}.hw__focus-icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--color-primary-tint);color:var(--color-primary)}.hw__focus-icon .icon{width:18px;height:18px}.hw__focus-label{display:block;color:var(--color-text);font-size:var(--type-md);font-weight:800;letter-spacing:0;text-transform:none}.hw__focus-text{margin:4px 0 0;color:var(--color-text-secondary);font-size:var(--type-sm);font-weight:600;line-height:1.45}.hw__pdf{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:46px;padding:0 16px;background:var(--color-primary);color:#fff;border-radius:999px;text-decoration:none}.hw__pdf:hover{background:var(--color-primary-strong, #1d4ed8);color:#fff}.hw__pdf-file,.hw__pdf .icon{width:16px;height:16px;flex:0 0 auto}.hw__pdf .icon{width:16px;height:16px}.hw__questions{margin:0;padding:0;list-style:none}.hw__questions .lesson-step.hw__task-card{margin:0 0 var(--space-4);padding:var(--space-5) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation)}.lesson-step.hw__task-card .lesson-step__title{color:var(--color-text)}.lesson-step.hw__task-card .lesson-step__num{width:32px;height:32px;border:0;background:var(--color-primary-tint);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-bold)}.lesson-step.hw__task-card:first-child{padding-top:var(--space-5)}.lesson-step.hw__task-card:last-child{border-bottom:0}.hw__task-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);margin-bottom:var(--space-3)}.hw__task-head .lesson-step__title{margin:0}.hw__task-badge{flex:0 0 auto;padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-primary-tint);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.hw__keyword-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.hw__notice-list{display:grid;gap:var(--space-2)}.hw__field{display:flex;align-items:center;gap:var(--space-2);min-width:0;min-height:46px;padding:0 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.hw__field:focus-within{border-color:var(--color-primary);outline:3px solid color-mix(in srgb,var(--color-primary) 18%,transparent);outline-offset:1px}.hw__field>span[aria-hidden]{flex:0 0 auto;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.hw__field input{width:100%;min-width:0;border:0;background:transparent;color:var(--color-text);font:var(--weight-regular) var(--text-sm) / 1.4 var(--font-sans);outline:none}.hw__field input::placeholder{color:var(--color-text-muted)}.hw__task-body{white-space:pre-wrap}.hw__field--area{display:grid;gap:var(--space-2);align-items:stretch;min-height:0;padding:var(--space-3)}.hw__field-label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.hw__field--area textarea{width:100%;min-height:72px;border:0;resize:vertical;background:transparent;color:var(--color-text);font:var(--weight-regular) var(--text-sm) / 1.45 var(--font-sans);outline:none}.hw__checks{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.hw__check{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text)}.hw__check input{margin-top:3px}.hw__optionset{border:0;margin:0;padding:0}.hw__optionset-label{padding:0;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.hw__options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hw__option{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 14px;border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--color-text);cursor:pointer}.hw__option:focus-within{border-color:var(--color-accent)}.hw__option:has(input:checked){border-color:var(--color-accent);background:var(--color-primary-tint);font-weight:var(--weight-semibold)}.hw__check--toggle{align-items:center}.hw__speak-block{margin-top:var(--space-4)}.hw__tip{margin:var(--space-4) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.hw__tip strong{color:var(--color-text);font-weight:var(--weight-semibold)}.hw__final{margin-top:var(--space-2);padding:var(--space-5);background:var(--color-surface-subtle)}.hw__final .card__title{margin-bottom:var(--space-3)}.hw__heard{margin:var(--space-4) 0 0;color:var(--color-text);font-size:var(--text-sm)}.hw__heard span{display:block;margin-bottom:2px;color:var(--color-text-muted);font-size:var(--text-xs)}.hw__submit{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-5)}.hw__submitted{display:flex;align-items:flex-start;gap:var(--space-2);margin:var(--space-5) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-success-tint);color:var(--color-text);font-size:var(--text-sm)}.hw__submitted .icon{width:18px;height:18px;margin-top:1px;color:var(--color-success)}@media(max-width:767px){.hw__focus{align-items:stretch}.hw__pdf,.hw__keyword-grid,.hw__submit .btn{width:100%}.hw__keyword-grid{grid-template-columns:minmax(0,1fr)}}.word-blaster{display:flex;flex-direction:column;gap:var(--space-4);margin:calc(var(--space-6) * -1);margin-bottom:calc(var(--space-4) * -1)}.word-blaster__intro{padding:var(--space-6) var(--space-6) 0}.word-blaster__heading{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.word-blaster__fullscreen{display:inline-flex;align-items:center;gap:var(--space-1);flex:0 0 auto;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer}.word-blaster__fullscreen:hover{border-color:var(--color-primary);color:var(--color-primary)}.word-blaster__frame-wrap{position:relative;width:100%;min-height:min(72vh,720px);height:min(72vh,720px);border-top:1px solid var(--color-border);background:var(--color-game-bg);overflow:hidden}.word-blaster__frame{display:block;width:100%;height:100%;border:0;background:var(--color-game-bg)}@media(max-width:720px){.word-blaster__frame-wrap{min-height:70vh;height:70vh}}.simple-game{display:flex;flex-direction:column;gap:var(--space-4);margin:calc(var(--space-6) * -1);margin-bottom:calc(var(--space-4) * -1)}.simple-game__intro{padding:var(--space-3) var(--space-6) 0}.simple-game__heading{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.simple-game__title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.simple-game__fullscreen{display:inline-flex;align-items:center;gap:var(--space-1);flex:0 0 auto;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer}.simple-game__fullscreen:hover{border-color:var(--color-primary);color:var(--color-primary)}.simple-game__frame-wrap{position:relative;width:100%;min-height:420px;height:min(calc(100dvh - var(--topbar-height) - 140px),720px);border-top:1px solid var(--color-border);background:var(--color-game-bg);overflow:hidden}.simple-game__frame{display:block;width:100%;height:100%;border:0;background:var(--color-game-bg)}.simple-game__actions{padding:0 var(--space-6) var(--space-6)}@media(max-width:767px){.simple-game__intro{padding:var(--space-2) var(--space-4) 0}.simple-game__frame-wrap{min-height:360px;height:calc(100dvh - var(--topbar-height) - var(--tabbar-height) - 120px)}.simple-game__actions{padding:0 var(--space-4) var(--space-4)}}.ov{display:flex;flex-direction:column;gap:var(--space-5)}.ov__focus{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.ov__focus-main{display:flex;align-items:center;gap:var(--space-3);min-width:0}.ov__focus-icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--color-primary-tint);color:var(--color-primary)}.ov__focus-icon .icon{width:18px;height:18px}.ov__focus-label{display:block;color:var(--color-text);font-size:var(--type-md);font-weight:800}.ov__focus-text{margin:4px 0 0;color:var(--color-text-secondary);font-size:var(--type-sm);font-weight:600;line-height:1.45}.ov__pdf{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:46px;padding:0 16px;border-radius:999px;background:var(--color-primary);color:#fff;text-decoration:none}.ov__pdf:hover{background:var(--color-primary-strong, #1d4ed8);color:#fff}.ov__sections{display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:0;list-style:none}.ov__section{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.ov__section .lesson-step__title{margin:0 0 var(--space-4)}.ov__blocks{display:flex;flex-direction:column;gap:var(--space-4)}.ov__text{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed, 1.6)}.ov__contrast{display:flex;flex-direction:column;gap:1px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-border)}.ov__contrast-head,.ov__contrast-row{display:grid;grid-template-columns:1fr 1fr;gap:1px}.ov__contrast-label{padding:var(--space-2) var(--space-3);background:var(--color-surface-subtle, #f1f5f9);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em}.ov__contrast-label--wrong{color:var(--color-danger, #b91c1c)}.ov__contrast-label--right{color:var(--color-success, #15803d)}.ov__cell{padding:var(--space-3);background:var(--color-surface);font-size:var(--text-sm);line-height:1.5}.ov__cell--wrong{color:var(--color-text-secondary);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--color-danger, #b91c1c) 45%,transparent);text-decoration-thickness:1px}.ov__cell--right{color:var(--color-text);font-weight:var(--weight-medium)}.ov__group{display:flex;flex-direction:column;gap:var(--space-2)}.ov__group-label{margin:0;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ov__table{width:100%;border-collapse:collapse;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:1.5;table-layout:fixed}.ov__table td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);color:var(--color-text);font-weight:var(--weight-regular);vertical-align:top;word-break:break-word}.ov__table td:first-child{width:34%}.ov__table--inline td,.ov__table--inline td:first-child{width:auto;text-align:center}.ov__list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding-left:var(--space-5);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.55}.ov__list li{padding-left:var(--space-1)}.ov__list li::marker{color:var(--color-primary)}.ov__pattern{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin:0;padding:var(--space-3) var(--space-4);border:1px dashed color-mix(in srgb,var(--color-primary) 40%,transparent);border-radius:var(--radius-sm);background:var(--color-primary-tint)}.ov__pattern-label{color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em}.ov__pattern-text{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ov__qa{display:flex;flex-direction:column;gap:var(--space-3)}.ov__qa-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-surface-subtle, #f1f5f9)}.ov__qa-q,.ov__qa-a{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--space-2);margin:0;font-size:var(--text-sm);line-height:1.5}.ov__qa-q span,.ov__qa-a span{color:var(--color-primary);font-weight:var(--weight-semibold)}.ov__qa-q{color:var(--color-text);font-weight:var(--weight-medium)}.ov__qa-a{color:var(--color-text-secondary)}.ov__tip{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-subtle, #f1f5f9);color:var(--color-text-secondary);font-size:var(--text-sm)}.ov__tip:before{content:"Tip: ";color:var(--color-text);font-weight:var(--weight-semibold)}.ov__oneline{padding:var(--space-4) var(--space-5);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:var(--radius-lg);background:var(--color-primary-tint)}.ov__oneline-label{display:block;color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em}.ov__oneline-text{margin:var(--space-2) 0 0;color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1.45}.ov__done{align-self:flex-start}@media(max-width:600px){.ov__table--inline,.ov__table--inline tbody,.ov__table--inline tr{display:block}.ov__table--inline tr{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.ov__contrast:has(.ov__cell--wrong) .ov__contrast-head{display:none}.ov__contrast-row{grid-template-columns:minmax(0,1fr)}.ov__cell--wrong:before,.ov__cell--right:before{display:block;margin-bottom:2px;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em}.ov__cell--wrong:before{content:"Incorrect";color:var(--color-danger, #b91c1c)}.ov__cell--right:before{content:"Correct";color:var(--color-success, #15803d)}}.samples__pending{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--text-xs)}.samples-modal{width:min(680px,calc(100vw - 2rem));max-height:calc(100dvh - 3rem);padding:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);overflow:hidden}.samples-modal::backdrop{background:var(--color-overlay)}.samples-modal__panel{display:flex;flex-direction:column;max-height:calc(100dvh - 3rem)}.samples-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--color-border)}.samples-modal__title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.samples-modal__meta{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--text-sm)}.samples-modal__close{flex:none;width:2rem;height:2rem;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font-size:var(--type-lg);line-height:1;cursor:pointer}.samples-modal__close:hover{background:var(--color-surface-subtle);color:var(--color-text)}.samples-modal__body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);overflow-y:auto}.samples-modal__footer{display:flex;justify-content:flex-end;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.samples__intro{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm)}.samples__list{display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:0;list-style:none}.samples__item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle)}.samples__label{margin:0;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.samples__text{margin:0;max-width:68ch;color:var(--color-text);font-size:var(--text-sm);line-height:1.65;white-space:pre-wrap}.samples__note{margin:0;padding-left:var(--space-3);border-left:2px solid var(--color-border-strong);color:var(--color-text-secondary);font-size:var(--text-sm)}.samples__caution{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-warning-tint);color:var(--color-warning);font-size:var(--text-sm)}@media(max-width:640px){.samples-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.samples-modal__panel{max-height:100dvh}}.lesson{display:flex;flex-direction:column;min-height:calc(100vh - var(--topbar-height));min-height:calc(100dvh - var(--topbar-height))}.lesson__body{flex:1;width:100%;max-width:min(1360px,96vw);margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-8)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);height:20px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1}.tag .icon{width:12px;height:12px}.tag--success{background:var(--color-success-tint);border-color:transparent;color:var(--color-success)}.lesson:has(.hw),.lesson:has(.ov){background:var(--color-bg, #f5f7fb)}.lesson__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:var(--space-6);margin-top:var(--space-6)}.lesson:has(.hw) .lesson__layout{grid-template-columns:minmax(0,73%) minmax(240px,27%);gap:28px;margin-top:28px}.lesson:has(.hw) .lesson__content,.lesson:has(.ov) .lesson__content{padding:0;border:0;background:transparent}.lesson__content{min-width:0;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.lesson-step{padding:var(--space-6) 0;border-bottom:1px solid var(--color-border)}.lesson-step:first-child{padding-top:0}.hw__questions .lesson-step:first-child{padding-top:var(--space-6)}.lesson-step:last-child{border-bottom:0}.lesson-step__title{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);font-size:20px;font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--track-tight)}.lesson-step__num{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border:1px solid var(--color-border-strong);border-radius:50%;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.lesson-step__body{margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.lesson-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-8) 0}.lesson-empty__icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:var(--space-2);border-radius:var(--radius-md);background:var(--color-surface-subtle);border:1px solid var(--color-border);color:var(--color-text-muted)}.lesson-empty__icon .icon{width:20px;height:20px}.lesson-empty p{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm)}.lesson-empty .lesson-empty__next{color:var(--color-text-muted);font-size:var(--text-sm)}.lesson-live__when{margin:0 0 var(--space-2);color:var(--color-live);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.lesson-live__summary{max-width:34rem;margin:0 0 var(--space-5);color:var(--color-text-secondary);font-size:var(--text-sm)}.lesson__rail-col{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:calc(var(--topbar-height) + var(--space-6));max-height:calc(100dvh - var(--topbar-height) - var(--space-8));overflow-y:auto;overscroll-behavior:contain}@media(max-height:640px){.lesson__rail-col{position:static;max-height:none;overflow-y:visible}}.lesson-rail__card{padding:var(--space-4)}.lesson-rail__progress{margin-top:var(--space-3);height:8px}.lesson-rail__count{margin:var(--space-2) 0 var(--space-3);color:var(--color-text);font-size:var(--type-sm);font-weight:700}.lesson-rail__list{display:flex;flex-direction:column;gap:2px;margin:0 calc(var(--space-2) * -1);padding:0;list-style:none}.lesson-rail__list li{position:relative}.lesson-rail__list li:not(:last-child):before{content:"";position:absolute;top:18px;left:16px;z-index:0;width:2px;height:calc(100% + 2px);background:var(--color-border-strong)}.lesson-rail__list li:has(.is-done):not(:last-child):before{background:#000}.lesson-rail__item{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-3);min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}.lesson-rail__item:hover{background:var(--color-surface-subtle)}.lesson-rail__item .icon{width:18px;height:18px;color:var(--color-success)}.lesson-rail__item.is-done .icon{padding:3px;box-sizing:border-box;border-radius:50%;background:var(--color-success);color:var(--color-on-primary)}.lesson-rail__circle{flex:0 0 auto;width:18px;height:18px;border:1.5px solid var(--color-border-strong);border-radius:50%;background:var(--color-surface)}.lesson-rail__item.is-done{color:var(--color-text-secondary)}.lesson-rail__item.is-locked{color:var(--color-text-muted);cursor:not-allowed}.lesson-rail__item.is-locked:hover{background:none}.lesson-rail__item.is-locked .icon{padding:3px;box-sizing:border-box;border-radius:50%;background:var(--color-surface);color:var(--color-text-muted)}.lesson-rail__item.is-current,.lesson-rail__item.is-current:hover{background:#eef4ff;color:#2563eb;font-weight:700}.lesson-rail__item.is-current .lesson-rail__circle{border-color:var(--color-primary);border-width:5px}.lesson-tips{padding:18px 18px 16px;background:#f2eeff;border-color:#e4dcff}.lesson-tips .card__title{display:flex;align-items:center;gap:10px;color:#172554}.lesson-tips .card__title .icon{width:28px;height:28px;padding:5px;border-radius:50%;background:#fff;color:#7c3aed}.lesson-tips__list{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none}.lesson-tips__list li{display:flex;align-items:flex-start;gap:10px;color:#334155;font-size:var(--type-sm);line-height:1.45}.lesson-tips__list .icon{flex:0 0 auto;width:16px;height:16px;margin-top:2px;color:#7c3aed}.lesson-help{padding:18px;background:#fff6ee;border-color:#ffe0c7}.lesson-help .card__title{display:flex;align-items:center;gap:10px;color:#172554}.lesson-help .card__title .icon{width:28px;height:28px;padding:5px;border-radius:50%;background:#fff;color:#c2410c}.lesson-help__text{margin:var(--space-2) 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm)}.lesson-help__btn{width:100%;justify-content:center}.lesson-bar{display:flex;flex-direction:column;gap:var(--space-3);padding:18px;border-color:#c7d7fe;background:linear-gradient(180deg,#f8fbff,#fff)}.lesson:has(.hw) .lesson-bar .card__title{color:#172554}.lesson:has(.hw) .lesson-bar .btn:not(.btn--secondary){width:100%;min-height:48px;background:var(--color-primary)}.lesson:has(.hw) .lesson-bar .btn:not(.btn--secondary)[aria-disabled=true],.lesson:has(.hw) .lesson-bar .btn:not(.btn--secondary):disabled{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);cursor:not-allowed}.lesson-bar__buttons{display:flex;flex-direction:column;gap:var(--space-2)}.lesson-bar__buttons .btn{justify-content:center}.lesson-bar__hint{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm)}.lesson-bar .btn .icon{width:16px;height:16px}@media(max-width:1180px){.lesson__layout,.lesson:has(.hw) .lesson__layout{grid-template-columns:minmax(0,1fr);gap:20px}.lesson__content{max-width:920px}.lesson__rail-col{position:static;max-width:920px}}@media(max-width:767px){.lesson{min-height:calc(100dvh - var(--topbar-height) - var(--tabbar-height))}.lesson__body{padding:var(--space-5) var(--space-4) var(--space-6)}.lesson__content{padding:var(--space-5) var(--space-4)}}.lesson-rail__item:active{background:var(--color-bg)}.lesson-rail__item.is-current:active{background:var(--color-primary-tint)}.lesson__pills{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.lesson__pills:empty{display:none}.lesson-more-games{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.lesson-more-games p{margin:0;flex:1 1 240px;color:var(--color-text-secondary);font-size:var(--text-sm)}.lesson:has(.word-blaster),.lesson:has(.simple-game){--game-chrome: 351px}.lesson:has(.word-blaster) .lesson__body,.lesson:has(.simple-game) .lesson__body{padding:var(--space-4) var(--space-8) var(--space-6)}.lesson:has(.word-blaster) .lesson__layout,.lesson:has(.simple-game) .lesson__layout{margin-top:var(--space-2)}.lesson:has(.word-blaster) .lesson__content,.lesson:has(.simple-game) .lesson__content{padding:var(--space-2)}.lesson:has(.word-blaster) .word-blaster,.lesson:has(.simple-game) .simple-game{gap:var(--space-1);margin:calc(var(--space-2) * -1)}.lesson:has(.word-blaster) .word-blaster__intro,.lesson:has(.simple-game) .simple-game__intro{padding:var(--space-1) var(--space-2) 0}.lesson:has(.word-blaster) .word-blaster__frame-wrap{min-height:320px;height:calc(100dvh - var(--game-chrome))}.lesson:has(.simple-game) .simple-game__frame-wrap{min-height:320px;height:calc(100dvh - var(--game-chrome) - 110px);max-height:none}.lesson:has(.simple-game) .simple-game__actions{padding:0 var(--space-4) var(--space-4)}.lesson:has(.simple-game) .lesson-more-games{margin-top:var(--space-3);padding:var(--space-3)}.lesson:has(.word-blaster) .lesson__rail-col,.lesson:has(.simple-game) .lesson__rail-col{position:sticky;top:var(--space-4);max-height:calc(100dvh - var(--topbar-height) - var(--space-8));overflow-y:auto}@media(max-height:720px){.lesson:has(.word-blaster) .lesson__rail-col,.lesson:has(.simple-game) .lesson__rail-col{position:static;max-height:none;overflow-y:visible}}.lesson--media{--lesson-media-chrome: 232px}.lesson--media{min-height:0}@media(min-width:768px){.lesson--media .lesson__body{max-height:calc(100dvh - var(--topbar-height));overflow:hidden}}.lesson--media .lesson__body{padding-top:var(--space-4);padding-bottom:var(--space-4)}.lesson .lesson__layout{margin-top:var(--space-4)}.lesson--media .player{max-height:calc(100dvh - var(--topbar-height) - var(--lesson-media-chrome));margin-inline:auto}.lesson--media .word-blaster__frame-wrap,.lesson--media .simple-game__frame-wrap{height:min(calc(100dvh - var(--topbar-height) - var(--lesson-media-chrome)),720px);min-height:0}@media(min-width:768px){.lesson--media .lesson__rail-col{max-height:calc(100dvh - var(--topbar-height) - 120px);overflow-y:auto}}@media(max-width:767px){.lesson--media{--lesson-media-chrome: 200px}.lesson--media .player,.lesson--media .word-blaster__frame-wrap,.lesson--media .simple-game__frame-wrap{max-height:calc(100dvh - var(--topbar-height) - var(--tabbar-height) - var(--lesson-media-chrome))}}.game-arcade{width:min(960px,100%);margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-10)}.game-arcade .back-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;border:0;background:none;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer}.game-arcade__playhead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.game-arcade__fullscreen{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer}.game-arcade__fullscreen:hover{border-color:var(--color-primary);color:var(--color-primary)}.game-arcade .back-link:hover{color:var(--color-primary)}.game-arcade h1{margin:0 0 var(--space-2);font-size:var(--text-2xl);font-weight:var(--weight-bold)}.game-arcade .lede{margin:0 0 var(--space-6)}.game-arcade__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.game-arcade__card{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--elevation-sm);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.game-arcade__card:hover{transform:translateY(-4px);border-color:var(--color-border-strong);box-shadow:var(--elevation-md)}@media(prefers-reduced-motion:reduce){.game-arcade__card,.game-arcade__card:hover{transform:none;transition:none}}.game-arcade__icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:var(--space-3);border-radius:var(--radius-md);background:var(--color-primary-tint);color:var(--color-primary)}.game-arcade__card h2{margin:0 0 var(--space-1);font-size:var(--text-md);font-weight:var(--weight-semibold)}.game-arcade__card p{margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);flex:1}.game-arcade__levels{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.game-arcade__levels button{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}.game-arcade__levels button.is-active{border-color:var(--color-primary);background:var(--color-primary-tint);color:var(--color-primary)}.game-arcade__levels button:disabled{display:grid;place-items:center;background:var(--color-surface-subtle);color:var(--color-text-muted);cursor:not-allowed}.game-arcade__levels button:disabled .icon{width:14px;height:14px}.game-arcade__card .btn{align-self:stretch;text-align:center}.game-arcade__frame-wrap{width:100%;min-height:min(75vh,760px);height:min(75vh,760px);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-game-bg)}.game-arcade__frame{display:block;width:100%;height:100%;border:0}@media(max-width:767px){.game-arcade{padding:var(--space-5) var(--space-4) var(--space-12)}.game-arcade__frame-wrap{min-height:70vh;height:70vh}}.shadowing-hub{width:min(1120px,100%);margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-10)}.shadowing-hub__head{margin:var(--space-4) 0 var(--space-6)}.shadowing-hub__head h1{margin:0 0 var(--space-2)}.shadowing-hub__list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.shadowing-hub__card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.shadowing-hub__card:hover{border-color:var(--color-primary);box-shadow:0 2px 10px #0000000f}.shadowing-hub__card.is-done{background:var(--color-surface-subtle)}.shadowing-hub__day{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;border:1px solid var(--color-border-strong);border-radius:50%;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.shadowing-hub__body{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}.shadowing-hub__title{font-weight:var(--weight-semibold)}.shadowing-hub__sub{color:var(--color-text-secondary);font-size:var(--text-sm)}.shadowing-hub__tags{display:flex;flex:0 0 auto;gap:var(--space-2)}.shadowing-hub__tag{padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-subtle);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.shadowing-hub__tag--audio{border-color:transparent;background:#e8f0fe;color:#1a56c4}.shadowing-hub__tag--done{border-color:transparent;background:#e6f6ec;color:#1b7a43}@media(max-width:640px){.shadowing-hub{padding:var(--space-4) var(--space-4) var(--space-8)}.shadowing-hub__card{flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.shadowing-hub__body{flex-basis:calc(100% - 44px)}.shadowing-hub__tags{flex-basis:100%}}.speak-lab{width:min(1120px,100%);margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-10)}.speak-lab__reviews{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.speak-lab__reviews strong{color:var(--color-text);font-variant-numeric:tabular-nums}.speak-section,.speak-daily,.speak-levels,.speak-list{margin-top:var(--space-8)}.speak-section h2,.speak-daily h2,.speak-levels h2,.speak-list h2{margin:0;font-size:var(--type-md);font-weight:var(--weight-semibold);letter-spacing:var(--track-tight)}.speak-section__lede{margin:var(--space-1) 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.speak-tag{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-primary-tint);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.speak-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;cursor:pointer;transition:border-color .15s ease,background .15s ease}.speak-btn:hover{border-color:var(--color-primary)}.speak-btn--primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.speak-btn--primary:hover{background:var(--color-primary-hover)}.speak-btn:disabled{opacity:.55;cursor:not-allowed}.speak-btn--quiet{font-weight:var(--weight-medium)}.speak-empty{margin:var(--space-4) 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.speak-daily{padding:var(--space-6);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary-tint)}.speak-daily__head{display:flex;align-items:center;gap:var(--space-3)}.speak-daily__done{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-success-tint);color:var(--color-success);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.speak-daily__prompt{margin:var(--space-3) 0 var(--space-2);font-size:var(--type-md);font-weight:var(--weight-medium);line-height:var(--leading-snug)}.speak-daily__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.speak-levels__row{display:flex;gap:var(--space-2)}.speak-level{padding:var(--space-2) var(--space-5);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}.speak-level.is-active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.speak-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.speak-grid--topics{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.speak-tile{display:flex;flex-direction:column;gap:var(--space-2);height:100%;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.speak-tile:hover{border-color:var(--color-primary);box-shadow:0 2px 10px #0000000f}.speak-tile h3{margin:0;font-size:var(--text-md);font-weight:var(--weight-semibold)}.speak-tile p{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug)}.speak-tile__count{margin-top:auto;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.speak-tile.is-empty{opacity:.6;pointer-events:none}.speak-tile--topic{gap:var(--space-3)}.speak-list__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.speak-rows{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.speak-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.speak-row:hover{border-color:var(--color-primary)}.speak-row__main{flex:1;min-width:0;color:var(--color-text);text-decoration:none}.speak-row__text{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug)}.speak-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs)}.speak-row__done{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-success);font-weight:var(--weight-semibold)}.speak-row__done svg{width:14px;height:14px}.speak-save{flex:0 0 auto;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer}.speak-save.is-saved{border-color:var(--color-primary);background:var(--color-primary-tint);color:var(--color-primary)}.speak-mine{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-3)}.speak-mine__card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-decoration:none}.speak-mine__card h3{margin:0;font-size:var(--text-md);font-weight:var(--weight-semibold)}.speak-mine__card p{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug)}.speak-mine__action{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:auto;color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.speak-history,.speak-reviews{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.speak-history a{display:flex;flex-direction:column;gap:2px;color:var(--color-text);text-decoration:none}.speak-history a:hover .speak-history__text{color:var(--color-primary)}.speak-history__text{display:-webkit-box;overflow:hidden;font-size:var(--text-sm);line-height:var(--leading-snug);-webkit-box-orient:vertical;-webkit-line-clamp:2}.speak-history__count{color:var(--color-text-muted);font-size:var(--text-xs)}.speak-reviews li{display:flex;flex-direction:column;gap:var(--space-1)}.speak-status{align-self:flex-start;padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-subtle);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.speak-status--submitted,.speak-status--in_review{background:var(--color-warning-tint);color:var(--color-warning)}.speak-status--reviewed{background:var(--color-success-tint);color:var(--color-success)}.speak-status--needs_resubmission{background:var(--color-danger-tint);color:var(--color-danger)}@media(max-width:720px){.speak-lab{padding:var(--space-4) var(--space-4) var(--space-8)}.speak-row{flex-direction:column;align-items:flex-start}}.speak-prompt{width:min(760px,100%);margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-10)}.speak-back{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none}.speak-back:hover{color:var(--color-primary)}.speak-prompt__head{margin:var(--space-4) 0 var(--space-6)}.speak-prompt__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm)}.speak-prompt__id{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.speak-prompt__head h1{margin:0;font-size:var(--type-lg);font-weight:var(--weight-semibold);letter-spacing:var(--track-tight);line-height:var(--leading-tight)}.speak-prompt__hint,.speak-prompt__time{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.speak-prompt__targets{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-4) 0 0;font-size:var(--text-sm)}.speak-word{padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--color-primary-tint);color:var(--color-primary);font-weight:var(--weight-semibold)}.speak-prompt__figure{margin:var(--space-4) 0 0}.speak-prompt__figure img{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md)}.speak-prompt__head .speak-save{margin-top:var(--space-4)}.speak-record{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.speak-record__title{margin:0 0 var(--space-4);font-size:var(--type-md);font-weight:var(--weight-semibold)}.speak-error{margin:0 0 var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-danger-tint);color:var(--color-danger);font-size:var(--text-sm)}.speak-live{margin:var(--space-3) 0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-text);font-size:var(--text-sm);line-height:var(--leading-normal)}.speak-live--empty{color:var(--color-text-muted)}.speak-take__stats{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.speak-take__controls{display:flex;flex-wrap:wrap;gap:var(--space-2)}.speak-transcript{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.speak-transcript__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.speak-transcript__head h3{margin:0;font-size:var(--text-md);font-weight:var(--weight-semibold)}.speak-link{padding:0;border:0;background:none;color:var(--color-primary);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:underline;cursor:pointer}.speak-transcript__note{margin:var(--space-2) 0 var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.speak-transcript__text{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal)}.speak-transcript__input{width:100%;padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm);line-height:var(--leading-normal);resize:vertical}.speak-coach{margin-top:var(--space-6);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.speak-coach--thin{background:var(--color-warning-tint);border-color:var(--color-warning)}.speak-coach--thin h3{margin:0 0 var(--space-2);color:var(--color-warning);font-size:var(--text-md)}.speak-coach--thin p{margin:0;font-size:var(--text-sm)}.speak-coach__hedge{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:var(--text-xs)}.speak-coach__block+.speak-coach__block{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.speak-coach__block h3{margin:0 0 var(--space-2);font-size:var(--text-md);font-weight:var(--weight-semibold)}.speak-coach__block p{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal)}.speak-coach__list{display:flex;flex-direction:column;gap:var(--space-4);margin:0;padding:0 0 0 var(--space-5)}.speak-coach__list li{font-size:var(--text-sm)}.speak-coach__excerpt,.speak-coach__better,.speak-coach__why{margin:var(--space-2) 0 0;line-height:var(--leading-normal)}.speak-coach__excerpt,.speak-coach__why{color:var(--color-text-secondary)}.speak-coach__block--mission{color:var(--color-text)}.speak-coach__note{margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--text-xs)}.speak-sample,.speak-compare,.speak-review{margin-top:var(--space-6);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.speak-sample__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.speak-sample h2,.speak-compare h2,.speak-review h2{margin:0;font-size:var(--type-md);font-weight:var(--weight-semibold)}.speak-sample__note{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.speak-sample__text{margin:var(--space-4) 0 0;padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-subtle);font-size:var(--text-sm);line-height:var(--leading-normal)}.speak-locked{margin:var(--space-6) 0 0;padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center}.speak-compare__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-4)}.speak-compare__side{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-subtle)}.speak-compare__side h3{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.speak-compare__text{margin:0;color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--leading-snug)}.speak-compare__pick{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-sm)}.speak-compare__pick select{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm)}.speak-trainer{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-success-tint)}.speak-trainer p{margin:0 0 var(--space-2);font-size:var(--text-sm);line-height:var(--leading-normal)}.speak-trainer p:last-child{margin-bottom:0}.speak-review p{margin:var(--space-2) 0 var(--space-4);font-size:var(--text-sm);line-height:var(--leading-normal)}.speak-review__note{color:var(--color-text-secondary)}.speak-review__status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}@media(max-width:720px){.speak-prompt{padding:var(--space-4) var(--space-4) var(--space-8)}.speak-compare__row{grid-template-columns:1fr}}.live-page{width:min(1120px,100%);margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-10)}.live-section{margin-top:var(--space-8)}.live-section h2{margin:0 0 var(--space-3);font-size:var(--text-md);font-weight:var(--weight-semibold)}.live-section__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-4)}.live-section__head h2{margin:0 0 var(--space-3)}.live-list{margin:0;padding:0;list-style:none}.live-empty{margin:0;padding:var(--space-5);color:var(--color-text-secondary);font-size:var(--text-sm)}.live-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.live-row+.live-row{border-top:1px solid var(--color-border)}.live-row__date{display:flex;align-items:baseline;gap:var(--space-1);color:var(--color-live);line-height:1}.live-row__day{font-size:var(--text-lg);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.live-row__month{font-size:var(--text-lg);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.02em}.live-row__title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold)}.live-row__actions{display:grid;grid-template-columns:110px 148px;align-items:center;justify-items:start;gap:var(--space-2) var(--space-4)}.live-row__actions .text-button,.live-row__actions .live-join,.live-row__actions .live-join__locked{min-height:36px}.live-row__actions .live-join__locked{align-items:stretch;width:100%;min-width:0}.live-row__actions .live-join,.live-row__actions .live-join__locked>.live-join{width:100%;justify-content:center}.live-row__ended{color:var(--color-text-muted);font-size:var(--text-xs)}.live-row.is-past .live-row__date,.live-row.is-past .live-row__title{color:var(--color-text-muted)}@media(max-width:767px){.live-page{padding:var(--space-5) var(--space-4) var(--space-12)}.live-row{grid-template-columns:40px minmax(0,1fr);padding:var(--space-4)}.live-row__actions{grid-column:2;grid-template-columns:auto auto;justify-content:start}.live-row__ended{grid-column:2}}.live-page__add-all{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.support-page{min-height:100vh;background:var(--color-bg);padding:var(--space-8) var(--space-5) var(--space-16);color:var(--color-text);font-family:var(--font-sans)}.support-container{width:min(920px,100%);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-8)}.support-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.support-back-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;padding:8px 14px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.support-back-link:hover{background:var(--color-surface-subtle);border-color:var(--color-primary);transform:translate(-2px)}.support-brand{display:flex;align-items:center;gap:10px}.support-brand__mark{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-md);font-weight:var(--weight-bold)}.support-brand__title{margin:0;font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-text)}.support-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4)}.support-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--color-primary-tint);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase}.support-badge__dot{width:7px;height:7px;border-radius:50%;background:var(--color-primary);animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.support-hero h1{margin:0;font-size:var(--type-lg);font-weight:var(--weight-bold);color:var(--color-text);line-height:var(--leading-tight)}.support-hero .support-lede{max-width:680px;margin:0;color:var(--color-text-secondary);font-size:var(--text-md);line-height:var(--leading-normal)}.support-notice-banner{display:flex;align-items:flex-start;gap:12px;width:100%;max-width:760px;margin-top:var(--space-3);padding:14px 18px;border-radius:var(--radius-md);background:var(--color-warning-tint);border:1px solid rgba(155,99,27,.25);color:var(--color-warning);font-size:var(--text-sm);text-align:left;line-height:1.45}.support-notice-banner p{margin:0}.support-notice-banner strong{font-weight:var(--weight-bold)}.support-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5)}.support-channel-card{display:flex;flex-direction:column;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation);transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.support-channel-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--elevation-md)}.support-channel-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.support-channel-card__icon-wrapper{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary-tint);color:var(--color-primary)}.support-channel-card__pill{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-primary);background:var(--color-surface-subtle);border:1px solid var(--color-border);padding:3px 9px;border-radius:var(--radius-pill)}.support-channel-card__title{margin:0 0 var(--space-1);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text)}.support-channel-card__desc{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.45;flex-grow:1}.support-channel-card__meta{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-5);padding-top:var(--space-3);border-top:1px dashed var(--color-border)}.support-channel-card__contact{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text);word-break:break-all}.support-channel-card__hours{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);color:var(--color-text-muted)}.support-channel-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;padding:0 16px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-bold);text-decoration:none;border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.support-channel-card__btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.support-channel-card__btn--secondary{background:var(--color-surface);color:var(--color-primary)}.support-channel-card__btn--secondary:hover{background:var(--color-primary-tint)}.support-main-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-8);align-items:start}@media(max-width:800px){.support-main-grid{grid-template-columns:1fr}}.support-form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--elevation)}.support-form-card__header{margin-bottom:var(--space-6)}.support-form-card__header h2{margin:0 0 var(--space-1);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text)}.support-form-card__header p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.support-form{display:grid;gap:var(--space-4)}.support-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:540px){.support-form__row{grid-template-columns:1fr}}.support-form__field{display:grid;gap:6px}.support-form__field label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:.05em;text-transform:uppercase}.support-form__field input,.support-form__field select,.support-form__field textarea{width:100%;padding:10px 14px;font-family:inherit;font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);outline:none;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.support-form__field input:focus,.support-form__field select:focus,.support-form__field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-tint)}.support-form__field textarea{min-height:110px;resize:vertical}.support-form__hint{font-size:var(--type-sm);color:var(--color-text-muted)}.support-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:var(--space-2);padding:0 24px;background:var(--color-primary);color:var(--color-on-primary);border:0;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.support-form__submit:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.support-form__submit:disabled{opacity:.65;cursor:not-allowed}.support-success-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4);gap:var(--space-3)}.support-success-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--color-success-tint);color:var(--color-success)}.support-success-ticket-id{display:inline-block;padding:6px 14px;border-radius:var(--radius-pill);background:var(--color-surface-subtle);border:1px solid var(--color-border);font-family:monospace;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-primary)}.support-success-card h3{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text)}.support-success-card p{margin:0;max-width:440px;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal)}.support-success-card button{margin-top:var(--space-4);padding:10px 22px;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.support-success-card button:hover{background:var(--color-surface-subtle)}.support-faq-section{display:flex;flex-direction:column;gap:var(--space-4)}.support-faq-section__header h2{margin:0 0 var(--space-1);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text)}.support-faq-section__header p{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary)}.support-faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.support-faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out)}.support-faq-item.is-open{border-color:var(--color-border-strong)}.support-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border:0;background:transparent;text-align:left;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.support-faq-question:hover{background:var(--color-surface-subtle)}.support-faq-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s var(--ease-out)}.support-faq-item.is-open .support-faq-chevron{transform:rotate(180deg)}.support-faq-answer{padding:12px 18px 16px;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);border-top:1px solid var(--color-border);background:var(--color-surface-subtle)}.support-faq-answer p{margin:0}.support-bottom-cta{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--elevation)}.support-bottom-cta h3{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text)}.support-bottom-cta p{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm)}.support-bottom-cta__btn{display:inline-flex;align-items:center;gap:8px;margin-top:var(--space-2);padding:12px 28px;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm);font-weight:var(--weight-bold);text-decoration:none;transition:background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.support-bottom-cta__btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.path-page{width:min(1120px,100%);margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-10)}.path-week{margin-top:var(--space-8)}.path-week__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3);margin-bottom:var(--space-3)}.path-week__head h2{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.path-week__head span{color:var(--color-text-muted);font-size:var(--text-xs)}.path-week__days{display:grid;grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.path-week__days>li{display:flex}.path-day{display:flex;flex:1;flex-direction:column;gap:var(--space-2);min-height:112px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.path-day:hover{border-color:var(--color-border-strong);transform:translateY(-4px);box-shadow:var(--elevation-md)}@media(prefers-reduced-motion:reduce){.path-day,.path-day:hover{transform:none;transition:none}}.path-day__top{display:flex;align-items:center;gap:var(--space-2);min-height:20px}.path-day__number{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.path-day__top .icon{width:18px;height:18px;margin-left:auto;color:var(--color-success)}.path-day__title{flex:1;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-tight)}.path-day__bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.path-day__count{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.path-day__continue{color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.path-day.is-done .path-day__title{color:var(--color-text-secondary)}.path-day.is-current{border:1.5px solid var(--color-primary);background:var(--color-primary-tint)}.path-day.is-current .path-day__number{color:var(--color-primary)}.path-day.is-todo .path-day__number{color:var(--color-text-muted)}.path-day.is-locked{background:var(--color-surface-sunken, var(--color-surface));border-style:dashed;cursor:not-allowed}.path-day.is-locked:hover{border-color:var(--color-border);transform:none;box-shadow:none}.path-day.is-locked .path-day__number,.path-day.is-locked .path-day__title,.path-day.is-locked .path-day__count,.path-day.is-locked .path-day__top .icon{color:var(--color-text-muted)}@media(max-width:767px){.path-page{padding:var(--space-5) var(--space-4) var(--space-12)}.path-week{margin-top:var(--space-6)}.path-week__days{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.path-day{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:56px}.path-day__top{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.path-day__top .icon{margin-left:0}.path-day__bottom{flex-direction:column;align-items:flex-end;gap:2px}}.path-day:active{border-color:var(--color-text-muted);background:var(--color-surface-subtle)}.path-day.is-current:active{border-color:var(--color-primary);background:var(--color-primary-tint)}.profile-page{width:min(800px,100%);margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-10)}.profile-page h1{margin:0 0 var(--space-2);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.profile-page .lede{margin:0}.profile-card{margin-top:var(--space-4);padding:var(--space-5)}.profile-page .profile-card:first-of-type{margin-top:var(--space-6)}.profile-card__head{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.profile-card__who{min-width:0}.profile-card__who h2{margin:0;overflow:hidden;font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight);text-overflow:ellipsis;white-space:nowrap}.profile-card__who p{margin:var(--space-1) 0 0;overflow:hidden;color:var(--color-text-secondary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap}.profile-card__text{margin:var(--space-1) 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.profile-details{margin:0}.profile-details__row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--space-2) var(--space-4);align-items:baseline;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.profile-details__row:last-child{border-bottom:0;padding-bottom:0}.profile-details dt{color:var(--color-text-secondary);font-size:var(--text-sm)}.profile-details dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-medium)}.profile-details__value-with-action{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2) var(--space-4)}.profile-name-form{display:grid;gap:var(--space-3)}.profile-input{width:100%;min-height:46px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:var(--weight-regular) var(--text-sm) / 1.4 var(--font-sans);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.profile-input:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-tint)}.profile-input[aria-invalid=true]{border-color:var(--color-danger)}.profile-name-form__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.profile-error{margin:var(--space-3) 0 0;color:var(--color-danger);font-size:var(--text-sm)}.profile-name-form .profile-error{margin:0}.profile-banner{margin:var(--space-4) 0 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-success-tint);color:var(--color-success);font-size:var(--text-sm);font-weight:var(--weight-medium)}.profile-banner--inline{margin:var(--space-3) 0 0}.profile-hero{display:flex;align-items:center;gap:var(--space-5)}.profile-hero__photo{position:relative;flex:0 0 auto}.profile-hero__camera{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--color-surface);border-radius:50%;background:var(--color-primary);color:#fff;cursor:pointer}.profile-hero__camera .icon{width:14px;height:14px}.profile-hero__who{min-width:0}.profile-hero__eyebrow{margin:0 0 var(--space-1);color:var(--color-text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.profile-hero__who h2{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold)}.profile-hero__who>p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.profile-hero__badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.profile-badge{padding:2px var(--space-2);border-radius:var(--radius-full, 999px);background:var(--color-primary-tint);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.profile-badge--ok{background:var(--color-success-tint);color:var(--color-success)}.profile-hero__actions{display:flex;gap:var(--space-4);margin-top:var(--space-3)}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-4);margin-top:var(--space-5)}.profile-stat{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-sm);text-align:left;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),border-color .25s var(--ease-out)}.profile-stat:hover{transform:translateY(-4px);border-color:var(--color-border-strong);box-shadow:var(--elevation-md)}.profile-stat .icon{display:grid;place-items:center;box-sizing:content-box;width:20px;height:20px;padding:11px;border-radius:var(--radius-md);background:var(--color-primary-tint);color:var(--color-primary)}.profile-stat strong{display:block;font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--track-tight);font-variant-numeric:tabular-nums}.profile-stat span{display:block;margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}@media(prefers-reduced-motion:reduce){.profile-stat,.profile-stat:hover{transform:none;transition:none}}.profile-form{display:grid;gap:var(--space-4)}.profile-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.profile-field{display:grid;gap:var(--space-1)}.profile-field>span{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.03em}.profile-field small{color:var(--color-text-secondary);font-size:var(--text-xs)}.profile-field--wide{grid-column:1 / -1}.profile-textarea{min-height:84px;padding:var(--space-2) var(--space-3);resize:vertical}select.profile-input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.profile-toggle{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-border);cursor:pointer}.profile-toggle .icon{flex:0 0 auto;color:var(--color-primary)}.profile-toggle__copy{display:grid;flex:1;gap:2px}.profile-toggle__copy strong{font-size:var(--text-sm);font-weight:var(--weight-medium)}.profile-toggle__copy small{color:var(--color-text-secondary);font-size:var(--text-xs)}.profile-toggle input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.profile-toggle__track{position:relative;flex:0 0 auto;width:40px;height:24px;border-radius:var(--radius-full, 999px);background:var(--color-border);transition:background .15s ease}.profile-toggle__track:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s ease}.profile-toggle input:checked~.profile-toggle__track{background:var(--color-primary)}.profile-toggle input:checked~.profile-toggle__track:after{transform:translate(16px)}.profile-toggle input:disabled~.profile-toggle__track{opacity:.6}@media(max-width:767px){.profile-page{padding:var(--space-5) var(--space-4) var(--space-12)}.profile-page h1{font-size:var(--text-xl)}.profile-card{padding:var(--space-4)}.profile-details__row{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.profile-hero{flex-direction:column;text-align:center}.profile-hero__badges,.profile-hero__actions{justify-content:center}.profile-form__grid{grid-template-columns:1fr}}.practice-main{width:min(1120px,100%);min-width:0;margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-10);color:var(--color-text);container-type:inline-size;container-name:practice}.practice-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.practice-card{display:flex;flex-direction:column;align-items:flex-start;min-height:100%;padding:24px;border:1px solid transparent;border-radius:24px;color:inherit;text-decoration:none;box-shadow:var(--elevation-sm);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}a.practice-card{cursor:pointer}a.practice-card:hover{transform:translateY(-2px);box-shadow:var(--elevation-md)}@media(prefers-reduced-motion:reduce){.practice-card,a.practice-card:hover{transform:none;transition:none}}.practice-card--game{background:var(--color-warning-tint);border-color:color-mix(in srgb,var(--color-warning) 18%,white)}.practice-card--shadowing{background:var(--color-primary-tint);border-color:color-mix(in srgb,var(--color-primary) 14%,white)}.practice-card--quiz{background:color-mix(in srgb,#efe8ff 72%,var(--color-primary-tint));border-color:color-mix(in srgb,var(--color-primary) 12%,#efe8ff)}.practice-card--speaking{background:var(--color-success-tint);border-color:color-mix(in srgb,var(--color-success) 16%,white)}.practice-card__art{display:flex;align-items:center;justify-content:center;width:100%;height:104px;margin-bottom:16px}.practice-card__art img{width:auto;max-width:100%;height:96px;object-fit:contain;object-position:center}.practice-card h2{margin:0 0 8px;font-size:22px;font-weight:var(--weight-bold);line-height:1.25}.practice-card p{margin:0 0 16px;color:var(--color-text-secondary);font-size:16px;line-height:1.45}.practice-card__action{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:8px 16px;border-radius:var(--radius-pill);font-size:16px;font-weight:var(--weight-semibold);line-height:1.2}.practice-card__action .icon{width:16px;height:16px}.practice-card--game .practice-card__action{background:color-mix(in srgb,var(--color-warning) 22%,white);color:var(--color-warning)}.practice-card--shadowing .practice-card__action{background:color-mix(in srgb,var(--color-primary) 14%,white);color:var(--color-primary)}.practice-card--quiz .practice-card__action{background:color-mix(in srgb,#d9ccff 70%,white);color:#5b45b0}.practice-card--speaking .practice-card__action{background:color-mix(in srgb,var(--color-success) 16%,white);color:var(--color-success)}@container practice (max-width: 900px){.practice-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1023px){.practice-main{padding:24px 24px 32px}.practice-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.practice-main{padding:16px 16px 24px}.practice-sections{grid-template-columns:minmax(0,1fr)}}@media(max-width:767px)and (min-width:520px){.practice-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}.practice-card--soon{opacity:.7}.practice-card--soon .practice-card__action{color:var(--color-text-secondary)}.stat-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat{display:flex;flex-direction:column;gap:2px;min-width:0;padding:var(--space-4) var(--space-5);border-left:1px solid var(--color-border)}.stat:first-child{border-left:0}.stat__value{color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight);font-variant-numeric:tabular-nums}.stat__label,.stat__hint{color:var(--color-text-muted);font-size:var(--text-xs)}@media(max-width:767px){.stat-group{grid-template-columns:minmax(0,1fr)}.stat{padding:var(--space-3) var(--space-4);border-left:0;border-top:1px solid var(--color-border)}.stat:first-child{border-top:0}}.progress-page{width:min(1120px,100%);margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-10)}.progress-page__start{margin-top:var(--space-4)}.progress-page__stats{margin-top:var(--space-6)}.progress-panel{margin-top:var(--space-4);padding:var(--space-5)}.progress-panel__note{margin:var(--space-1) 0 var(--space-5);color:var(--color-text-secondary);font-size:var(--text-sm)}.week-chart{margin:0}.week-chart__plot{position:relative;height:240px;padding:20px 0 0 40px}.week-chart__grid{position:absolute;top:20px;right:0;bottom:24px;left:40px;display:flex;flex-direction:column;justify-content:space-between}.week-chart__gridline{position:relative;height:0;border-top:1px solid var(--color-border)}.week-chart__gridline span{position:absolute;top:-8px;right:calc(100% + var(--space-2));color:var(--color-text-muted);font-size:var(--text-xs);line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.week-chart__bars{position:relative;display:flex;height:100%}.week-chart__col{display:flex;flex:1;flex-direction:column;align-items:center;min-width:0}.week-chart__bar-area{position:relative;display:flex;flex:1;flex-direction:column;justify-content:flex-end;align-items:center;width:100%}.week-chart__bar{position:relative;display:block;flex-shrink:0;width:min(40px,60%);border-radius:4px 4px 0 0;background:var(--color-primary)}.week-chart__value{position:absolute;bottom:calc(100% + var(--space-1));left:50%;transform:translate(-50%);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap}.week-chart__label{display:flex;align-items:center;height:24px;color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap}.week-chart__tooltip{position:absolute;bottom:calc(100% - var(--space-2));left:50%;z-index:2;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--elevation);color:var(--color-text);font-size:var(--text-xs);line-height:var(--leading-normal);white-space:nowrap;transform:translate(-50%);display:none;pointer-events:none}.week-chart__bar-area:hover .week-chart__tooltip{display:block}.week-chart__col:first-child .week-chart__tooltip{left:0;transform:none}.week-chart__col:last-child .week-chart__tooltip{right:0;left:auto;transform:none}.activity-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.activity-table th,.activity-table td{padding:var(--space-3) var(--space-2);border-top:1px solid var(--color-border);text-align:left;vertical-align:middle}.activity-table thead th{padding-top:0;border-top:0;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.activity-table tbody th{color:var(--color-text);font-weight:var(--weight-medium);white-space:nowrap}.activity-table__bar-cell{width:50%}.activity-table__track{display:block;height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-border)}.activity-table__track span{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.activity-table__num{text-align:right!important;white-space:nowrap;font-variant-numeric:tabular-nums}.activity-table__empty{color:var(--color-text-muted)}@media(max-width:767px){.progress-page{padding:var(--space-5) var(--space-4) var(--space-12)}.progress-panel{padding:var(--space-4)}.week-chart__plot{height:200px;padding-left:36px}.week-chart__grid{left:36px}.activity-table__bar-cell{width:35%}.activity-table th,.activity-table td{padding-left:var(--space-1);padding-right:var(--space-1)}}.security-page{width:min(1120px,100%);margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-10)}.security-page__error,.security-page__message{margin:0 0 var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-normal)}.security-page__error{color:var(--color-danger);background:var(--color-danger-tint)}.security-page__message{color:var(--color-success);background:var(--color-success-tint)}.security-panel{margin-bottom:var(--space-5);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-sm)}.security-panel__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.security-kicker{margin:0 0 var(--space-1);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.security-panel h2{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--track-tight)}.security-empty{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm)}.security-device-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.security-device{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-subtle)}.security-device__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.security-device__copy h3{margin:0;font-size:var(--text-md);font-weight:var(--weight-semibold)}.security-device__copy p{margin:0 0 2px;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-snug);text-transform:capitalize}.security-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-success-tint);color:var(--color-success);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--track-label);text-transform:uppercase}.security-remove,.security-danger{min-height:42px;padding:0 var(--space-4);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.security-remove{border:1px solid var(--color-danger);background:var(--color-danger-tint);color:var(--color-danger)}.security-remove:hover:not(:disabled){background:var(--color-danger);color:var(--color-on-primary)}.security-danger{border:1px solid var(--color-danger);background:var(--color-danger);color:var(--color-on-primary);box-shadow:var(--elevation-xs)}.security-danger:hover:not(:disabled){border-color:var(--color-danger);background:color-mix(in srgb,black 12%,var(--color-danger))}.security-remove:disabled,.security-danger:disabled{opacity:.5;cursor:not-allowed}.security-activity{display:grid;gap:0;margin:var(--space-4) 0 0;padding:0;list-style:none}.security-activity li{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--color-border);font-size:var(--text-sm)}.security-activity li:first-child{border-top:0;padding-top:0}.security-activity strong{color:var(--color-text);font-weight:var(--weight-semibold);text-transform:capitalize}.security-activity span{color:var(--color-text-secondary);font-size:var(--text-xs);white-space:nowrap}@media(max-width:767px){.security-page{padding:var(--space-6) var(--space-4) var(--space-16)}.security-panel{padding:var(--space-4)}.security-panel h2{font-size:var(--text-lg)}.security-danger,.security-remove{width:100%}.security-activity li{flex-direction:column;gap:var(--space-1)}.security-activity span{white-space:normal}}:root{--color-bg: #f6f7f9;--color-surface: #ffffff;--color-surface-subtle: #fafbfc;--color-border: #e2e5ea;--color-border-strong: #cdd2da;--color-text: #1b2333;--color-text-secondary: #5a6475;--color-text-muted: #686e79;--surface-solid: var(--color-surface);--color-primary: #155eef;--color-primary-hover: #004eeb;--color-primary-active: #0040c1;--color-primary-tint: #eff4ff;--color-on-primary: #ffffff;--color-accent: var(--color-primary);--color-success: #2f7a5a;--color-success-tint: #eaf4ef;--color-warning: #9b631b;--color-warning-tint: #fbf3e6;--color-danger: #b03f3a;--color-danger-tint: #faeceb;--color-live: var(--color-danger);--color-live-tint: var(--color-danger-tint);--color-game-bg: #05090e;--color-overlay: rgba(27, 35, 51, .4);--color-media-bg: #000000;--color-media-scrim: rgba(27, 35, 51, .85);--color-on-media: #ffffff;--color-on-media-muted: rgba(255, 255, 255, .72);--color-media-track: rgba(255, 255, 255, .25);--color-media-watched: rgba(255, 255, 255, .45);--color-media-hover: rgba(255, 255, 255, .12);--font-sans: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--type-lg: 24px;--type-md: 18px;--type-sm: 14px;--text-xs: var(--type-sm);--text-sm: var(--type-sm);--text-md: var(--type-sm);--text-lg: var(--type-md);--text-xl: var(--type-lg);--text-2xl: var(--type-lg);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-snug: 1.35;--track-tight: -.021em;--track-label: .04em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--radius-full: var(--radius-pill);--elevation: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);--elevation-xs: 0 1px 2px rgba(27, 35, 51, .05);--elevation-sm: 0 1px 3px rgba(27, 35, 51, .06), 0 1px 2px rgba(27, 35, 51, .04);--elevation-md: 0 4px 16px rgba(27, 35, 51, .07);--elevation-lg: 0 16px 40px rgba(27, 35, 51, .12);--shadow-xs: var(--elevation-xs);--shadow-sm: var(--elevation-sm);--shadow-md: var(--elevation-md);--shadow-lg: var(--elevation-lg);--focus-ring-width: 2px;--focus-ring-offset: 2px;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .15s;--sidebar-width: 360px;--drawer-width: 300px;--topbar-height: 56px;--tabbar-height: 60px;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);font-size:var(--type-sm);line-height:var(--leading-normal);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg)}body.menu-open{overflow:hidden}button,input,a{font:inherit}h1,h2,p{margin-top:0}h1,h2,h3{line-height:var(--leading-tight);letter-spacing:var(--track-tight);text-wrap:balance}h1,.type-lg{font-size:var(--type-lg);font-weight:var(--weight-bold);color:var(--color-text)}h2,h3,.type-md{font-size:var(--type-md);font-weight:var(--weight-bold)}.type-sm{font-size:var(--type-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal)}.stat-value,.progress-value,time,[data-numeric],th,td{font-variant-numeric:tabular-nums}a{color:var(--color-primary)}a:not([class]):hover{color:var(--color-primary-hover)}:focus{outline:none}:focus-visible{outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset)}.skip-link{position:absolute;top:var(--space-3);left:var(--space-3);z-index:80;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);box-shadow:var(--elevation);transform:translateY(-160%)}.skip-link:focus{transform:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon{display:block;flex:0 0 auto}::selection{background:var(--color-primary-tint);color:var(--color-text)}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.card--emphasis{border-top:3px solid var(--color-primary);box-shadow:var(--elevation)}.card--interactive{box-shadow:var(--elevation-sm);transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),border-color .25s var(--ease-out)}.card--interactive:hover{transform:translateY(-4px);border-color:var(--color-border-strong);box-shadow:var(--elevation-md)}@media(prefers-reduced-motion:reduce){.card--interactive,.card--interactive:hover{transform:none;transition:none}}.tone-blue{--tone: var(--color-primary);--tone-soft: var(--color-primary-tint)}.tone-success{--tone: var(--color-success);--tone-soft: var(--color-success-tint)}.tone-warning{--tone: var(--color-warning);--tone-soft: var(--color-warning-tint)}.tone-live{--tone: var(--color-live);--tone-soft: var(--color-live-tint)}.icon-tile{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:var(--radius-md);background:var(--color-primary-tint);color:var(--color-primary)}.icon-tile--success{background:var(--color-success-tint);color:var(--color-success)}.icon-tile--live{background:var(--color-live-tint);color:var(--color-live)}.icon-tile--warning{background:var(--color-warning-tint);color:var(--color-warning)}.icon-tile .icon{width:20px;height:20px}.card__title{margin:0;color:var(--color-text);font-size:var(--type-md);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.progress-bar{height:6px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-border)}.progress-bar>span{display:block;height:100%;border-radius:inherit;background:var(--color-primary);transition:width .3s var(--ease-out)}.text-button{display:inline-flex;align-items:center;gap:var(--space-1);padding:0;border:0;border-radius:var(--radius-sm);background:none;color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;cursor:pointer}.text-button:hover{text-decoration:underline}.text-button:active{color:var(--color-primary-active)}.text-button:disabled,.text-button[aria-disabled=true]{color:var(--color-text-muted);text-decoration:none;cursor:not-allowed}.text-button .icon{width:16px;height:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm);font-weight:var(--weight-bold);text-decoration:none;cursor:pointer;box-shadow:var(--elevation-xs);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.btn:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover);color:var(--color-on-primary);transform:translateY(-1px);box-shadow:0 8px 20px color-mix(in srgb,var(--color-primary) 35%,transparent)}.btn:active{transform:none}@media(prefers-reduced-motion:reduce){.btn,.btn:hover{transform:none}}.btn--secondary{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.btn--secondary:hover{border-color:var(--color-text-muted);background:var(--color-surface-subtle);color:var(--color-text);box-shadow:var(--elevation-xs)}.btn:active{border-color:var(--color-primary-active);background:var(--color-primary-active)}.btn--secondary:active{border-color:var(--color-text-muted);background:var(--color-bg)}.btn:disabled,.btn[aria-disabled=true]{border-color:var(--color-border);background:var(--color-surface-subtle);color:var(--color-text-muted);cursor:not-allowed}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-tip]{position:relative}[data-tip]:after,[data-tip]:before{position:absolute;z-index:200;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}[data-tip]:after{content:attr(data-tip);top:calc(100% + 8px);left:50%;width:max-content;max-width:220px;padding:6px var(--space-3);border-radius:var(--radius-sm);background:var(--color-text);box-shadow:var(--elevation-md);color:var(--color-surface);font-family:var(--font-sans);font-size:var(--type-sm);font-weight:var(--weight-medium);line-height:1.35;text-align:center;white-space:normal;transform:translate(-50%,4px)}[data-tip]:before{content:"";top:calc(100% + 3px);left:50%;width:10px;height:10px;background:var(--color-text);transform:translate(-50%,4px) rotate(45deg)}[data-tip]:hover:after,[data-tip]:hover:before,[data-tip]:focus-visible:after,[data-tip]:focus-visible:before{opacity:1;transition-delay:.25s}[data-tip]:hover:after,[data-tip]:focus-visible:after{transform:translate(-50%)}[data-tip]:hover:before,[data-tip]:focus-visible:before{transform:translate(-50%) rotate(45deg)}[data-tip][data-tip-side=top]:after{top:auto;bottom:calc(100% + 8px);transform:translate(-50%,-4px)}[data-tip][data-tip-side=top]:before{top:auto;bottom:calc(100% + 3px);transform:translate(-50%,-4px) rotate(45deg)}[data-tip][data-tip-side=top]:hover:after,[data-tip][data-tip-side=top]:focus-visible:after{transform:translate(-50%)}[data-tip][data-tip-side=top]:hover:before,[data-tip][data-tip-side=top]:focus-visible:before{transform:translate(-50%) rotate(45deg)}[data-tip][data-tip-side=right]:after{top:50%;left:calc(100% + 8px);transform:translate(-4px,-50%)}[data-tip][data-tip-side=right]:before{top:50%;left:calc(100% + 3px);transform:translate(-4px,-50%) rotate(45deg)}[data-tip][data-tip-side=right]:hover:after,[data-tip][data-tip-side=right]:focus-visible:after{transform:translateY(-50%)}[data-tip][data-tip-side=right]:hover:before,[data-tip][data-tip-side=right]:focus-visible:before{transform:translateY(-50%) rotate(45deg)}@media(hover:none){[data-tip]:after,[data-tip]:before{display:none}}@media(prefers-reduced-motion:reduce){[data-tip]:after,[data-tip]:before{transition:none}}:root{--motion-fast: .18s;--motion-base: .32s;--motion-slow: .55s;--motion-slower: .75s;--ease-spring: cubic-bezier(.34, 1.35, .64, 1)}@keyframes reveal-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}@keyframes page-in{0%{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:none}}@keyframes route-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes score-pop{0%{opacity:0;transform:scale(.88)}65%{transform:scale(1.03)}to{opacity:1;transform:none}}@keyframes record-ripple{0%{transform:scale(.92);opacity:.55}to{transform:scale(1.45);opacity:0}}@keyframes record-glow{0%,to{box-shadow:0 0 0 8px #8a3a2d1a,0 16px 36px #8a3a2d38}50%{box-shadow:0 0 0 14px #8a3a2d0f,0 20px 42px #8a3a2d47}}@keyframes ready-pulse{0%,to{box-shadow:0 12px 28px #1f3b3238}50%{box-shadow:0 14px 34px #1f3b324d,0 0 0 5px #d9b9782e}}@keyframes glow-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(18px,-12px,0) scale(1.06)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes shimmer-sweep{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes check-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.route-view{animation:route-enter var(--motion-slow) var(--ease-out) both}.stagger-children>*{animation:reveal-up var(--motion-slow) var(--ease-out) both}.stagger-children>*:nth-child(1){animation-delay:.03s}.stagger-children>*:nth-child(2){animation-delay:.08s}.stagger-children>*:nth-child(3){animation-delay:.13s}.stagger-children>*:nth-child(4){animation-delay:.18s}.stagger-children>*:nth-child(5){animation-delay:.23s}.stagger-children>*:nth-child(6){animation-delay:.28s}.stagger-children>*:nth-child(7){animation-delay:.33s}.stagger-children>*:nth-child(8){animation-delay:.38s}.surface-hover{transition:transform var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.surface-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(prefers-reduced-motion:reduce){.route-view,.stagger-children>*,.surface-hover:hover{animation:none!important;transform:none!important;transition:none!important}}.lede{max-width:38rem;color:var(--color-text-secondary);font-size:var(--text-md);line-height:var(--leading-normal)}.simple-page{width:min(820px,100%);margin:0 auto;padding:var(--space-6) var(--space-8) var(--space-10)}.simple-page h1{margin:0 0 var(--space-3);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.simple-page .lede{margin-bottom:0}.course-list{margin:var(--space-8) 0 0;padding:0;list-style:none}.course-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);max-width:440px;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:inherit;text-decoration:none;transition:border-color var(--duration-fast) var(--ease-out)}.course-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.35) 50%,transparent 58%);transform:translate(-120%);transition:transform .65s var(--ease-out);pointer-events:none}.course-card:hover:after{transform:translate(120%)}.course-card:hover{border-color:var(--color-border-strong)}.course-card__kicker{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.course-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.course-card__meta{color:var(--color-text-secondary);font-size:var(--text-sm)}.course-card__action{margin-top:var(--space-2);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.login{display:grid;min-height:100vh;place-items:center;padding:var(--space-8) var(--space-5)}.login__panel{width:min(480px,100%);padding:var(--space-8) var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation)}.login__header{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-6)}.login__mark{flex:0 0 auto;display:block;width:64px;height:64px;border-radius:var(--radius-sm);object-fit:cover}.login__brand{flex:1;min-width:0;margin:0;color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-bold)}.login h1{margin:0 0 var(--space-2);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text)}.login__subtitle{margin:0 0 var(--space-6);color:var(--color-text-secondary);font-size:var(--text-sm)}.login__container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:min(480px,100%)}.login__actions-secondary{display:flex;align-items:center;justify-content:center;margin-top:4px}.login__support-text{margin:var(--space-5) 0 0;color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--leading-normal)}.login__support-link{border:0;padding:0;background:none;color:var(--color-primary);font-size:inherit;font-weight:var(--weight-bold);text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.login__support-link:hover{color:var(--color-primary-hover)}.login__support-link--button:disabled{color:var(--color-text-muted);cursor:not-allowed;text-decoration:none}.login__support-sep{display:inline-block;margin:0 var(--space-2);color:var(--color-text-muted)}.login__form{display:grid;gap:12px}.login__field{display:grid;gap:6px}.login__field span{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-bold)}.login__field input{min-height:48px;width:100%;padding:0 14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-weight:var(--weight-semibold);outline:none;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.login__field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-tint)}.login__password{position:relative;display:grid}.login__password input{padding-right:92px}.login__password-toggle{position:absolute;top:50%;right:8px;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-primary);font-size:var(--type-sm);font-weight:var(--weight-bold);cursor:pointer;transform:translateY(-50%)}.login__password-toggle .icon{width:18px;height:18px}.login__password-toggle:hover{background:var(--color-primary-tint)}.login__error,.login__message,.login__config-note{margin:0;font-size:var(--type-sm);font-weight:var(--weight-semibold);line-height:1.45}.login__error{color:var(--color-danger)}.login__message{color:var(--color-success)}.login__config-note{margin-top:16px;color:var(--color-text-secondary)}.login__config-note code{font-size:var(--type-sm);font-weight:var(--weight-bold);color:var(--color-text)}.login__continue{margin-top:8px;width:100%;min-height:52px;padding:0 28px;border:0;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-md);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.login__continue:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--elevation)}.login__continue:disabled{opacity:.55;cursor:not-allowed;color:var(--color-on-primary);background:var(--color-primary)}.login__resend{display:block;width:100%;margin-top:12px;padding:10px;border:0;background:transparent;color:var(--color-primary);font-size:var(--type-sm);font-weight:var(--weight-bold);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.device-gate__otp{margin:18px 0 8px;padding:18px 16px;border:1px dashed var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary-tint);text-align:center}.device-gate__otp-code{margin:8px 0 6px;color:var(--color-text);font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:var(--type-lg);font-weight:var(--weight-bold);letter-spacing:.35em}.device-gate__card{margin:18px 0 8px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.device-gate__label{margin:0 0 4px;color:var(--color-primary);font-size:var(--type-sm);font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase}.device-gate__value{margin:0 0 12px;color:var(--color-text);font-size:var(--type-md);font-weight:var(--weight-bold)}.device-gate__meta{display:grid;gap:8px;margin:0;padding:0;list-style:none}.device-gate__meta li{display:flex;justify-content:space-between;gap:12px;color:var(--color-text-secondary);font-size:var(--type-sm);font-weight:var(--weight-semibold)}.device-gate__meta strong{color:var(--color-text);font-weight:var(--weight-bold);text-transform:capitalize}.device-gate__list{display:grid;gap:10px;margin:10px 0 0;padding:0;list-style:none}.device-gate__list li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--color-border)}.device-gate__list li:first-child{border-top:0;padding-top:0}.device-gate__list strong{display:block;color:var(--color-text);font-size:var(--type-sm);font-weight:var(--weight-bold)}.device-gate__list span{display:block;color:var(--color-text-secondary);font-size:var(--type-sm);font-weight:var(--weight-semibold);line-height:1.4}.device-gate__revoke{flex:0 0 auto;min-height:34px;padding:0 12px;border:1px solid var(--color-danger);border-radius:var(--radius-pill);background:var(--color-danger-tint);color:var(--color-danger);font-size:var(--type-sm);font-weight:var(--weight-bold);cursor:pointer}.device-gate__revoke:disabled{opacity:.5;cursor:not-allowed}@media(max-width:767px){.simple-page{padding:var(--space-6) var(--space-4) var(--space-12)}.simple-page h1{font-size:var(--text-xl)}.course-card{width:100%;max-width:none}.login{padding:var(--space-6) var(--space-4)}.login__panel{width:100%;padding:var(--space-6) var(--space-5)}.login__continue{width:100%}}@media(prefers-reduced-motion:reduce){.course-card,.login__continue{transition:none}}.course-card:active{border-color:var(--color-text-muted)}.login__continue:active{background:var(--color-primary-active)}