:root{--vf-accent:#4c6fff;--vf-accent-strong:#2f4dff;--vf-accent-hover:#3b5ae8;--vf-accent-active:#2d4ccc;--vf-accent-soft:rgba(76, 111, 255, 0.14);--vf-accent-2:#f97316;--vf-accent-2-soft:rgba(249, 115, 22, 0.16);--vf-accent-secondary:#8f9eff;--vf-accent-tertiary:#c7ccff;--vf-surface:#ffffff;--vf-surface-elevated:#fafafa;--vf-surface-alt:#f0f2f5;--vf-surface-overlay:rgba(0, 0, 0, 0.4);--vf-text-primary:#050505;--vf-text-secondary:#65676b;--vf-text-tertiary:#8a8d8f;--vf-text-inverse:#ffffff;--vf-border:rgba(5, 5, 5, 0.08);--vf-border-strong:rgba(5, 5, 5, 0.15);--vf-border-focus:var(--vf-accent);--vf-ring:0 0 0 4px rgba(76, 111, 255, 0.2);--vf-success:#31a24c;--vf-warning:#f7b928;--vf-danger:#f02849;--vf-info:#1877f2;--vf-shadow-sm:0 1px 2px rgba(0, 0, 0, 0.1);--vf-shadow-md:0 4px 8px rgba(0, 0, 0, 0.1);--vf-shadow-lg:0 8px 16px rgba(0, 0, 0, 0.15);--vf-shadow-xl:0 16px 32px rgba(0, 0, 0, 0.2);--body-bg-color:#f5f7fb;--body-bg-color-dark:#0b1119;--body-color:#0f172a;--body-color-dark:#e2e8f0;--link-color:var(--vf-accent);--header-bg-color:rgba(255, 255, 255, 0.9);--header-bg-color-dark:rgba(12, 18, 28, 0.92);--card-dark-color:#111827;--card-dark-divider:rgba(148, 163, 184, 0.18);--card-dark-hover:rgba(30, 41, 59, 0.65);--card-dark-input:#0f172a;--card-dark-input-color:#e2e8f0;--vf-space-0:0;--vf-space-xs:4px;--vf-space-sm:8px;--vf-space-md:12px;--vf-space-lg:16px;--vf-space-xl:20px;--vf-space-2xl:24px;--vf-space-3xl:32px;--vf-space-4xl:40px;--vf-space-5xl:48px;--vf-space-1:var(--vf-space-xs);--vf-space-2:var(--vf-space-sm);--vf-space-3:var(--vf-space-md);--vf-space-4:var(--vf-space-lg);--vf-space-5:var(--vf-space-xl);--vf-space-6:var(--vf-space-2xl);--vf-space-7:var(--vf-space-3xl);--vf-space-8:var(--vf-space-4xl);--vf-radius-sm:8px;--vf-radius-md:12px;--vf-radius-lg:18px;--vf-radius-xl:24px;--vf-radius-full:9999px;--vf-font-xs:0.75rem;--vf-font-sm:0.875rem;--vf-font-md:1rem;--vf-font-lg:1.125rem;--vf-font-xl:1.25rem;--vf-font-2xl:1.5rem;--vf-font-3xl:1.875rem;--vf-font-4xl:2.25rem;--vf-leading-tight:1.25;--vf-leading-normal:1.5;--vf-leading-relaxed:1.75;--vf-z-dropdown:1000;--vf-z-sticky:1020;--vf-z-fixed:1030;--vf-z-modal-backdrop:1040;--vf-z-modal:1050;--vf-z-popover:1060;--vf-z-tooltip:1070;--vf-z-toast:1080;--vf-transition-fast:150ms;--vf-transition-normal:200ms;--vf-transition-slow:300ms;--vf-max-width:1200px;--vf-sidebar-width:300px;--vf-header-height:60px;--vf-footer-height:56px;--vf-footer-height-lg:65px;--vf-avatar-sm:32px;--vf-avatar-md:40px;--vf-avatar-lg:56px;--plyr-color-main:var(--vf-accent);--vf-ui-accent:var(--vf-accent);--vf-ui-accent-strong:var(--vf-accent-hover);--vf-ui-surface:var(--vf-surface);--vf-ui-surface-alt:var(--vf-surface-alt);--vf-ui-border:var(--vf-border);--vf-ui-border-strong:var(--vf-border-strong);--vf-ui-shadow-sm:var(--vf-shadow-sm);--vf-ui-shadow-md:var(--vf-shadow-md);--vf-ui-radius:var(--vf-radius-lg)}body.night-mode{--vf-surface:#18191a;--vf-surface-elevated:#242526;--vf-surface-alt:#3a3b3c;--vf-surface-overlay:rgba(0, 0, 0, 0.6);--vf-text-primary:#e4e6eb;--vf-text-secondary:#b0b3b8;--vf-text-tertiary:#8a8d8f;--vf-border:rgba(255, 255, 255, 0.08);--vf-border-strong:rgba(255, 255, 255, 0.15)}html.app-standalone{--vf-header-height:44px}