@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}