:root{--font-size-18:18px;--font-size-32:32px;--space-icon:var(--space-1);--space-control:var(--space-2);--space-inline:var(--space-2);--space-content:var(--space-3);--space-component:var(--space-4);--space-section:var(--space-6);--space-page:var(--space-8);--radius-control:var(--r-md);--radius-card:var(--r-lg);--radius-panel:var(--r-lg);--radius-menu:var(--r-lg);--radius-popover:var(--r-lg);--radius-dialog:var(--r-xl);--radius-pill:var(--r-pill);--icon-size-xs:12px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--control-height-xs:24px;--control-height-sm:28px;--control-height-md:32px;--control-height-lg:40px;--hit-area-min:40px;--hit-area-comfortable:44px;--icon-button-size-sm:28px;--icon-button-size-md:32px;--icon-button-size-lg:40px;--sidebar-width-expanded:200px;--sidebar-width-collapsed:64px;--sidebar-width-hidden:0px;--page-padding-mobile:16px;--page-padding-tablet:24px;--page-padding-desktop:32px;--content-width-reading:720px;--content-width-standard:960px;--content-width-wide:1200px;--background-page:var(--background);--background-surface:var(--card);--background-subtle:var(--muted);--background-hover:var(--sidebar-accent);--background-selected:var(--secondary);--text-primary:var(--foreground);--text-secondary:var(--secondary-foreground);--text-tertiary:var(--muted-foreground);--text-disabled:var(--muted-foreground);--text-inverse:var(--accent-foreground);--border-default:var(--border);--border-subtle:var(--border);--border-strong:var(--border);--accent-primary:var(--accent);--accent-hover:var(--accent);--accent-active:var(--accent);--accent-subtle:rgba(37,99,235,0.1);--status-success:var(--success);--status-warning:var(--warning);--status-danger:var(--destructive);--status-info:var(--accent);--status-success-subtle:rgba(22,163,74,0.1);--status-warning-subtle:rgba(234,179,8,0.1);--status-danger-subtle:rgba(220,38,38,0.1);--category-article:#7c3aed;--category-article-subtle:rgba(124,58,237,0.1);--category-podcast:#2563eb;--category-podcast-subtle:rgba(37,99,235,0.1);--category-audio:#0284c7;--category-audio-subtle:rgba(56,189,248,0.12);--category-video:#dc2626;--category-video-subtle:rgba(220,38,38,0.1);--category-image:#be185d;--category-image-subtle:rgba(219,39,119,0.1);--category-pdf:#d97706;--category-pdf-subtle:rgba(217,119,6,0.1);--category-listen:#1d4ed8;--category-listen-subtle:rgba(37,99,235,0.1);--category-read:#6d28d9;--category-read-subtle:rgba(124,58,237,0.1);--category-speak:#c2410c;--category-speak-subtle:rgba(234,88,12,0.1);--category-write:#15803d;--category-write-subtle:rgba(22,163,74,0.1);--category-expression:#b45309;--category-expression-subtle:rgba(217,119,6,0.1);--category-builder:#7e22ce;--category-builder-subtle:rgba(168,85,247,0.1);--category-provenance-ai:#0d9065;--category-provenance-ai-subtle:rgba(16,163,127,0.1);--category-provenance-legacy:#71717a;--category-provenance-legacy-subtle:rgba(161,161,170,0.15);--category-provenance-upload:#6b7280;--category-provenance-upload-subtle:rgba(107,114,128,0.1);--category-avatar-blue:#1d4ed8;--category-avatar-blue-subtle:rgba(37,99,235,0.14);--category-avatar-green:#15803d;--category-avatar-green-subtle:rgba(22,163,74,0.14);--category-avatar-purple:#6d28d9;--category-avatar-purple-subtle:rgba(124,58,237,0.14);--category-avatar-amber:#b45309;--category-avatar-amber-subtle:rgba(217,119,6,0.14);--category-avatar-red:#b91c1c;--category-avatar-red-subtle:rgba(220,38,38,0.14);--category-avatar-cyan:#0369a1;--category-avatar-cyan-subtle:rgba(3,105,161,0.14)}.text-caption{font-weight:400}.text-caption,.text-caption-strong{font-size:var(--font-xs);line-height:16px}.text-caption-strong{font-weight:500}.text-body{line-height:22px;font-weight:400}.text-body,.text-label{font-size:var(--font-sm)}.text-label{line-height:20px;font-weight:500}.text-body-large{font-weight:400}.text-body-large,.text-body-large-strong{font-size:var(--font-md);line-height:24px}.text-body-large-strong{font-weight:500}.heading-local{font-size:var(--font-size-18);line-height:24px;font-weight:600}.heading-section{font-size:var(--font-lg);line-height:28px;font-weight:600}.heading-page{font-size:var(--font-xl);line-height:32px;font-weight:600}.heading-display{font-size:var(--font-size-32);line-height:40px;font-weight:600}.text-tabular-nums{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}:root{--app-safe-top:env(safe-area-inset-top,0px);--app-safe-bottom:env(safe-area-inset-bottom,0px);--mobile-pwa-top-safe-area:var(--app-safe-top);--mobile-pwa-bottom-safe-area:var(--app-safe-bottom);--mobile-bottom-nav-height:56px;--mobile-bottom-nav-top-gap:0px;--mobile-shell-bottom-offset:calc(var(--mobile-bottom-nav-height) + var(--mobile-bottom-nav-top-gap) + var(--app-safe-bottom) + var(--mobile-bottom-nav-gap));--mobile-pwa-top-page-gap:24px;--mobile-pwa-top-chrome-gap:14px;--mobile-bottom-nav-gap:4px;--mobile-pwa-practice-top-gap:4px;--mobile-pwa-practice-bottom-gap:20px;--mobile-practice-action-bar-height:56px;--mobile-practice-action-bar-offset:calc(var(--mobile-practice-action-bar-height) + var(--app-safe-bottom) + var(--mobile-pwa-practice-bottom-gap));--mobile-practice-bottom-padding:0px}:root[data-display-mode=standalone]{--mobile-bottom-nav-height:44px;--mobile-bottom-nav-top-gap:12px;--mobile-pwa-top-page-gap:12px;--mobile-pwa-top-chrome-gap:8px;--mobile-bottom-nav-gap:0px}@media (display-mode:standalone){:root{--mobile-bottom-nav-height:44px;--mobile-bottom-nav-top-gap:12px;--mobile-pwa-top-page-gap:12px;--mobile-pwa-top-chrome-gap:8px;--mobile-bottom-nav-gap:0px}}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);font-family:Inter,system-ui,sans-serif;font-size:var(--font-sm);line-height:1.5;-webkit-font-smoothing:antialiased}body,html{overflow-x:hidden}.desktop-side-navigation__brand{-webkit-margin-before:var(--mobile-pwa-top-safe-area);margin-block-start:var(--mobile-pwa-top-safe-area)}.desktop-app-shell{display:flex;width:100%;height:100dvh;min-height:100dvh;overflow:hidden;box-sizing:border-box;font-family:Inter,system-ui,sans-serif;background:var(--background);color:var(--foreground)}.desktop-app-shell .home-onboarding-empty{justify-content:flex-start;padding-top:0;box-sizing:border-box}.desktop-app-shell .home-onboarding-empty__inner{margin-top:0;margin-bottom:auto}.training-ground__header{padding-top:var(--mobile-pwa-top-page-gap)!important}.workspace-layout-top-nav{flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;background:var(--card);border-bottom:1px solid var(--border);height:52px;min-height:52px;padding-top:0}.mobile-app-shell.is-secondary-page .workspace-layout-top-nav,.practice-workspace-loading__top-nav{height:calc(52px + var(--mobile-pwa-practice-top-gap));min-height:calc(52px + var(--mobile-pwa-practice-top-gap));padding-top:var(--mobile-pwa-practice-top-gap)}@media (min-width:768px){html[data-display-mode=standalone],html[data-display-mode=standalone] body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:auto}:root[data-display-mode=standalone] .desktop-app-shell,:root[data-display-mode=standalone] .desktop-app-shell .workspace-main{padding-top:0;position:relative;inset:auto;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}:root[data-display-mode=standalone] .desktop-app-shell .ability-tree-desktop__header,:root[data-display-mode=standalone] .desktop-app-shell .home-hero,:root[data-display-mode=standalone] .desktop-app-shell .material-library__page-header,:root[data-display-mode=standalone] .desktop-app-shell .settings-shell__frame,:root[data-display-mode=standalone] .desktop-app-shell .training-ground__header{padding-top:calc(var(--mobile-pwa-top-safe-area) + var(--mobile-pwa-top-page-gap))!important}:root[data-display-mode=standalone] .desktop-app-shell .workspace-layout-top-nav{height:calc(52px + var(--mobile-pwa-top-safe-area));min-height:calc(52px + var(--mobile-pwa-top-safe-area));padding-top:var(--mobile-pwa-top-safe-area)}}@media (display-mode:standalone) and (min-width:768px){body,html{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:auto}.desktop-app-shell,.desktop-app-shell .workspace-main{padding-top:0;position:relative;inset:auto;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}.desktop-app-shell .ability-tree-desktop__header,.desktop-app-shell .home-hero,.desktop-app-shell .material-library__page-header,.desktop-app-shell .settings-shell__frame,.desktop-app-shell .training-ground__header{padding-top:calc(var(--mobile-pwa-top-safe-area) + var(--mobile-pwa-top-page-gap))!important}.desktop-app-shell .workspace-layout-top-nav{height:calc(52px + var(--mobile-pwa-top-safe-area));min-height:calc(52px + var(--mobile-pwa-top-safe-area));padding-top:var(--mobile-pwa-top-safe-area)}}.mobile-app-shell{position:fixed;right:0;width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden;background:var(--sidebar);color:var(--foreground);font-family:Inter,system-ui,sans-serif}.mobile-app-shell,.mobile-app-shell__sidebar{top:0;bottom:0;left:0;display:flex;flex-direction:column}.mobile-app-shell__sidebar{position:absolute;width:var(--mobile-sidebar-width,300px);z-index:0}.mobile-app-shell__page{position:relative;z-index:1;flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--card);will-change:transform;transition:transform .28s cubic-bezier(.22,1,.36,1),border-radius .28s ease,box-shadow .28s ease}.mobile-app-shell__page.is-dragging{transition:none}.mobile-app-shell__page.is-shifted{border-radius:64px;box-shadow:0 8px 40px rgba(0,0,0,.18)}.mobile-app-shell__page-scrim{position:absolute;inset:0;z-index:200;margin:0;padding:0;border:none;background:transparent;cursor:pointer}.status-bar-background{height:var(--app-safe-top,0);width:100%;flex-shrink:0;background:var(--page-chrome-bg,var(--card))}.mobile-app-shell.is-secondary-page .status-bar-background{height:0}.mobile-app-shell__content{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-top:0;padding-bottom:0;box-sizing:border-box}.mobile-app-shell__header{display:none!important}.mobile-app-shell__menu-bar{display:flex;align-items:center;flex-shrink:0;min-height:44px;padding:0 12px;background:var(--page-chrome-bg,var(--card))}@media (max-width:767px){html[data-display-mode=standalone],html[data-display-mode=standalone] body{position:fixed;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--card)}}@media (max-width:767px) and (display-mode:standalone){body,html{position:fixed;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--card)}}.mobile-bottom-navigation{display:none}@media (max-width:767px){.mobile-bottom-navigation{display:grid;position:relative;flex-shrink:0;z-index:160;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;box-sizing:border-box;min-height:calc(var(--mobile-bottom-nav-height) + var(--mobile-bottom-nav-top-gap) + var(--app-safe-bottom) + var(--mobile-bottom-nav-gap));margin:0;padding:var(--mobile-bottom-nav-top-gap) 8px calc(var(--app-safe-bottom) + var(--mobile-bottom-nav-gap));border-top:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -10px 28px rgba(0,0,0,.06)}.mobile-bottom-navigation__item{min-width:0;min-height:44px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted-foreground);text-decoration:none;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:500;line-height:16px}.mobile-bottom-navigation__item.active{color:var(--accent)}.mobile-bottom-navigation__icon{display:inline-flex;align-items:center;justify-content:center;min-height:22px}.mobile-bottom-navigation__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}