:root{color-scheme:light;--app-background: radial-gradient(circle at top left, rgba(56, 121, 255, .14), transparent 28%), radial-gradient(circle at bottom right, rgba(58, 154, 139, .12), transparent 30%), linear-gradient(160deg, #f6f8fc 0%, #edf2f9 52%, #e7eef8 100%);--color-text-primary: #142033;--color-text-secondary: #2f425d;--color-text-muted: #6c7f9c;--color-text-on-primary: #ffffff;--surface-base: rgba(255, 255, 255, .72);--surface-soft: rgba(255, 255, 255, .84);--surface-raised: rgba(255, 255, 255, .92);--surface-elevated: rgba(255, 255, 255, .97);--surface-overlay: rgba(248, 251, 255, .9);--surface-accent-soft: rgba(235, 243, 255, .88);--surface-accent-strong: rgba(217, 233, 255, .94);--surface-success-soft: rgba(224, 247, 239, .92);--surface-danger-soft: rgba(253, 238, 240, .94);--border-subtle: rgba(147, 164, 189, .18);--border-soft: rgba(134, 154, 186, .26);--border-strong: rgba(120, 143, 177, .36);--border-accent: rgba(70, 123, 226, .24);--primary-500: #2d63ea;--primary-600: #224fc4;--primary-700: #1d449f;--accent-500: #1d8d85;--accent-600: #18716a;--success-500: #12996b;--danger-500: #cf3f5a;--danger-600: #b72e49;--interactive-hover: rgba(233, 240, 251, .92);--interactive-active: rgba(222, 233, 249, .98);--interactive-disabled: rgba(166, 180, 201, .42);--interactive-ghost-hover: rgba(237, 243, 252, .94);--interactive-ghost-active: rgba(226, 235, 249, .98);--field-hover: rgba(255, 255, 255, .98);--field-active: rgba(246, 250, 255, 1);--focus-ring: 0 0 0 4px rgba(45, 99, 234, .12);--focus-ring-soft: 0 0 0 1px rgba(45, 99, 234, .24), 0 0 0 4px rgba(45, 99, 234, .12);--shadow-xs: 0 1px 2px rgba(20, 32, 51, .04);--shadow-sm: 0 8px 24px rgba(20, 32, 51, .06);--shadow-md: 0 18px 44px rgba(20, 32, 51, .08);--shadow-lg: 0 28px 72px rgba(20, 32, 51, .12);--shadow-glow-primary: 0 10px 28px rgba(45, 99, 234, .22);--gradient-primary: linear-gradient(135deg, #2d63ea 0%, #224fc4 100%);--gradient-secondary: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(243, 247, 253, .96));--gradient-accent: linear-gradient(135deg, #1d8d85 0%, #2d63ea 100%);--gradient-panel: linear-gradient(180deg, rgba(255, 255, 255, .44), rgba(255, 255, 255, .14));--gradient-primary-soft: linear-gradient(135deg, rgba(45, 99, 234, .14), rgba(29, 141, 133, .08));--control-transition: .18s ease;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px}:root[data-theme=dark]{color-scheme:dark;--app-background-calm: linear-gradient(160deg, #0a1422 0%, #0d1a2d 52%, #102038 100%);--app-background: radial-gradient(circle at top left, rgba(62, 124, 255, .1), transparent 20%), radial-gradient(circle at bottom right, rgba(31, 151, 138, .07), transparent 24%), var(--app-background-calm);--color-text-primary: #ebf2fb;--color-text-secondary: #d6e4f8;--color-text-muted: #aabdd9;--surface-base: rgba(10, 18, 32, .82);--surface-soft: rgba(13, 23, 40, .88);--surface-raised: rgba(15, 26, 44, .93);--surface-elevated: rgba(18, 30, 50, .96);--surface-overlay: rgba(14, 24, 40, .94);--surface-accent-soft: rgba(23, 43, 78, .78);--surface-accent-strong: rgba(29, 57, 104, .9);--surface-success-soft: rgba(15, 56, 45, .9);--surface-danger-soft: rgba(67, 24, 36, .9);--border-subtle: rgba(120, 145, 182, .32);--border-soft: rgba(130, 156, 194, .38);--border-strong: rgba(138, 164, 204, .48);--border-accent: rgba(88, 138, 255, .38);--interactive-hover: rgba(29, 43, 65, .86);--interactive-active: rgba(36, 52, 79, .98);--interactive-disabled: rgba(91, 108, 138, .4);--interactive-ghost-hover: rgba(26, 40, 61, .94);--interactive-ghost-active: rgba(33, 48, 73, .98);--field-hover: rgba(17, 29, 47, .96);--field-active: rgba(15, 25, 41, 1);--focus-ring: 0 0 0 4px rgba(120, 170, 255, .26);--focus-ring-soft: 0 0 0 1px rgba(120, 170, 255, .45), 0 0 0 4px rgba(120, 170, 255, .2);--shadow-xs: 0 1px 2px rgba(4, 9, 16, .22);--shadow-sm: 0 8px 24px rgba(2, 6, 12, .28);--shadow-md: 0 18px 44px rgba(2, 6, 12, .34);--shadow-lg: 0 28px 72px rgba(2, 6, 12, .42);--shadow-glow-primary: 0 12px 32px rgba(59, 121, 255, .28);--gradient-primary: linear-gradient(135deg, #3b79ff 0%, #255fe0 100%);--gradient-secondary: linear-gradient(180deg, rgba(24, 37, 58, .98), rgba(17, 28, 46, .98));--gradient-accent: linear-gradient(135deg, #159789 0%, #3374ff 100%);--gradient-panel: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));--gradient-primary-soft: linear-gradient(135deg, rgba(59, 121, 255, .22), rgba(21, 151, 137, .12));--control-transition: .18s ease}html,body{min-height:100%}body{background:var(--app-background);color:var(--color-text-primary);font-family:Segoe UI Variable,Segoe UI,sans-serif}:root[data-theme=dark] body{line-height:1.52}.surface-base{background:var(--surface-base);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs)}.surface-soft{background:var(--surface-soft);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm)}.surface-raised{background:var(--surface-raised);border:1px solid var(--border-soft);box-shadow:var(--shadow-md)}.surface-elevated{background:var(--surface-elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow-lg)}.surface-accent{background:var(--gradient-primary-soft);border:1px solid var(--border-accent);box-shadow:var(--shadow-sm)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}