@layer base{:root,.appearance-workspace-theme{--ui-space-label:.25rem;--ui-space-field:.5rem;--ui-space-section:.75rem;--ui-page-padding:.75rem;--ui-panel-padding:.5rem;--ui-menu-padding:.25rem;--ui-control-padding-block:.25rem;--ui-control-padding-inline:.5rem;--ui-control-height:max(var(--ui-target-min), 2rem);--ui-icon-control-size:var(--ui-control-height);--ui-target-min:24px;--ui-touch-target:44px}@media (any-pointer:coarse){:root,.appearance-workspace-theme{--ui-control-height:var(--ui-touch-target);--ui-icon-control-size:var(--ui-touch-target)}}}.ui-page{padding:var(--ui-page-padding)}.ui-panel{padding:var(--ui-panel-padding)}.ui-inset-block{padding-block:var(--ui-space-field)}.ui-stack-tight>:where(:not(:last-child)){margin-block-end:var(--ui-space-label)}.ui-stack>:where(:not(:last-child)){margin-block-end:var(--ui-space-field)}.ui-sections>:where(:not(:last-child)){margin-block-end:var(--ui-space-section)}.ui-gap-tight{gap:var(--ui-space-label)}.ui-gap{gap:var(--ui-space-field)}.ui-gap-section{gap:var(--ui-space-section)}.ui-gap-x-section{column-gap:var(--ui-space-section)}.ui-gap-y{row-gap:var(--ui-space-field)}.ui-space-after{margin-block-end:var(--ui-space-field)}.ui-space-after-section{margin-block-end:var(--ui-space-section)}.ui-space-before-label{margin-block-start:var(--ui-space-label)}.ui-control,.ui-target{min-block-size:max(var(--ui-target-min), var(--tenant-control-height,var(--ui-control-height)))}.ui-control{padding-block:var(--tenant-control-padding-block,var(--ui-control-padding-block));padding-inline:var(--tenant-control-padding-inline,var(--ui-control-padding-inline))}:where(button,a).ui-control{justify-content:center;align-items:center;display:inline-flex}@media (any-pointer:coarse){.ui-control,.ui-target{min-block-size:max(var(--ui-touch-target), var(--tenant-control-height,var(--ui-control-height)))}}@theme{--color-playback-control-border: #475569; --color-playback-focus: #67e8f9; --color-playback-divider: #0891b2; --color-playback-link: #a5f3fc; --color-learning-hover: var(--th-bg-hover); --color-learning-bg: #020617; --color-learning-selected: #22d3ee; --color-learning-faint: #475569; --color-learning-on-accent: #0f172a; --color-course-success-bg: #064e3b; --color-course-warning-bg: #78350f; --color-course-danger-bg: #7f1d1d; --color-course-warning-hover: #fcd34d; --color-course-danger-hover: #fca5a5; --color-course-surface: #0f172a; --color-course-border: #334155; --color-course-hover: #0c2417; --color-course-highlight: #0f8; --color-course-link: #38bdf8; --color-course-link-hover: #7dd3fc; --color-course-muted: #94a3b8; --color-course-subtle: #64748b; --color-course-text: #cbd5e1; --color-course-strong: #fff; --color-course-track: #1e293b; --color-course-accent: #06b6d4; --color-course-progress: #34d399; --color-course-reward: #facc15; --color-course-warning: #fbbf24; --color-course-success: #34d399; --color-course-danger: #fb7185; --color-course-menu: #020617; --color-brand-bg: var(--user-bg,#0f172a); --color-brand-surface: var(--user-surface,#1e293b); --color-brand-accent: var(--user-accent,#06b6d4); --color-brand-text: var(--user-text,#f8fafc); --color-brand-muted: var(--user-muted,#94a3b8); --color-primary-400: var(--theme-primary-400,#e879f9); --color-primary-500: var(--theme-primary-500,#d946ef); --color-primary-600: var(--theme-primary-600,#c026d3); --color-primary-900: var(--theme-primary-900,#701a75); --color-danger-400: var(--theme-danger-400,#fb7185); --color-danger-500: var(--theme-danger-500,#f43f5e); --color-danger-600: var(--theme-danger-600,#e11d48); --radius-base: var(--theme-radius-base,.375rem); --radius-panel: var(--theme-radius-panel,.75rem);}:root{--ui-radius-lesson-control:8px;--ui-syllabus-width:20rem;--ui-syllabus-phone-height:20rem;--ui-syllabus-progress-height:4px;--ui-preview-phone-width:24.375rem;--ui-input-icon-size:1.125rem;--ui-choice-target-size:24px;--ui-choice-size:18px;--ui-choice-radius:3px;--ui-choice-border-width:2px;--ui-choice-icon-size:14px;--ui-choice-icon-stroke-width:3;--ui-choice-focus-offset:3px;--ui-radio-radius:50%;--ui-radio-dot-size:8px;--ui-preview-height:36rem;--ui-preview-menu-height:var(--ui-preview-height);--ui-preview-sample-min-width:18rem;--ui-preview-swatch-min-width:7rem;--ui-action-menu-width:15rem;--ui-app-menu-width:40.75rem;--ui-app-menu-category-share:29.75%;--bg-panel:#1e1e1e;--th-panel-bg:var(--color-brand-surface);--th-element-bg:#475569;--th-bg-hover:#334155;--th-border:#1e293b;--th-text-primary:#f8fafc;--th-text-secondary:#94a3b8;--th-text-muted:#94a3b8;--th-input-bg:#1e293b;--th-input-text:#f8fafc;--th-input-border:#334155;--th-accent:var(--color-brand-accent);--th-error-bg:#7f1d1d;--th-error-text:#fca5a5;--th-error-border:#991b1b;--th-error-shadow:none;--ui-error-glow:8px;--ui-choice-disabled-opacity:.5;--sdui-blade-px:24px;--tenant-control-default-radius:6px;--tenant-control-default-font-size:.8125rem;--tenant-control-default-on-accent:#020617;--ui-radius-control:6px;--ui-radius-action-menu:8px;--ui-radius-app-menu:10px;--border:var(--th-border);--bg:var(--th-panel-bg);--text:var(--th-text-primary);--ui-course-hover-shadow:0 0 0 1px #00ff881a, 0 8px 24px #0009;--ui-course-drawer-shadow:0 20px 40px #000c}.tenant-control{min-height:max(var(--ui-target-min), var(--tenant-control-height,var(--ui-control-height)));padding-block:var(--tenant-control-padding-block,var(--ui-control-padding-block));padding-inline:var(--tenant-control-padding-inline,var(--ui-control-padding-inline));border-radius:var(--tenant-control-radius,var(--tenant-control-default-radius));font-size:var(--tenant-control-font-size,var(--tenant-control-default-font-size));line-height:1.25}.tenant-control[data-variant=default]{background-color:var(--color-brand-accent);color:var(--tenant-control-on-accent,var(--tenant-control-default-on-accent))}.tenant-control[data-variant=outline]{border-color:var(--th-input-border);color:var(--color-brand-text);background-color:#0000}.tenant-control[data-slot=button]:enabled:hover{filter:brightness(1.1)}.tenant-control[data-slot=button]:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:2px}@media (any-pointer:coarse){.tenant-control{min-height:max(var(--ui-touch-target), var(--tenant-control-height,var(--ui-control-height)));min-width:var(--ui-touch-target)}}