:root{--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--content-max-width: 480px;--sidebar-width: 220px;--desktop-content-max-width: 600px;--btn-height-sm: 36px;--btn-height-md: 44px;--btn-height-lg: 56px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px}html[data-theme$=-dark]{color-scheme:dark}html[data-theme$=-light],html[data-theme$=-mid]{color-scheme:light}select,input,textarea{color-scheme:inherit}html[data-theme=soft-dark]{--bg-primary: #1a1625;--bg-secondary: #231f30;--bg-elevated: #2d2740;--bg-card: rgba(255, 255, 255, .02);--bg-card-hover: rgba(255, 255, 255, .05);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--text-faint: rgba(255, 255, 255, .25);--accent: #818cf8;--accent-dim: #6366f1;--accent-muted: rgba(129, 140, 248, .12);--success: #4ade80;--success-muted: rgba(74, 222, 128, .1);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .1);--danger: #f87171;--danger-muted: rgba(248, 113, 113, .12);--water: #3b82f6;--water-muted: rgba(59, 130, 246, .1);--border: rgba(255, 255, 255, .08);--border-muted: rgba(255, 255, 255, .04);--header-bg: rgba(26, 22, 37, .92);--nav-bg: #231f30;--nav-border: rgba(255, 255, 255, .06);--nav-inactive: #6b7280;--toggle-bg: rgba(255, 255, 255, .15);--toggle-knob: white;--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .1);--wave-line: rgba(255, 255, 255, .1);--wave-grid: rgba(255, 255, 255, .07);--wave-grid-text: rgba(255, 255, 255, .4);--wave-text: rgba(255, 255, 255, .45);--wave-threshold-ok: rgba(74, 222, 128, .25);--wave-threshold-warn: rgba(251, 191, 36, .15)}html[data-theme=soft-light]{--bg-primary: #f5f3ff;--bg-secondary: #ede9fe;--bg-elevated: #ddd6fe;--bg-card: rgba(0, 0, 0, .02);--bg-card-hover: rgba(0, 0, 0, .04);--text-primary: #1e1b4b;--text-secondary: #3730a3;--text-muted: rgba(30, 27, 75, .5);--text-faint: rgba(30, 27, 75, .3);--accent: #6366f1;--accent-dim: #4f46e5;--accent-muted: rgba(99, 102, 241, .1);--success: #16a34a;--success-muted: rgba(22, 163, 74, .08);--warning: #d97706;--warning-muted: rgba(217, 119, 6, .08);--danger: #dc2626;--danger-muted: rgba(220, 38, 38, .08);--water: #2563eb;--water-muted: rgba(37, 99, 235, .08);--border: rgba(0, 0, 0, .08);--border-muted: rgba(0, 0, 0, .04);--header-bg: rgba(245, 243, 255, .92);--nav-bg: #ede9fe;--nav-border: rgba(0, 0, 0, .06);--nav-inactive: #9ca3af;--toggle-bg: rgba(0, 0, 0, .12);--toggle-knob: white;--input-bg: rgba(0, 0, 0, .04);--input-border: rgba(0, 0, 0, .1);--wave-line: rgba(0, 0, 0, .12);--wave-grid: rgba(0, 0, 0, .08);--wave-grid-text: rgba(0, 0, 0, .45);--wave-text: rgba(0, 0, 0, .45);--wave-threshold-ok: rgba(22, 163, 74, .15);--wave-threshold-warn: rgba(217, 119, 6, .12)}html[data-theme=clinical-dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-elevated: #334155;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .45);--text-faint: rgba(255, 255, 255, .25);--accent: #3b82f6;--accent-dim: #2563eb;--accent-muted: rgba(59, 130, 246, .12);--success: #22c55e;--success-muted: rgba(34, 197, 94, .1);--warning: #f59e0b;--warning-muted: rgba(245, 158, 11, .1);--danger: #ef4444;--danger-muted: rgba(239, 68, 68, .12);--water: #0ea5e9;--water-muted: rgba(14, 165, 233, .1);--border: rgba(255, 255, 255, .08);--border-muted: rgba(255, 255, 255, .04);--header-bg: rgba(15, 23, 42, .92);--nav-bg: #1e293b;--nav-border: rgba(255, 255, 255, .06);--nav-inactive: #64748b;--toggle-bg: rgba(255, 255, 255, .15);--toggle-knob: white;--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .1);--wave-line: rgba(255, 255, 255, .1);--wave-grid: rgba(255, 255, 255, .07);--wave-grid-text: rgba(255, 255, 255, .4);--wave-text: rgba(255, 255, 255, .45);--wave-threshold-ok: rgba(74, 222, 128, .25);--wave-threshold-warn: rgba(251, 191, 36, .15)}html[data-theme=clinical-light]{--bg-primary: #f0f4f8;--bg-secondary: #e2e8f0;--bg-elevated: #cbd5e1;--bg-card: rgba(0, 0, 0, .02);--bg-card-hover: rgba(0, 0, 0, .04);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: rgba(15, 23, 42, .5);--text-faint: rgba(15, 23, 42, .3);--accent: #2563eb;--accent-dim: #1d4ed8;--accent-muted: rgba(37, 99, 235, .1);--success: #16a34a;--success-muted: rgba(22, 163, 74, .08);--warning: #d97706;--warning-muted: rgba(217, 119, 6, .08);--danger: #dc2626;--danger-muted: rgba(220, 38, 38, .08);--water: #0284c7;--water-muted: rgba(2, 132, 199, .08);--border: rgba(0, 0, 0, .1);--border-muted: rgba(0, 0, 0, .05);--header-bg: rgba(240, 244, 248, .92);--nav-bg: #e2e8f0;--nav-border: rgba(0, 0, 0, .06);--nav-inactive: #94a3b8;--toggle-bg: rgba(0, 0, 0, .12);--toggle-knob: white;--input-bg: rgba(0, 0, 0, .04);--input-border: rgba(0, 0, 0, .1);--wave-line: rgba(0, 0, 0, .12);--wave-grid: rgba(0, 0, 0, .08);--wave-grid-text: rgba(0, 0, 0, .45);--wave-text: rgba(0, 0, 0, .45);--wave-threshold-ok: rgba(22, 163, 74, .15);--wave-threshold-warn: rgba(217, 119, 6, .12)}html[data-theme=warm-dark]{--bg-primary: #1c1917;--bg-secondary: #292524;--bg-elevated: #3f3a36;--bg-card: rgba(255, 255, 255, .02);--bg-card-hover: rgba(255, 255, 255, .05);--text-primary: rgba(255, 255, 255, .88);--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .4);--text-faint: rgba(255, 255, 255, .22);--accent: #d97706;--accent-dim: #b45309;--accent-muted: rgba(217, 119, 6, .12);--success: #4ade80;--success-muted: rgba(74, 222, 128, .1);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .1);--danger: #f87171;--danger-muted: rgba(248, 113, 113, .12);--water: #38bdf8;--water-muted: rgba(56, 189, 248, .1);--border: rgba(255, 255, 255, .08);--border-muted: rgba(255, 255, 255, .04);--header-bg: rgba(28, 25, 23, .92);--nav-bg: #292524;--nav-border: rgba(255, 255, 255, .06);--nav-inactive: #78716c;--toggle-bg: rgba(255, 255, 255, .15);--toggle-knob: white;--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .1);--wave-line: rgba(255, 255, 255, .1);--wave-grid: rgba(255, 255, 255, .07);--wave-grid-text: rgba(255, 255, 255, .4);--wave-text: rgba(255, 255, 255, .45);--wave-threshold-ok: rgba(74, 222, 128, .25);--wave-threshold-warn: rgba(251, 191, 36, .15)}html[data-theme=warm-light]{--bg-primary: #fefce8;--bg-secondary: #fef3c7;--bg-elevated: #fde68a;--bg-card: rgba(0, 0, 0, .02);--bg-card-hover: rgba(0, 0, 0, .04);--text-primary: #1c1917;--text-secondary: #44403c;--text-muted: rgba(28, 25, 23, .5);--text-faint: rgba(28, 25, 23, .3);--accent: #b45309;--accent-dim: #92400e;--accent-muted: rgba(180, 83, 9, .1);--success: #16a34a;--success-muted: rgba(22, 163, 74, .08);--warning: #d97706;--warning-muted: rgba(217, 119, 6, .08);--danger: #dc2626;--danger-muted: rgba(220, 38, 38, .08);--water: #0284c7;--water-muted: rgba(2, 132, 199, .08);--border: rgba(0, 0, 0, .08);--border-muted: rgba(0, 0, 0, .04);--header-bg: rgba(254, 252, 232, .92);--nav-bg: #fef3c7;--nav-border: rgba(0, 0, 0, .06);--nav-inactive: #a8a29e;--toggle-bg: rgba(0, 0, 0, .12);--toggle-knob: white;--input-bg: rgba(0, 0, 0, .04);--input-border: rgba(0, 0, 0, .1);--wave-line: rgba(0, 0, 0, .12);--wave-grid: rgba(0, 0, 0, .08);--wave-grid-text: rgba(0, 0, 0, .45);--wave-text: rgba(0, 0, 0, .45);--wave-threshold-ok: rgba(22, 163, 74, .15);--wave-threshold-warn: rgba(217, 119, 6, .12)}html[data-theme=ocean-dark]{--bg-primary: #0c1b2a;--bg-secondary: #142638;--bg-elevated: #1d3349;--bg-card: rgba(255, 255, 255, .02);--bg-card-hover: rgba(255, 255, 255, .05);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--text-faint: rgba(255, 255, 255, .25);--accent: #2dd4bf;--accent-dim: #14b8a6;--accent-muted: rgba(45, 212, 191, .12);--success: #4ade80;--success-muted: rgba(74, 222, 128, .1);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .1);--danger: #f87171;--danger-muted: rgba(248, 113, 113, .12);--water: #3b82f6;--water-muted: rgba(59, 130, 246, .1);--border: rgba(255, 255, 255, .08);--border-muted: rgba(255, 255, 255, .04);--header-bg: rgba(12, 27, 42, .92);--nav-bg: #142638;--nav-border: rgba(255, 255, 255, .06);--nav-inactive: #5c7d8a;--toggle-bg: rgba(255, 255, 255, .15);--toggle-knob: white;--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .1);--wave-line: rgba(255, 255, 255, .1);--wave-grid: rgba(255, 255, 255, .07);--wave-grid-text: rgba(255, 255, 255, .4);--wave-text: rgba(255, 255, 255, .45);--wave-threshold-ok: rgba(74, 222, 128, .25);--wave-threshold-warn: rgba(251, 191, 36, .15)}html[data-theme=ocean-light]{--bg-primary: #e8f4f7;--bg-secondary: #d2eaef;--bg-elevated: #b8dde5;--bg-card: rgba(0, 0, 0, .02);--bg-card-hover: rgba(0, 0, 0, .04);--text-primary: #0a2c3a;--text-secondary: #1a4a5c;--text-muted: rgba(10, 44, 58, .5);--text-faint: rgba(10, 44, 58, .3);--accent: #0d9488;--accent-dim: #0f766e;--accent-muted: rgba(13, 148, 136, .1);--success: #16a34a;--success-muted: rgba(22, 163, 74, .08);--warning: #d97706;--warning-muted: rgba(217, 119, 6, .08);--danger: #dc2626;--danger-muted: rgba(220, 38, 38, .08);--water: #2563eb;--water-muted: rgba(37, 99, 235, .08);--border: rgba(0, 0, 0, .08);--border-muted: rgba(0, 0, 0, .04);--header-bg: rgba(232, 244, 247, .92);--nav-bg: #d2eaef;--nav-border: rgba(0, 0, 0, .06);--nav-inactive: #7eaab5;--toggle-bg: rgba(0, 0, 0, .12);--toggle-knob: white;--input-bg: rgba(0, 0, 0, .04);--input-border: rgba(0, 0, 0, .1);--wave-line: rgba(0, 0, 0, .12);--wave-grid: rgba(0, 0, 0, .08);--wave-grid-text: rgba(0, 0, 0, .45);--wave-text: rgba(0, 0, 0, .45);--wave-threshold-ok: rgba(22, 163, 74, .15);--wave-threshold-warn: rgba(217, 119, 6, .12)}html[data-theme=forest-dark]{--bg-primary: #101a14;--bg-secondary: #182720;--bg-elevated: #253830;--bg-card: rgba(255, 255, 255, .02);--bg-card-hover: rgba(255, 255, 255, .05);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--text-faint: rgba(255, 255, 255, .25);--accent: #86efac;--accent-dim: #4ade80;--accent-muted: rgba(134, 239, 172, .12);--success: #4ade80;--success-muted: rgba(74, 222, 128, .1);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .1);--danger: #f87171;--danger-muted: rgba(248, 113, 113, .12);--water: #3b82f6;--water-muted: rgba(59, 130, 246, .1);--border: rgba(255, 255, 255, .08);--border-muted: rgba(255, 255, 255, .04);--header-bg: rgba(16, 26, 20, .92);--nav-bg: #182720;--nav-border: rgba(255, 255, 255, .06);--nav-inactive: #5c7a6a;--toggle-bg: rgba(255, 255, 255, .15);--toggle-knob: white;--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .1);--wave-line: rgba(255, 255, 255, .1);--wave-grid: rgba(255, 255, 255, .07);--wave-grid-text: rgba(255, 255, 255, .4);--wave-text: rgba(255, 255, 255, .45);--wave-threshold-ok: rgba(74, 222, 128, .25);--wave-threshold-warn: rgba(251, 191, 36, .15)}html[data-theme=forest-light]{--bg-primary: #eef5e8;--bg-secondary: #deead3;--bg-elevated: #c8ddba;--bg-card: rgba(0, 0, 0, .02);--bg-card-hover: rgba(0, 0, 0, .04);--text-primary: #142513;--text-secondary: #2d4a2a;--text-muted: rgba(20, 37, 19, .5);--text-faint: rgba(20, 37, 19, .3);--accent: #16a34a;--accent-dim: #15803d;--accent-muted: rgba(22, 163, 74, .1);--success: #16a34a;--success-muted: rgba(22, 163, 74, .08);--warning: #d97706;--warning-muted: rgba(217, 119, 6, .08);--danger: #dc2626;--danger-muted: rgba(220, 38, 38, .08);--water: #2563eb;--water-muted: rgba(37, 99, 235, .08);--border: rgba(0, 0, 0, .08);--border-muted: rgba(0, 0, 0, .04);--header-bg: rgba(238, 245, 232, .92);--nav-bg: #deead3;--nav-border: rgba(0, 0, 0, .06);--nav-inactive: #7da88a;--toggle-bg: rgba(0, 0, 0, .12);--toggle-knob: white;--input-bg: rgba(0, 0, 0, .04);--input-border: rgba(0, 0, 0, .1);--wave-line: rgba(0, 0, 0, .12);--wave-grid: rgba(0, 0, 0, .08);--wave-grid-text: rgba(0, 0, 0, .45);--wave-text: rgba(0, 0, 0, .45);--wave-threshold-ok: rgba(22, 163, 74, .15);--wave-threshold-warn: rgba(217, 119, 6, .12)}html[data-theme=sunset-dark]{--bg-primary: #1a1210;--bg-secondary: #271c16;--bg-elevated: #3a2a20;--bg-card: rgba(255, 255, 255, .02);--bg-card-hover: rgba(255, 255, 255, .05);--text-primary: rgba(255, 255, 255, .88);--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .4);--text-faint: rgba(255, 255, 255, .22);--accent: #fb923c;--accent-dim: #f97316;--accent-muted: rgba(251, 146, 60, .12);--success: #4ade80;--success-muted: rgba(74, 222, 128, .1);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .1);--danger: #f87171;--danger-muted: rgba(248, 113, 113, .12);--water: #38bdf8;--water-muted: rgba(56, 189, 248, .1);--border: rgba(255, 255, 255, .08);--border-muted: rgba(255, 255, 255, .04);--header-bg: rgba(26, 18, 16, .92);--nav-bg: #271c16;--nav-border: rgba(255, 255, 255, .06);--nav-inactive: #8a7568;--toggle-bg: rgba(255, 255, 255, .15);--toggle-knob: white;--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .1);--wave-line: rgba(255, 255, 255, .1);--wave-grid: rgba(255, 255, 255, .07);--wave-grid-text: rgba(255, 255, 255, .4);--wave-text: rgba(255, 255, 255, .45);--wave-threshold-ok: rgba(74, 222, 128, .25);--wave-threshold-warn: rgba(251, 191, 36, .15)}html[data-theme=sunset-light]{--bg-primary: #fff7ed;--bg-secondary: #ffedd5;--bg-elevated: #fed7aa;--bg-card: rgba(0, 0, 0, .02);--bg-card-hover: rgba(0, 0, 0, .04);--text-primary: #431407;--text-secondary: #7c2d12;--text-muted: rgba(67, 20, 7, .5);--text-faint: rgba(67, 20, 7, .3);--accent: #ea580c;--accent-dim: #c2410c;--accent-muted: rgba(234, 88, 12, .1);--success: #16a34a;--success-muted: rgba(22, 163, 74, .08);--warning: #d97706;--warning-muted: rgba(217, 119, 6, .08);--danger: #dc2626;--danger-muted: rgba(220, 38, 38, .08);--water: #2563eb;--water-muted: rgba(37, 99, 235, .08);--border: rgba(0, 0, 0, .08);--border-muted: rgba(0, 0, 0, .04);--header-bg: rgba(255, 247, 237, .92);--nav-bg: #ffedd5;--nav-border: rgba(0, 0, 0, .06);--nav-inactive: #b0946e;--toggle-bg: rgba(0, 0, 0, .12);--toggle-knob: white;--input-bg: rgba(0, 0, 0, .04);--input-border: rgba(0, 0, 0, .1);--wave-line: rgba(0, 0, 0, .12);--wave-grid: rgba(0, 0, 0, .08);--wave-grid-text: rgba(0, 0, 0, .45);--wave-text: rgba(0, 0, 0, .45);--wave-threshold-ok: rgba(22, 163, 74, .15);--wave-threshold-warn: rgba(217, 119, 6, .12)}html[data-theme=lavender-dark]{--bg-primary: #16101f;--bg-secondary: #1f172c;--bg-elevated: #2d2240;--bg-card: rgba(255, 255, 255, .02);--bg-card-hover: rgba(255, 255, 255, .05);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--text-faint: rgba(255, 255, 255, .25);--accent: #c084fc;--accent-dim: #a855f7;--accent-muted: rgba(192, 132, 252, .12);--success: #4ade80;--success-muted: rgba(74, 222, 128, .1);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .1);--danger: #f87171;--danger-muted: rgba(248, 113, 113, .12);--water: #3b82f6;--water-muted: rgba(59, 130, 246, .1);--border: rgba(255, 255, 255, .08);--border-muted: rgba(255, 255, 255, .04);--header-bg: rgba(22, 16, 31, .92);--nav-bg: #1f172c;--nav-border: rgba(255, 255, 255, .06);--nav-inactive: #7c6b8a;--toggle-bg: rgba(255, 255, 255, .15);--toggle-knob: white;--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .1);--wave-line: rgba(255, 255, 255, .1);--wave-grid: rgba(255, 255, 255, .07);--wave-grid-text: rgba(255, 255, 255, .4);--wave-text: rgba(255, 255, 255, .45);--wave-threshold-ok: rgba(74, 222, 128, .25);--wave-threshold-warn: rgba(251, 191, 36, .15)}html[data-theme=lavender-light]{--bg-primary: #faf5ff;--bg-secondary: #f3e8ff;--bg-elevated: #e9d5ff;--bg-card: rgba(0, 0, 0, .02);--bg-card-hover: rgba(0, 0, 0, .04);--text-primary: #2e1065;--text-secondary: #581c87;--text-muted: rgba(46, 16, 101, .5);--text-faint: rgba(46, 16, 101, .3);--accent: #9333ea;--accent-dim: #7c3aed;--accent-muted: rgba(147, 51, 234, .1);--success: #16a34a;--success-muted: rgba(22, 163, 74, .08);--warning: #d97706;--warning-muted: rgba(217, 119, 6, .08);--danger: #dc2626;--danger-muted: rgba(220, 38, 38, .08);--water: #2563eb;--water-muted: rgba(37, 99, 235, .08);--border: rgba(0, 0, 0, .08);--border-muted: rgba(0, 0, 0, .04);--header-bg: rgba(250, 245, 255, .92);--nav-bg: #f3e8ff;--nav-border: rgba(0, 0, 0, .06);--nav-inactive: #a89ab5;--toggle-bg: rgba(0, 0, 0, .12);--toggle-knob: white;--input-bg: rgba(0, 0, 0, .04);--input-border: rgba(0, 0, 0, .1);--wave-line: rgba(0, 0, 0, .12);--wave-grid: rgba(0, 0, 0, .08);--wave-grid-text: rgba(0, 0, 0, .45);--wave-text: rgba(0, 0, 0, .45);--wave-threshold-ok: rgba(22, 163, 74, .15);--wave-threshold-warn: rgba(217, 119, 6, .12)}html[data-theme=midnight-dark]{--bg-primary: #080d18;--bg-secondary: #0e1626;--bg-elevated: #182236;--bg-card: rgba(255, 255, 255, .02);--bg-card-hover: rgba(255, 255, 255, .05);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--text-faint: rgba(255, 255, 255, .25);--accent: #60a5fa;--accent-dim: #3b82f6;--accent-muted: rgba(96, 165, 250, .12);--success: #4ade80;--success-muted: rgba(74, 222, 128, .1);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .1);--danger: #f87171;--danger-muted: rgba(248, 113, 113, .12);--water: #3b82f6;--water-muted: rgba(59, 130, 246, .1);--border: rgba(255, 255, 255, .08);--border-muted: rgba(255, 255, 255, .04);--header-bg: rgba(8, 13, 24, .92);--nav-bg: #0e1626;--nav-border: rgba(255, 255, 255, .06);--nav-inactive: #5a6b8a;--toggle-bg: rgba(255, 255, 255, .15);--toggle-knob: white;--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .1);--wave-line: rgba(255, 255, 255, .1);--wave-grid: rgba(255, 255, 255, .07);--wave-grid-text: rgba(255, 255, 255, .4);--wave-text: rgba(255, 255, 255, .45);--wave-threshold-ok: rgba(74, 222, 128, .25);--wave-threshold-warn: rgba(251, 191, 36, .15)}html[data-theme=midnight-light]{--bg-primary: #eef2ff;--bg-secondary: #e0e7ff;--bg-elevated: #c7d2fe;--bg-card: rgba(0, 0, 0, .02);--bg-card-hover: rgba(0, 0, 0, .04);--text-primary: #1e1b4b;--text-secondary: #3730a3;--text-muted: rgba(30, 27, 75, .5);--text-faint: rgba(30, 27, 75, .3);--accent: #4f46e5;--accent-dim: #4338ca;--accent-muted: rgba(79, 70, 229, .1);--success: #16a34a;--success-muted: rgba(22, 163, 74, .08);--warning: #d97706;--warning-muted: rgba(217, 119, 6, .08);--danger: #dc2626;--danger-muted: rgba(220, 38, 38, .08);--water: #2563eb;--water-muted: rgba(37, 99, 235, .08);--border: rgba(0, 0, 0, .08);--border-muted: rgba(0, 0, 0, .04);--header-bg: rgba(238, 242, 255, .92);--nav-bg: #e0e7ff;--nav-border: rgba(0, 0, 0, .06);--nav-inactive: #8b8db5;--toggle-bg: rgba(0, 0, 0, .12);--toggle-knob: white;--input-bg: rgba(0, 0, 0, .04);--input-border: rgba(0, 0, 0, .1);--wave-line: rgba(0, 0, 0, .12);--wave-grid: rgba(0, 0, 0, .08);--wave-grid-text: rgba(0, 0, 0, .45);--wave-text: rgba(0, 0, 0, .45);--wave-threshold-ok: rgba(22, 163, 74, .15);--wave-threshold-warn: rgba(217, 119, 6, .12)}html[data-theme=sky-dark]{--bg-primary: #0c1929;--bg-secondary: #122338;--bg-elevated: #1a3048;--bg-card: rgba(255, 255, 255, .02);--bg-card-hover: rgba(255, 255, 255, .05);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--text-faint: rgba(255, 255, 255, .25);--accent: #38bdf8;--accent-dim: #0ea5e9;--accent-muted: rgba(56, 189, 248, .12);--success: #4ade80;--success-muted: rgba(74, 222, 128, .1);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .1);--danger: #f87171;--danger-muted: rgba(248, 113, 113, .12);--water: #38bdf8;--water-muted: rgba(56, 189, 248, .1);--border: rgba(255, 255, 255, .08);--border-muted: rgba(255, 255, 255, .04);--header-bg: rgba(12, 25, 41, .92);--nav-bg: #122338;--nav-border: rgba(255, 255, 255, .06);--nav-inactive: #6b7280;--toggle-bg: rgba(255, 255, 255, .15);--toggle-knob: white;--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .1);--wave-line: rgba(255, 255, 255, .1);--wave-grid: rgba(255, 255, 255, .07);--wave-grid-text: rgba(255, 255, 255, .4);--wave-text: rgba(255, 255, 255, .45);--wave-threshold-ok: rgba(74, 222, 128, .25);--wave-threshold-warn: rgba(251, 191, 36, .15)}html[data-theme=sky-light]{--bg-primary: #e8f4fd;--bg-secondary: #d0e8f9;--bg-elevated: #b8dcf5;--bg-card: rgba(0, 0, 0, .02);--bg-card-hover: rgba(0, 0, 0, .04);--text-primary: #0c2340;--text-secondary: #164e7a;--text-muted: rgba(12, 35, 64, .5);--text-faint: rgba(12, 35, 64, .3);--accent: #0284c7;--accent-dim: #0369a1;--accent-muted: rgba(2, 132, 199, .1);--success: #16a34a;--success-muted: rgba(22, 163, 74, .08);--warning: #d97706;--warning-muted: rgba(217, 119, 6, .08);--danger: #dc2626;--danger-muted: rgba(220, 38, 38, .08);--water: #0284c7;--water-muted: rgba(2, 132, 199, .08);--border: rgba(0, 0, 0, .08);--border-muted: rgba(0, 0, 0, .04);--header-bg: rgba(232, 244, 253, .92);--nav-bg: #d0e8f9;--nav-border: rgba(0, 0, 0, .06);--nav-inactive: #7a9ab5;--toggle-bg: rgba(0, 0, 0, .12);--toggle-knob: white;--input-bg: rgba(0, 0, 0, .04);--input-border: rgba(0, 0, 0, .1);--wave-line: rgba(0, 0, 0, .12);--wave-grid: rgba(0, 0, 0, .08);--wave-grid-text: rgba(0, 0, 0, .45);--wave-text: rgba(0, 0, 0, .45);--wave-threshold-ok: rgba(22, 163, 74, .15);--wave-threshold-warn: rgba(217, 119, 6, .12)}html[data-theme=blush-dark]{--bg-primary: #1a0b14;--bg-secondary: #26111e;--bg-elevated: #351a2b;--bg-card: rgba(255, 255, 255, .02);--bg-card-hover: rgba(255, 255, 255, .05);--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--text-faint: rgba(255, 255, 255, .25);--accent: #f472b6;--accent-dim: #ec4899;--accent-muted: rgba(244, 114, 182, .12);--success: #4ade80;--success-muted: rgba(74, 222, 128, .1);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .1);--danger: #f87171;--danger-muted: rgba(248, 113, 113, .12);--water: #a78bfa;--water-muted: rgba(167, 139, 250, .1);--border: rgba(255, 255, 255, .08);--border-muted: rgba(255, 255, 255, .04);--header-bg: rgba(26, 11, 20, .92);--nav-bg: #26111e;--nav-border: rgba(255, 255, 255, .06);--nav-inactive: #6b7280;--toggle-bg: rgba(255, 255, 255, .15);--toggle-knob: white;--input-bg: rgba(255, 255, 255, .06);--input-border: rgba(255, 255, 255, .1);--wave-line: rgba(255, 255, 255, .1);--wave-grid: rgba(255, 255, 255, .07);--wave-grid-text: rgba(255, 255, 255, .4);--wave-text: rgba(255, 255, 255, .45);--wave-threshold-ok: rgba(74, 222, 128, .25);--wave-threshold-warn: rgba(251, 191, 36, .15)}html[data-theme=blush-light]{--bg-primary: #fdf2f8;--bg-secondary: #fce7f3;--bg-elevated: #fbcfe8;--bg-card: rgba(0, 0, 0, .02);--bg-card-hover: rgba(0, 0, 0, .04);--text-primary: #4a0d2e;--text-secondary: #831843;--text-muted: rgba(74, 13, 46, .5);--text-faint: rgba(74, 13, 46, .3);--accent: #db2777;--accent-dim: #be185d;--accent-muted: rgba(219, 39, 119, .1);--success: #16a34a;--success-muted: rgba(22, 163, 74, .08);--warning: #d97706;--warning-muted: rgba(217, 119, 6, .08);--danger: #dc2626;--danger-muted: rgba(220, 38, 38, .08);--water: #7c3aed;--water-muted: rgba(124, 58, 237, .08);--border: rgba(0, 0, 0, .08);--border-muted: rgba(0, 0, 0, .04);--header-bg: rgba(253, 242, 248, .92);--nav-bg: #fce7f3;--nav-border: rgba(0, 0, 0, .06);--nav-inactive: #b57a9a;--toggle-bg: rgba(0, 0, 0, .12);--toggle-knob: white;--input-bg: rgba(0, 0, 0, .04);--input-border: rgba(0, 0, 0, .1);--wave-line: rgba(0, 0, 0, .12);--wave-grid: rgba(0, 0, 0, .08);--wave-grid-text: rgba(0, 0, 0, .45);--wave-text: rgba(0, 0, 0, .45);--wave-threshold-ok: rgba(22, 163, 74, .15);--wave-threshold-warn: rgba(217, 119, 6, .12)}html[data-theme=soft-mid]{--theme-font: "Poppins", sans-serif;--bg-primary: #1a0e2e;--bg-secondary: #140a24;--bg-elevated: #2d1b4e;--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: rgba(255, 255, 255, .96);--text-primary: #e8e0ff;--text-secondary: #c4b5f0;--text-muted: rgba(232, 224, 255, .65);--text-faint: rgba(232, 224, 255, .42);--accent: #a78bfa;--accent-dim: #8b5cf6;--accent-muted: rgba(167, 139, 250, .18);--success: #4ade80;--success-muted: rgba(74, 222, 128, .18);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .18);--danger: #f87171;--danger-muted: rgba(248, 113, 113, .18);--water: #60a5fa;--water-muted: rgba(96, 165, 250, .18);--border: rgba(167, 139, 250, .25);--border-muted: rgba(167, 139, 250, .12);--nav-border: rgba(167, 139, 250, .2);--nav-inactive: rgba(232, 224, 255, .5);--toggle-bg: rgba(167, 139, 250, .25);--toggle-knob: white;--input-bg: rgba(45, 27, 78, .6);--input-border: rgba(167, 139, 250, .3);--wave-line: rgba(167, 139, 250, .25);--wave-grid: rgba(167, 139, 250, .12);--wave-grid-text: rgba(232, 224, 255, .55);--wave-text: rgba(232, 224, 255, .55);--wave-threshold-ok: rgba(74, 222, 128, .3);--wave-threshold-warn: rgba(251, 191, 36, .25);--gradient-bg: radial-gradient(ellipse at 10% 30%, rgba(74, 222, 128, .35), transparent 50%), radial-gradient(ellipse at 40% 15%, rgba(45, 212, 191, .3), transparent 45%), radial-gradient(ellipse at 75% 25%, rgba(167, 139, 250, .4), transparent 50%), radial-gradient(ellipse at 55% 70%, rgba(236, 72, 153, .25), transparent 55%), radial-gradient(circle at 85% 60%, rgba(139, 92, 246, .3), transparent 45%), radial-gradient(ellipse at 25% 80%, rgba(96, 165, 250, .2), transparent 50%), linear-gradient(170deg, #1a0e2e, #0f0a1e 50%, #140a24);--glow-color: rgba(167, 139, 250, .3);--glow-color-strong: rgba(167, 139, 250, .55);--header-bg: linear-gradient(180deg, rgba(26, 14, 46, .96), rgba(45, 27, 78, .92));--nav-bg: linear-gradient(0deg, #0f0a1e, #1a0e2e);--big-button-bg: rgba(255, 255, 255, .94);--big-button-border: rgba(167, 139, 250, .5);--big-button-color: #7c3aed;--big-button-glow: 0 0 32px rgba(139, 92, 246, .45), inset 0 2px 0 rgba(255, 255, 255, 1);--big-button-active-bg: rgba(255, 240, 240, .9);--big-button-active-border: rgba(248, 113, 113, .5);--big-button-active-color: #dc2626;--big-button-active-glow: 0 0 32px rgba(248, 113, 113, .45);--big-button-rest-bg: rgba(240, 255, 240, .9);--big-button-rest-border: rgba(74, 222, 128, .45);--big-button-rest-color: #16a34a}html[data-theme=clinical-mid]{--theme-font: "IBM Plex Mono", monospace;--bg-primary: #0a1a14;--bg-secondary: #0d2018;--bg-elevated: #122a1e;--bg-card: rgba(10, 40, 28, .92);--bg-card-hover: rgba(15, 50, 35, .95);--text-primary: #4ade80;--text-secondary: #86efac;--text-muted: rgba(74, 222, 128, .65);--text-faint: rgba(74, 222, 128, .4);--accent: #22c55e;--accent-dim: #16a34a;--accent-muted: rgba(34, 197, 94, .2);--success: #4ade80;--success-muted: rgba(74, 222, 128, .18);--warning: #facc15;--warning-muted: rgba(250, 204, 21, .18);--danger: #ef4444;--danger-muted: rgba(239, 68, 68, .18);--water: #38bdf8;--water-muted: rgba(56, 189, 248, .18);--border: rgba(34, 197, 94, .25);--border-muted: rgba(34, 197, 94, .12);--nav-border: rgba(34, 197, 94, .2);--nav-inactive: rgba(74, 222, 128, .4);--toggle-bg: rgba(34, 197, 94, .2);--toggle-knob: #4ade80;--input-bg: rgba(10, 40, 28, .8);--input-border: rgba(34, 197, 94, .3);--wave-line: rgba(34, 197, 94, .3);--wave-grid: rgba(34, 197, 94, .15);--wave-grid-text: rgba(74, 222, 128, .55);--wave-text: rgba(74, 222, 128, .55);--wave-threshold-ok: rgba(74, 222, 128, .3);--wave-threshold-warn: rgba(250, 204, 21, .25);--gradient-bg: radial-gradient(ellipse at 50% 50%, rgba(34, 197, 94, .08), transparent 70%), radial-gradient(ellipse at 20% 80%, rgba(74, 222, 128, .05), transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(16, 185, 129, .06), transparent 55%), linear-gradient(180deg, #0a1a14, #0d2018);--glow-color: rgba(34, 197, 94, .28);--glow-color-strong: rgba(34, 197, 94, .5);--header-bg: linear-gradient(180deg, rgba(10, 26, 20, .96), rgba(13, 32, 24, .92));--nav-bg: linear-gradient(0deg, #081610, #0a1a14);--big-button-bg: rgba(15, 50, 35, .95);--big-button-border: rgba(34, 197, 94, .6);--big-button-color: #22c55e;--big-button-glow: 0 0 24px rgba(34, 197, 94, .5), inset 0 1px 0 rgba(74, 222, 128, .15);--big-button-active-bg: rgba(50, 15, 15, .92);--big-button-active-border: rgba(239, 68, 68, .6);--big-button-active-color: #ef4444;--big-button-active-glow: 0 0 24px rgba(239, 68, 68, .5);--big-button-rest-bg: rgba(10, 50, 30, .95);--big-button-rest-border: rgba(74, 222, 128, .5);--big-button-rest-color: #4ade80}html[data-theme=warm-mid]{--theme-font: "Cinzel", serif;--bg-primary: #1a1008;--bg-secondary: #140c04;--bg-elevated: #2a1c10;--bg-card: rgba(30, 20, 10, .78);--bg-card-hover: rgba(42, 28, 14, .88);--text-primary: #f5e6c8;--text-secondary: #dcc8a0;--text-muted: rgba(245, 230, 200, .65);--text-faint: rgba(245, 230, 200, .58);--accent: #e8a820;--accent-dim: #a06e08;--accent-muted: rgba(232, 168, 32, .18);--success: #3d8b37;--success-muted: rgba(61, 139, 55, .18);--warning: #c49a1a;--warning-muted: rgba(196, 154, 26, .18);--danger: #f06060;--danger-muted: rgba(240, 96, 96, .18);--water: #3565a8;--water-muted: rgba(53, 101, 168, .18);--border: rgba(196, 136, 14, .25);--border-muted: rgba(196, 136, 14, .12);--nav-border: rgba(196, 136, 14, .22);--nav-inactive: rgba(252, 246, 228, .55);--toggle-bg: rgba(42, 28, 16, .6);--toggle-knob: #f5e6c8;--input-bg: rgba(42, 28, 16, .5);--input-border: rgba(196, 136, 14, .3);--wave-line: rgba(196, 136, 14, .28);--wave-grid: rgba(196, 136, 14, .14);--wave-grid-text: rgba(252, 246, 228, .55);--wave-text: rgba(252, 246, 228, .55);--wave-threshold-ok: rgba(61, 139, 55, .3);--wave-threshold-warn: rgba(196, 154, 26, .28);--gradient-bg: radial-gradient(ellipse 600px 400px at 30% 20%, rgba(196, 136, 14, .18), transparent), radial-gradient(ellipse 500px 350px at 70% 50%, rgba(139, 69, 19, .12), transparent), radial-gradient(ellipse 400px 300px at 50% 80%, rgba(160, 110, 8, .1), transparent), radial-gradient(circle 200px at 80% 15%, rgba(196, 136, 14, .08), transparent), linear-gradient(180deg, #1a1008, #140c04 40%, #100a04 70%, #0e0802);--glow-color: rgba(196, 136, 14, .22);--glow-color-strong: rgba(196, 136, 14, .4);--header-bg: linear-gradient(180deg, rgba(26, 16, 8, .97), rgba(42, 28, 16, .94));--nav-bg: linear-gradient(0deg, #100a04, #1a1008);--big-button-bg: rgba(30, 20, 10, .78);--big-button-border: rgba(196, 136, 14, .55);--big-button-color: #e8a820;--big-button-glow: 0 0 32px rgba(196, 136, 14, .4), inset 0 1px 0 rgba(245, 230, 200, .15);--big-button-active-bg: rgba(60, 20, 15, .82);--big-button-active-border: rgba(184, 50, 48, .5);--big-button-active-color: #f06060;--big-button-active-glow: 0 0 28px rgba(184, 50, 48, .35);--big-button-rest-bg: rgba(25, 30, 15, .8);--big-button-rest-border: rgba(61, 139, 55, .4);--big-button-rest-color: #4ade80}html[data-theme=ocean-mid]{--theme-font: "Quicksand", sans-serif;--bg-primary: #0a2530;--bg-secondary: #071c25;--bg-elevated: #0d3040;--bg-card: rgba(8, 47, 73, .9);--bg-card-hover: rgba(12, 60, 90, .94);--text-primary: #5eead4;--text-secondary: #2dd4bf;--text-muted: rgba(94, 234, 212, .65);--text-faint: rgba(94, 234, 212, .4);--accent: #14b8a6;--accent-dim: #0d9488;--accent-muted: rgba(20, 184, 166, .2);--success: #34d399;--success-muted: rgba(52, 211, 153, .18);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .18);--danger: #f87171;--danger-muted: rgba(248, 113, 113, .18);--water: #38bdf8;--water-muted: rgba(56, 189, 248, .18);--border: rgba(45, 212, 191, .25);--border-muted: rgba(45, 212, 191, .12);--nav-border: rgba(45, 212, 191, .18);--nav-inactive: rgba(94, 234, 212, .4);--toggle-bg: rgba(45, 212, 191, .2);--toggle-knob: #5eead4;--input-bg: rgba(8, 47, 73, .8);--input-border: rgba(45, 212, 191, .28);--wave-line: rgba(45, 212, 191, .28);--wave-grid: rgba(45, 212, 191, .14);--wave-grid-text: rgba(94, 234, 212, .55);--wave-text: rgba(94, 234, 212, .55);--wave-threshold-ok: rgba(52, 211, 153, .3);--wave-threshold-warn: rgba(251, 191, 36, .25);--gradient-bg: radial-gradient(ellipse at 30% 70%, rgba(20, 184, 166, .18), transparent 55%), radial-gradient(ellipse at 70% 30%, rgba(45, 212, 191, .14), transparent 50%), radial-gradient(circle at 50% 50%, rgba(94, 234, 212, .08), transparent 60%), radial-gradient(ellipse at 15% 20%, rgba(6, 182, 212, .1), transparent 45%), radial-gradient(circle at 85% 80%, rgba(52, 211, 153, .12), transparent 40%), linear-gradient(180deg, #071c25, #0a2530);--glow-color: rgba(20, 184, 166, .3);--glow-color-strong: rgba(20, 184, 166, .5);--header-bg: linear-gradient(180deg, rgba(7, 28, 37, .96), rgba(10, 37, 48, .92));--nav-bg: linear-gradient(0deg, #051820, #0a2530);--big-button-bg: rgba(12, 55, 80, .92);--big-button-border: rgba(20, 184, 166, .5);--big-button-color: #14b8a6;--big-button-glow: 0 0 32px rgba(45, 212, 191, .45), inset 0 1px 0 rgba(45, 212, 191, .15);--big-button-active-bg: rgba(60, 20, 20, .9);--big-button-active-border: rgba(248, 113, 113, .5);--big-button-active-color: #f87171;--big-button-active-glow: 0 0 30px rgba(248, 113, 113, .45);--big-button-rest-bg: rgba(10, 60, 50, .92);--big-button-rest-border: rgba(52, 211, 153, .45);--big-button-rest-color: #34d399}html[data-theme=forest-mid]{--theme-font: "Playfair Display", serif;--bg-primary: #0e1a0e;--bg-secondary: #0a120a;--bg-elevated: #1a2c1a;--bg-card: rgba(14, 26, 14, .78);--bg-card-hover: rgba(26, 44, 26, .88);--text-primary: #f0f5ea;--text-secondary: #d4e4c4;--text-muted: rgba(240, 245, 234, .68);--text-faint: rgba(240, 245, 234, .58);--accent: #7cb850;--accent-dim: #5da040;--accent-muted: rgba(124, 184, 80, .18);--success: #6b8e23;--success-muted: rgba(107, 142, 35, .18);--warning: #c4a030;--warning-muted: rgba(196, 160, 48, .18);--danger: #f06060;--danger-muted: rgba(240, 96, 96, .18);--water: #4682b4;--water-muted: rgba(70, 130, 180, .18);--border: rgba(93, 158, 62, .22);--border-muted: rgba(93, 158, 62, .1);--nav-border: rgba(200, 230, 200, .18);--nav-inactive: rgba(200, 230, 200, .55);--toggle-bg: rgba(93, 158, 62, .22);--toggle-knob: #6b9e3e;--input-bg: rgba(14, 26, 14, .8);--input-border: rgba(93, 158, 62, .28);--wave-line: rgba(93, 158, 62, .28);--wave-grid: rgba(93, 158, 62, .12);--wave-grid-text: rgba(200, 230, 200, .55);--wave-text: rgba(200, 230, 200, .55);--wave-threshold-ok: rgba(107, 142, 35, .3);--wave-threshold-warn: rgba(196, 160, 48, .28);--gradient-bg: radial-gradient(ellipse at 25% 20%, rgba(93, 158, 62, .16), transparent 45%), radial-gradient(ellipse at 70% 50%, rgba(74, 130, 45, .14), transparent 50%), radial-gradient(circle at 50% 85%, rgba(180, 130, 50, .12), transparent 48%), radial-gradient(ellipse at 85% 15%, rgba(120, 180, 80, .1), transparent 40%), radial-gradient(ellipse at 10% 65%, rgba(60, 110, 40, .12), transparent 50%), radial-gradient(ellipse at 40% 90%, rgba(160, 110, 40, .1), transparent 45%), linear-gradient(160deg, #0a120a, #0e1a0e 40%, #12180a 70%, #0c160c);--glow-color: rgba(93, 158, 62, .24);--glow-color-strong: rgba(93, 158, 62, .42);--header-bg: linear-gradient(160deg, rgba(14, 26, 14, .96), rgba(26, 44, 26, .92));--nav-bg: linear-gradient(0deg, #080e08, #0e1a0e);--big-button-bg: rgba(14, 26, 14, .78);--big-button-border: rgba(93, 158, 62, .5);--big-button-color: #7cb850;--big-button-glow: 0 0 24px rgba(93, 158, 62, .3), inset 0 1px 0 rgba(200, 230, 200, .15);--big-button-active-bg: rgba(60, 20, 20, .82);--big-button-active-border: rgba(240, 96, 96, .5);--big-button-active-color: #f06060;--big-button-active-glow: 0 0 24px rgba(240, 96, 96, .35);--big-button-rest-bg: rgba(14, 30, 14, .8);--big-button-rest-border: rgba(107, 142, 35, .45);--big-button-rest-color: #7cb850;--accent-gold: #c4961e;--accent-gold-muted: rgba(196, 150, 30, .18)}html[data-theme=sunset-mid]{--theme-font: "Space Mono", monospace;--bg-primary: #1a0a2e;--bg-secondary: #140822;--bg-elevated: #22103a;--bg-card: rgba(30, 15, 50, .88);--bg-card-hover: rgba(40, 20, 65, .92);--text-primary: #fb923c;--text-secondary: #f472b6;--text-muted: rgba(251, 146, 60, .65);--text-faint: rgba(251, 146, 60, .4);--accent: #ec4899;--accent-dim: #db2777;--accent-muted: rgba(236, 72, 153, .2);--success: #4ade80;--success-muted: rgba(74, 222, 128, .18);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .18);--danger: #f87171;--danger-muted: rgba(248, 113, 113, .18);--water: #38bdf8;--water-muted: rgba(56, 189, 248, .18);--border: rgba(236, 72, 153, .35);--border-muted: rgba(236, 72, 153, .15);--nav-border: rgba(236, 72, 153, .25);--nav-inactive: rgba(251, 146, 60, .4);--toggle-bg: rgba(236, 72, 153, .2);--toggle-knob: #f472b6;--input-bg: rgba(30, 15, 50, .8);--input-border: rgba(236, 72, 153, .3);--wave-line: rgba(236, 72, 153, .28);--wave-grid: rgba(236, 72, 153, .14);--wave-grid-text: rgba(251, 146, 60, .55);--wave-text: rgba(251, 146, 60, .55);--wave-threshold-ok: rgba(74, 222, 128, .3);--wave-threshold-warn: rgba(251, 191, 36, .25);--gradient-bg: radial-gradient(ellipse at 30% 40%, rgba(236, 72, 153, .3), transparent 50%), radial-gradient(ellipse at 70% 60%, rgba(251, 146, 60, .25), transparent 48%), radial-gradient(ellipse at 50% 85%, rgba(168, 85, 247, .2), transparent 55%), linear-gradient(180deg, #1a0a2e, #140822);--glow-color: rgba(236, 72, 153, .3);--glow-color-strong: rgba(236, 72, 153, .55);--header-bg: linear-gradient(180deg, rgba(26, 10, 46, .96), rgba(20, 8, 34, .92));--nav-bg: linear-gradient(0deg, #10061c, #1a0a2e);--big-button-bg: rgba(40, 20, 60, .9);--big-button-border: rgba(236, 72, 153, .6);--big-button-color: #ec4899;--big-button-glow: 0 0 40px rgba(236, 72, 153, .5), inset 0 0 20px rgba(236, 72, 153, .1);--big-button-active-bg: rgba(50, 15, 20, .9);--big-button-active-border: rgba(248, 113, 113, .6);--big-button-active-color: #f87171;--big-button-active-glow: 0 0 40px rgba(248, 113, 113, .5);--big-button-rest-bg: rgba(15, 40, 25, .9);--big-button-rest-border: rgba(74, 222, 128, .5);--big-button-rest-color: #4ade80}html[data-theme=lavender-mid]{--theme-font: "DM Sans", sans-serif;--bg-primary: #e8edf4;--bg-secondary: #dce3ee;--bg-elevated: #f0f4f8;--bg-card: rgba(255, 255, 255, .96);--bg-card-hover: rgba(255, 255, 255, 1);--text-primary: #1a1f2e;--text-secondary: #3d4663;--text-muted: rgba(26, 31, 46, .58);--text-faint: rgba(26, 31, 46, .35);--accent: #5b8def;--accent-dim: #4070d6;--accent-muted: rgba(91, 141, 239, .14);--success: #16a34a;--success-muted: rgba(22, 163, 74, .12);--warning: #d97706;--warning-muted: rgba(217, 119, 6, .12);--danger: #dc2626;--danger-muted: rgba(220, 38, 38, .12);--water: #2563eb;--water-muted: rgba(37, 99, 235, .12);--border: rgba(91, 141, 239, .18);--border-muted: rgba(91, 141, 239, .08);--nav-border: rgba(91, 141, 239, .15);--nav-inactive: rgba(26, 31, 46, .4);--toggle-bg: rgba(91, 141, 239, .15);--toggle-knob: white;--input-bg: rgba(255, 255, 255, .8);--input-border: rgba(91, 141, 239, .2);--wave-line: rgba(91, 141, 239, .2);--wave-grid: rgba(91, 141, 239, .08);--wave-grid-text: rgba(26, 31, 46, .45);--wave-text: rgba(26, 31, 46, .45);--wave-threshold-ok: rgba(22, 163, 74, .25);--wave-threshold-warn: rgba(217, 119, 6, .22);--gradient-bg: radial-gradient(ellipse at 20% 30%, rgba(186, 210, 255, .35), transparent 55%), radial-gradient(ellipse at 80% 60%, rgba(147, 197, 253, .25), transparent 50%), radial-gradient(ellipse at 50% 90%, rgba(199, 210, 254, .2), transparent 50%), linear-gradient(160deg, #e2e8f4, #f0f4fb, #e8edf6);--glow-color: rgba(91, 141, 239, .15);--glow-color-strong: rgba(91, 141, 239, .3);--header-bg: linear-gradient(160deg, rgba(240, 244, 252, .97), rgba(226, 232, 244, .94));--nav-bg: linear-gradient(0deg, #dce3f0, #e4eaf4);--big-button-bg: rgba(255, 255, 255, .98);--big-button-border: rgba(91, 141, 239, .3);--big-button-color: #4070d6;--big-button-glow: 0 4px 24px rgba(91, 141, 239, .18), inset 0 2px 0 rgba(255, 255, 255, 1);--big-button-active-bg: rgba(255, 245, 245, .98);--big-button-active-border: rgba(220, 38, 38, .35);--big-button-active-color: #dc2626;--big-button-active-glow: 0 4px 24px rgba(220, 38, 38, .2);--big-button-rest-bg: rgba(245, 255, 245, .98);--big-button-rest-border: rgba(22, 163, 74, .3);--big-button-rest-color: #16a34a}html[data-theme=midnight-mid]{--theme-font: "Space Grotesk", sans-serif;--bg-primary: #0c0c1e;--bg-secondary: #080818;--bg-elevated: #141430;--bg-card: rgba(12, 12, 35, .92);--bg-card-hover: rgba(18, 18, 45, .95);--text-primary: #c7d2fe;--text-secondary: #a5b4fc;--text-muted: rgba(199, 210, 254, .65);--text-faint: rgba(199, 210, 254, .4);--accent: #6366f1;--accent-dim: #4f46e5;--accent-muted: rgba(99, 102, 241, .2);--success: #4ade80;--success-muted: rgba(74, 222, 128, .18);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .18);--danger: #f87171;--danger-muted: rgba(248, 113, 113, .18);--water: #60a5fa;--water-muted: rgba(96, 165, 250, .18);--border: rgba(99, 102, 241, .3);--border-muted: rgba(99, 102, 241, .14);--nav-border: rgba(99, 102, 241, .22);--nav-inactive: rgba(199, 210, 254, .4);--toggle-bg: rgba(99, 102, 241, .2);--toggle-knob: #a5b4fc;--input-bg: rgba(12, 12, 35, .8);--input-border: rgba(99, 102, 241, .28);--wave-line: rgba(99, 102, 241, .25);--wave-grid: rgba(99, 102, 241, .12);--wave-grid-text: rgba(199, 210, 254, .55);--wave-text: rgba(199, 210, 254, .55);--wave-threshold-ok: rgba(74, 222, 128, .3);--wave-threshold-warn: rgba(251, 191, 36, .25);--gradient-bg: radial-gradient(ellipse at 20% 30%, rgba(99, 102, 241, .3), transparent 55%), radial-gradient(ellipse at 80% 60%, rgba(139, 92, 246, .25), transparent 50%), radial-gradient(ellipse at 50% 85%, rgba(6, 182, 212, .2), transparent 52%), radial-gradient(circle at 70% 15%, rgba(165, 180, 252, .15), transparent 38%), linear-gradient(180deg, #0c0c1e, #080818);--glow-color: rgba(99, 102, 241, .3);--glow-color-strong: rgba(99, 102, 241, .55);--header-bg: linear-gradient(180deg, rgba(12, 12, 30, .96), rgba(8, 8, 24, .92));--nav-bg: linear-gradient(0deg, #06060f, #0c0c1e);--big-button-bg: rgba(18, 18, 45, .92);--big-button-border: rgba(99, 102, 241, .5);--big-button-color: #818cf8;--big-button-glow: 0 0 40px rgba(99, 102, 241, .5), 0 0 80px rgba(99, 102, 241, .2);--big-button-active-bg: rgba(45, 15, 15, .92);--big-button-active-border: rgba(248, 113, 113, .55);--big-button-active-color: #f87171;--big-button-active-glow: 0 0 40px rgba(248, 113, 113, .5);--big-button-rest-bg: rgba(12, 35, 20, .92);--big-button-rest-border: rgba(74, 222, 128, .45);--big-button-rest-color: #4ade80}html[data-theme=sky-mid]{--theme-font: "Nunito", sans-serif;--bg-primary: #8cc8e8;--bg-secondary: #72b4d8;--bg-elevated: #a0d4f0;--bg-card: rgba(255, 255, 255, .94);--bg-card-hover: rgba(255, 255, 255, .98);--text-primary: #075985;--text-secondary: #0284c7;--text-muted: rgba(7, 89, 133, .65);--text-faint: rgba(7, 89, 133, .42);--accent: #0284c7;--accent-dim: #0369a1;--accent-muted: rgba(2, 132, 199, .18);--success: #16a34a;--success-muted: rgba(22, 163, 74, .15);--warning: #d97706;--warning-muted: rgba(217, 119, 6, .15);--danger: #dc2626;--danger-muted: rgba(220, 38, 38, .15);--water: #0284c7;--water-muted: rgba(2, 132, 199, .15);--border: rgba(2, 132, 199, .18);--border-muted: rgba(2, 132, 199, .08);--nav-border: rgba(255, 255, 255, .28);--nav-inactive: rgba(255, 255, 255, .55);--toggle-bg: rgba(255, 255, 255, .35);--toggle-knob: white;--input-bg: rgba(255, 255, 255, .6);--input-border: rgba(2, 132, 199, .2);--wave-line: rgba(2, 132, 199, .2);--wave-grid: rgba(2, 132, 199, .1);--wave-grid-text: rgba(7, 89, 133, .5);--wave-text: rgba(7, 89, 133, .5);--wave-threshold-ok: rgba(22, 163, 74, .28);--wave-threshold-warn: rgba(217, 119, 6, .25);--gradient-bg: radial-gradient(ellipse at 25% 50%, rgba(186, 230, 253, .45), transparent 55%), radial-gradient(ellipse at 75% 25%, rgba(255, 255, 255, .35), transparent 50%), radial-gradient(ellipse at 50% 80%, rgba(125, 211, 252, .3), transparent 52%), radial-gradient(circle at 15% 20%, rgba(255, 255, 255, .28), transparent 35%), linear-gradient(165deg, #72b4d8, #8cc8e8);--glow-color: rgba(2, 132, 199, .22);--glow-color-strong: rgba(2, 132, 199, .4);--header-bg: linear-gradient(165deg, rgba(114, 180, 216, .94), rgba(140, 200, 232, .88));--nav-bg: linear-gradient(0deg, #5aa0c4, #72b4d8);--big-button-bg: rgba(255, 255, 255, .96);--big-button-border: rgba(2, 132, 199, .3);--big-button-color: #0369a1;--big-button-glow: 0 8px 32px rgba(56, 189, 248, .2), inset 0 3px 8px rgba(186, 230, 253, .4);--big-button-active-bg: rgba(255, 245, 245, .95);--big-button-active-border: rgba(220, 38, 38, .35);--big-button-active-color: #dc2626;--big-button-active-glow: 0 8px 32px rgba(220, 38, 38, .2);--big-button-rest-bg: rgba(245, 255, 245, .95);--big-button-rest-border: rgba(22, 163, 74, .3);--big-button-rest-color: #16a34a}html[data-theme=blush-mid]{--theme-font: "Fredoka", sans-serif;--bg-primary: #4a1a38;--bg-secondary: #3a1028;--bg-elevated: #5a2448;--bg-card: rgba(60, 25, 48, .88);--bg-card-hover: rgba(75, 35, 58, .92);--text-primary: #fbcfe8;--text-secondary: #f9a8d4;--text-muted: rgba(251, 207, 232, .65);--text-faint: rgba(251, 207, 232, .4);--accent: #ec4899;--accent-dim: #db2777;--accent-muted: rgba(236, 72, 153, .2);--success: #4ade80;--success-muted: rgba(74, 222, 128, .18);--warning: #fbbf24;--warning-muted: rgba(251, 191, 36, .18);--danger: #f87171;--danger-muted: rgba(248, 113, 113, .18);--water: #60a5fa;--water-muted: rgba(96, 165, 250, .18);--border: rgba(236, 72, 153, .3);--border-muted: rgba(236, 72, 153, .14);--nav-border: rgba(236, 72, 153, .22);--nav-inactive: rgba(251, 207, 232, .4);--toggle-bg: rgba(236, 72, 153, .2);--toggle-knob: #f9a8d4;--input-bg: rgba(60, 25, 48, .8);--input-border: rgba(236, 72, 153, .28);--wave-line: rgba(236, 72, 153, .25);--wave-grid: rgba(236, 72, 153, .12);--wave-grid-text: rgba(251, 207, 232, .55);--wave-text: rgba(251, 207, 232, .55);--wave-threshold-ok: rgba(74, 222, 128, .3);--wave-threshold-warn: rgba(251, 191, 36, .25);--gradient-bg: radial-gradient(ellipse at 30% 40%, rgba(244, 114, 182, .3), transparent 52%), radial-gradient(ellipse at 70% 65%, rgba(236, 72, 153, .25), transparent 48%), radial-gradient(ellipse at 45% 85%, rgba(251, 207, 232, .2), transparent 55%), linear-gradient(180deg, #4a1a38, #3a1028);--glow-color: rgba(236, 72, 153, .28);--glow-color-strong: rgba(236, 72, 153, .48);--header-bg: linear-gradient(180deg, rgba(74, 26, 56, .96), rgba(58, 16, 40, .92));--nav-bg: linear-gradient(0deg, #2e0c20, #4a1a38);--big-button-bg: rgba(75, 35, 60, .9);--big-button-border: rgba(244, 114, 182, .5);--big-button-color: #f472b6;--big-button-glow: 0 0 30px rgba(236, 72, 153, .4), inset 0 1px 0 rgba(251, 207, 232, .15);--big-button-active-bg: rgba(60, 20, 20, .9);--big-button-active-border: rgba(248, 113, 113, .55);--big-button-active-color: #f87171;--big-button-active-glow: 0 0 30px rgba(248, 113, 113, .45);--big-button-rest-bg: rgba(20, 50, 30, .9);--big-button-rest-border: rgba(74, 222, 128, .45);--big-button-rest-color: #4ade80}@keyframes aurora-drift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes warm-breathe{0%,to{background-position:50% 30%}50%{background-position:50% 70%}}@keyframes ocean-sway{0%,to{background-position:30% 50%}50%{background-position:70% 50%}}@keyframes candlelight-drift{0%,to{background-position:20% 40%}33%{background-position:55% 35%}66%{background-position:35% 65%}}@keyframes sunset-shift{0%,to{background-position:50% 0%}50%{background-position:50% 100%}}@keyframes neon-border-pulse{0%,to{border-color:#3b82f680;box-shadow:0 0 12px #3b82f640,inset 0 1px #3b82f626}50%{border-color:#3b82f6cc;box-shadow:0 0 20px #3b82f666,inset 0 1px #3b82f640}}@keyframes cloud-float{0%,to{background-position:50% 40%}50%{background-position:50% 60%}}@keyframes gentle-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes shimmer-sweep{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes scan-line-sweep{0%{top:0}to{top:calc(100% - 2px)}}@keyframes orb-float{0%,to{transform:translate(0)}25%{transform:translate(10px,-15px)}50%{transform:translate(-8px,10px)}75%{transform:translate(12px,5px)}}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes light-rays{0%{transform:rotate(0)}to{transform:rotate(8deg)}}@keyframes wave-motion{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(-15px) translateY(3px)}}@keyframes ring-drift{0%,to{background-position:30% 45%}50%{background-position:70% 55%}}@keyframes sun-descent{0%,to{top:8%;opacity:.5}50%{top:25%;opacity:.35}}@keyframes prism-rotate{0%{transform:rotate(-15deg)}to{transform:rotate(-8deg)}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.8}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,24%,55%{opacity:.5}}@keyframes sun-rays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bubble-bob{0%,to{transform:translate(0)}33%{transform:translate(4px,-8px)}66%{transform:translate(-3px,5px)}}@keyframes cushion-squish{0%{transform:scale(1)}40%{transform:scale(.98,.96)}70%{transform:scale(1.01,1.02)}to{transform:scale(1)}}@keyframes grid-scroll{0%{background-position:0 0}to{background-position:0 40px}}@keyframes supernova-pulse{0%,to{box-shadow:0 0 15px #6366f14d}50%{box-shadow:0 0 40px #6366f1b3,0 0 80px #6366f140}}@keyframes petal-fall{0%{transform:translate(0) rotate(0);opacity:.7}50%{transform:translate(-15px,30px) rotate(120deg);opacity:.5}to{transform:translate(5px,60px) rotate(240deg);opacity:0}}@keyframes caustic-shimmer{0%,to{background-position:0% 0%}33%{background-position:50% 30%}66%{background-position:25% 60%}}@keyframes rosette-glow{0%,to{opacity:.55;transform:scale(1) rotate(0)}25%{opacity:.75;transform:scale(1.02) rotate(.5deg)}50%{opacity:.85;transform:scale(1.04) rotate(0)}75%{opacity:.7;transform:scale(1.01) rotate(-.5deg)}}@keyframes incense-drift{0%{transform:translateY(0) translate(0);opacity:.3}20%{transform:translateY(-15px) translate(6px);opacity:.6}40%{transform:translateY(-30px) translate(-4px);opacity:.45}60%{transform:translateY(-18px) translate(10px);opacity:.7}80%{transform:translateY(-8px) translate(-6px);opacity:.4}to{transform:translateY(0) translate(0);opacity:.3}}@keyframes gold-shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes cathedral-breathe{0%,to{background-position:50% 50%}25%{background-position:52% 48%}50%{background-position:48% 52%}75%{background-position:50% 50%}}html[data-theme=soft-mid] body{background:var(--gradient-bg, var(--bg-primary));background-attachment:fixed;background-size:200% 200%;animation:aurora-drift 30s ease infinite}html[data-theme=soft-mid]{--radius-md: 20px;--radius-lg: 24px;--radius-xl: 28px;--shadow-sm: 0 2px 12px rgba(139, 92, 246, .18), inset 0 1px 0 rgba(255, 255, 255, .4);--shadow-md: 0 4px 24px rgba(139, 92, 246, .22), inset 0 1px 0 rgba(255, 255, 255, .45);--shadow-lg: 0 8px 36px rgba(139, 92, 246, .28), inset 0 1px 0 rgba(255, 255, 255, .5)}html[data-theme=soft-mid] .card{backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 4px 24px #8b5cf640,0 1px 4px #0000000f,inset 0 1px #fff9,inset 0 -1px #a855f714;border:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.4);border-radius:20px;position:relative;overflow:hidden;background-image:linear-gradient(180deg,#ffffff14,#ffffff08)}html[data-theme=soft-mid] .card:before{content:"";position:absolute;top:0;left:0;width:40%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),rgba(168,85,247,.4),transparent);animation:shimmer-sweep 4s ease-in-out infinite;pointer-events:none}html[data-theme=soft-mid] .card-elevated{backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 8px 32px #8b5cf640,inset 0 1px #ffffff8c}html[data-theme=soft-mid] .nav-tab.active{text-shadow:0 0 14px currentColor;filter:drop-shadow(0 0 5px currentColor)}html[data-theme=soft-mid] .bottom-nav{box-shadow:0 -4px 24px #8b5cf62e}html[data-theme=soft-mid] .btn-primary{box-shadow:0 4px 18px #8b5cf640;border-radius:20px}html[data-theme=soft-mid] body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle 150px at 15% 25%,rgba(74,222,128,.3),transparent),radial-gradient(circle 120px at 50% 40%,rgba(45,212,191,.25),transparent),radial-gradient(circle 100px at 80% 30%,rgba(236,72,153,.22),transparent);pointer-events:none;z-index:0;animation:orb-float 20s ease-in-out infinite}html[data-theme=soft-mid] body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle 180px at 70% 20%,rgba(74,222,128,.2),transparent),radial-gradient(circle 140px at 25% 65%,rgba(167,139,250,.25),transparent),radial-gradient(circle 120px at 85% 75%,rgba(45,212,191,.18),transparent);pointer-events:none;z-index:0;animation:orb-float 35s ease-in-out infinite reverse}html[data-theme=soft-mid] .page-title:after{content:"";display:block;width:50px;height:3px;margin-top:6px;background:linear-gradient(90deg,#8b5cf699,#ec48994d);border-radius:2px}html[data-theme=soft-mid] .page-title,html[data-theme=soft-mid] .section-title{text-shadow:0 0 20px rgba(168,85,247,.15)}html[data-theme=soft-mid] .nav-tab{position:relative}html[data-theme=soft-mid] .nav-tab.active:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}html[data-theme=soft-mid] .card:hover{transform:scale(1.02);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);transition:transform .2s ease,backdrop-filter .2s}html[data-theme=soft-mid] .btn-primary:active{box-shadow:0 0 0 4px #8b5cf633,0 4px 18px #8b5cf640}html[data-theme=soft-mid] .card,html[data-theme=soft-mid] .card-elevated,html[data-theme=soft-mid] .summary-card,html[data-theme=soft-mid] .bh-panel,html[data-theme=soft-mid] .stage-bar-container,html[data-theme=soft-mid] .chart-container,html[data-theme=soft-mid] .history-item,html[data-theme=soft-mid] .editor-pill,html[data-theme=soft-mid] .editor-btn,html[data-theme=soft-mid] .clinical-header,html[data-theme=soft-mid] .clinical-content,html[data-theme=soft-mid] .clinical-card,html[data-theme=soft-mid] .factor-tag,html[data-theme=soft-mid] .menu-item-button,html[data-theme=soft-mid] .theme-option,html[data-theme=soft-mid] .export-format-option,html[data-theme=soft-mid] .palette-card,html[data-theme=soft-mid] .mode-btn,html[data-theme=soft-mid] .devtools-seed-btn,html[data-theme=soft-mid] .about-privacy,html[data-theme=soft-mid] .section-header,html[data-theme=soft-mid] .tips-container,html[data-theme=soft-mid] .session-card,html[data-theme=soft-mid] .toast-container,html[data-theme=soft-mid] .stat-item,html[data-theme=soft-mid] .contraction-item,html[data-theme=soft-mid] .picker-card,html[data-theme=soft-mid] .ctrl-btn,html[data-theme=soft-mid] .untimed-form,html[data-theme=soft-mid] .collapsible,html[data-theme=soft-mid] .location-pill,html[data-theme=soft-mid] .time-picker,html[data-theme=soft-mid] .time-range-card,html[data-theme=soft-mid] .empty-state-icon,html[data-theme=soft-mid] .action-card,html[data-theme=soft-mid] .live-card,html[data-theme=soft-mid] .private-explainer,html[data-theme=soft-mid] .mode-tabs,html[data-theme=soft-mid] .sharing-input,html[data-theme=soft-mid] .sharing-select,html[data-theme=soft-mid] .advanced-section,html[data-theme=soft-mid] .btn-secondary,html[data-theme=soft-mid] .code-row,html[data-theme=soft-mid] .peer-list-header,html[data-theme=soft-mid] .expand-section,html[data-theme=soft-mid] .receive-methods,html[data-theme=soft-mid] .share-method-row,html[data-theme=soft-mid] .preview-card,html[data-theme=soft-mid] .result-card,html[data-theme=soft-mid] .mode-radio{--text-primary: #0f0a2a;--text-secondary: #1e1545;--text-muted: rgba(15, 10, 42, .6);--text-faint: rgba(15, 10, 42, .4);--accent: #6d28d9;--danger: #dc2626;--success: #15803d;--warning: #92400e;color:#0f0a2a}html[data-theme=soft-mid] .editor-card,html[data-theme=soft-mid] .editor-pill.selected,html[data-theme=soft-mid] .editor-btn--save,html[data-theme=soft-mid] .location-pill.active,html[data-theme=soft-mid] .stage-row.current{background:#a78bfa59;border-color:#a78bfa73}html[data-theme=soft-mid] .card input,html[data-theme=soft-mid] .card select,html[data-theme=soft-mid] .card textarea,html[data-theme=soft-mid] .card-elevated input,html[data-theme=soft-mid] .card-elevated select,html[data-theme=soft-mid] .collapsible input,html[data-theme=soft-mid] .collapsible select,html[data-theme=soft-mid] .time-picker input,html[data-theme=soft-mid] .time-picker select{color:#0f0a2a;-webkit-text-fill-color:#0f0a2a}html[data-theme=soft-mid] .action-card{background:#1a0e2ecc;border:1.5px solid rgba(167,139,250,.4);--text-primary: #a78bfa;--text-faint: rgba(167, 139, 250, .55);--accent: #a78bfa;color:#a78bfa}html[data-theme=soft-mid] .action-card :global(svg){color:#a78bfad9}html[data-theme=soft-mid] .live-card{background:#1a0e2ebf;border:1.5px solid rgba(167,139,250,.3);--text-primary: #a78bfa;--text-faint: rgba(167, 139, 250, .5);--accent: #a78bfa}html[data-theme=soft-mid] .live-card :global(svg){color:#a78bfad9}html[data-theme=soft-mid] .mode-radio{background:#1a0e2ebf;border-color:#a78bfa4d;--text-secondary: rgba(167, 139, 250, .75);--accent: #a78bfa}html[data-theme=soft-mid] .mode-radio.mode-selected{background:#a78bfa33;border-color:#a78bfa8c}html[data-theme=soft-mid] .btn-secondary{background:#1a0e2ecc;border:1px solid rgba(167,139,250,.35);color:#a78bfa}html[data-theme=clinical-mid] body{background:var(--gradient-bg, var(--bg-primary));background-attachment:fixed}html[data-theme=clinical-mid]{--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--shadow-sm: 0 0 8px rgba(34, 197, 94, .15), inset 0 1px 0 rgba(74, 222, 128, .08);--shadow-md: 0 0 16px rgba(34, 197, 94, .22), inset 0 1px 0 rgba(74, 222, 128, .1);--shadow-lg: 0 0 24px rgba(34, 197, 94, .3), inset 0 1px 0 rgba(74, 222, 128, .12)}html[data-theme=clinical-mid] .card{backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(34,197,94,.3);border-radius:6px;box-shadow:0 0 12px #22c55e26,inset 0 1px #4ade8014;position:relative}html[data-theme=clinical-mid] .card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(74,222,128,.03) 2px,rgba(74,222,128,.03) 4px);pointer-events:none;border-radius:6px}html[data-theme=clinical-mid] .card:after{content:"";position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(34,197,94,.35),transparent)}html[data-theme=clinical-mid] .card-elevated{backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(34,197,94,.4);box-shadow:0 0 18px #22c55e38,inset 0 1px #4ade801a}html[data-theme=clinical-mid] .nav-tab.active{text-shadow:0 0 8px rgba(34,197,94,.5);font-weight:700}html[data-theme=clinical-mid] .bottom-nav{border-top:1px solid rgba(34,197,94,.25);box-shadow:0 -2px 12px #22c55e1f}html[data-theme=clinical-mid] .btn-primary{border-radius:6px;box-shadow:0 0 10px #22c55e33}html[data-theme=clinical-mid] body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(74,222,128,.04) 2px,rgba(74,222,128,.04) 4px),radial-gradient(circle 1px at center,rgba(34,197,94,.15) 1px,transparent 1px);background-size:100% 4px,20px 20px;pointer-events:none;z-index:0}html[data-theme=clinical-mid] body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.35) 100%);pointer-events:none;z-index:0}html[data-theme=clinical-mid] .page-title:before{content:"> ";color:var(--accent);animation:cursor-blink 1.2s step-end infinite}html[data-theme=clinical-mid] .page-title{text-shadow:0 0 8px rgba(34,197,94,.3)}html[data-theme=clinical-mid] .page-title:after{content:"";display:block;width:40px;height:2px;margin-top:6px;background:var(--accent);box-shadow:0 0 6px #22c55e66}html[data-theme=clinical-mid] .section-title:before{content:">> ";color:var(--accent);font-family:IBM Plex Mono,monospace;font-size:.85em}html[data-theme=clinical-mid] .bottom-nav:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(34,197,94,.4),transparent);box-shadow:0 0 6px #22c55e40}html[data-theme=clinical-mid] .card:active{box-shadow:0 0 18px #22c55e4d,inset 0 0 12px #22c55e14;transition:box-shadow .1s}html[data-theme=clinical-mid] .page-title,html[data-theme=clinical-mid] .section-title,html[data-theme=clinical-mid] .card{text-shadow:0 0 8px rgba(34,197,94,.2)}html[data-theme=warm-mid] body{background:repeating-linear-gradient(45deg,transparent 0,transparent 38px,rgba(196,136,14,.05) 38px,rgba(196,136,14,.05) 40px),repeating-linear-gradient(-45deg,transparent 0,transparent 38px,rgba(196,136,14,.05) 38px,rgba(196,136,14,.05) 40px),var(--gradient-bg, var(--bg-primary));background-attachment:fixed;background-size:auto,auto,300% 300%;animation:cathedral-breathe 30s ease-in-out infinite}html[data-theme=warm-mid]{--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4), 0 0 12px rgba(196, 136, 14, .12), inset 0 1px 0 rgba(255, 255, 255, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5), 0 0 20px rgba(196, 136, 14, .15), inset 0 1px 0 rgba(255, 255, 255, .35);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .55), 0 0 32px rgba(196, 136, 14, .18), inset 0 1px 0 rgba(255, 255, 255, .4)}html[data-theme=warm-mid] .card,html[data-theme=warm-mid] .card-elevated{backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border:1.5px solid rgba(196,136,14,.3)}html[data-theme=warm-mid] .editor-card,html[data-theme=warm-mid] .editor-pill.selected,html[data-theme=warm-mid] .editor-btn--save,html[data-theme=warm-mid] .location-pill.active,html[data-theme=warm-mid] .stage-row.current{background:#e8a82059;border-color:#e8a82073}html[data-theme=warm-mid] .card input,html[data-theme=warm-mid] .card select,html[data-theme=warm-mid] .card textarea,html[data-theme=warm-mid] .card-elevated input,html[data-theme=warm-mid] .card-elevated select,html[data-theme=warm-mid] .collapsible input,html[data-theme=warm-mid] .collapsible select,html[data-theme=warm-mid] .time-picker input,html[data-theme=warm-mid] .time-picker select{color:#f5e6c8;-webkit-text-fill-color:#f5e6c8}html[data-theme=warm-mid] .card{backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1);border:1.5px solid rgba(196,136,14,.35);border-radius:8px;box-shadow:0 4px 20px #00000073,0 0 16px #c4880e1f,inset 0 1px #fff8dc80,inset 0 0 0 1px #c4880e1a;position:relative;overflow:hidden}html[data-theme=warm-mid] .card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:radial-gradient(ellipse 60% 100% at 50% 50%,rgba(255,215,0,.9),transparent),linear-gradient(90deg,#8b5e144d,#c4880eb3 15%,#daa520e6 35%,gold,#daa520e6 65%,#c4880eb3 85%,#8b5e144d);pointer-events:none;z-index:1;box-shadow:0 1px 6px #c4880e59,0 0 12px #ffd70026}html[data-theme=warm-mid] .card:after{content:"";position:absolute;bottom:0;left:8%;right:8%;height:2px;background:radial-gradient(circle 3px at 50% 50%,rgba(255,215,0,.8),transparent 4px),radial-gradient(circle 2px at 0% 50%,rgba(196,136,14,.6),transparent 3px),radial-gradient(circle 2px at 100% 50%,rgba(196,136,14,.6),transparent 3px),linear-gradient(90deg,transparent,rgba(196,136,14,.5) 20%,rgba(218,165,32,.65) 50%,rgba(196,136,14,.5) 80%,transparent);z-index:1;pointer-events:none}html[data-theme=warm-mid] .card-elevated{backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);box-shadow:0 6px 28px #00000080,0 0 24px #c4880e2e,inset 0 1px #fff8dc8c;border-color:#c4880e66}html[data-theme=warm-mid] .nav-tab.active{text-shadow:0 0 14px rgba(196,136,14,.65),0 0 4px rgba(255,215,0,.25);color:#fcf6e4f2}html[data-theme=warm-mid] .bottom-nav{box-shadow:0 -4px 20px #00000080,0 -1px 12px #c4880e1f;border-top:1px solid rgba(196,136,14,.18)}html[data-theme=warm-mid] .btn-primary{box-shadow:0 4px 16px #0006,0 0 12px #c4880e33;border-radius:8px}html[data-theme=warm-mid] .page-title{letter-spacing:2px;text-transform:uppercase;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.15),0 0 8px rgba(196,136,14,.1)}html[data-theme=warm-mid] .section-title{letter-spacing:1.5px;font-variant:small-caps}html[data-theme=warm-mid] body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 350px 300px at 50% 25%,rgba(255,215,0,.22),transparent),radial-gradient(ellipse 280px 220px at 25% 18%,rgba(180,30,30,.16),transparent),radial-gradient(ellipse 260px 200px at 75% 22%,rgba(30,60,160,.14),transparent),radial-gradient(ellipse 200px 250px at 15% 50%,rgba(20,120,50,.12),transparent),radial-gradient(ellipse 220px 280px at 85% 45%,rgba(196,136,14,.16),transparent),radial-gradient(ellipse 300px 200px at 40% 70%,rgba(100,40,120,.1),transparent),radial-gradient(ellipse 250px 180px at 70% 75%,rgba(218,165,32,.14),transparent),radial-gradient(ellipse 500px 200px at 50% 90%,rgba(139,69,19,.12),transparent);pointer-events:none;z-index:0;animation:rosette-glow 45s ease-in-out infinite}html[data-theme=warm-mid] body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle 1.5px at 20% 15%,rgba(255,215,0,.5),transparent 2px),radial-gradient(circle 1px at 35% 28%,rgba(218,165,32,.45),transparent 2px),radial-gradient(circle 2px at 55% 12%,rgba(255,215,0,.35),transparent 3px),radial-gradient(circle 1px at 70% 35%,rgba(196,136,14,.5),transparent 2px),radial-gradient(circle 1.5px at 15% 55%,rgba(218,165,32,.4),transparent 2px),radial-gradient(circle 1px at 80% 50%,rgba(255,215,0,.45),transparent 2px),radial-gradient(circle 2px at 45% 65%,rgba(196,136,14,.3),transparent 3px),radial-gradient(circle 1px at 25% 78%,rgba(218,165,32,.45),transparent 2px),radial-gradient(circle 1.5px at 65% 72%,rgba(255,215,0,.35),transparent 2px),radial-gradient(circle 1px at 85% 82%,rgba(196,136,14,.4),transparent 2px),radial-gradient(circle 1px at 40% 88%,rgba(218,165,32,.45),transparent 2px),radial-gradient(circle 2px at 10% 42%,rgba(255,215,0,.3),transparent 3px),radial-gradient(circle 1px at 90% 18%,rgba(196,136,14,.5),transparent 2px),radial-gradient(circle 1.5px at 50% 45%,rgba(255,215,0,.35),transparent 2px);pointer-events:none;z-index:0;animation:incense-drift 50s ease-in-out infinite;opacity:.85}html[data-theme=warm-mid] .page-title:after{content:"";display:block;width:80px;height:4px;margin-top:8px;background:radial-gradient(circle 4px at 50% 50%,rgba(255,215,0,.95),transparent 5px),linear-gradient(90deg,transparent,rgba(196,136,14,.7) 15%,rgba(218,165,32,.9) 40%,rgba(255,215,0,1) 50%,rgba(218,165,32,.9) 60%,rgba(196,136,14,.7) 85%,transparent);border-radius:2px;box-shadow:0 0 12px #c4880e59,0 0 4px #ffd70033}html[data-theme=warm-mid] .bottom-nav:before{content:"";position:absolute;top:0;left:5%;right:5%;height:3px;background:radial-gradient(circle 3px at 50% 50%,rgba(255,215,0,.8),transparent 4px),linear-gradient(90deg,transparent,rgba(196,136,14,.5) 10%,rgba(218,165,32,.75) 30%,rgba(255,215,0,.9) 50%,rgba(218,165,32,.75) 70%,rgba(196,136,14,.5) 90%,transparent);box-shadow:0 0 10px #c4880e40,0 1px 4px #ffd7001f}html[data-theme=warm-mid] .card:hover{box-shadow:0 6px 28px #00000080,0 0 20px #c4880e33,inset 0 1px #fff8dc8c;border-color:#c4880e73;transition:box-shadow .25s ease,border-color .25s ease}html[data-theme=warm-mid] .header-bar{border-bottom:1px solid rgba(196,136,14,.2);box-shadow:0 2px 12px #0006}html[data-theme=warm-mid] .big-button{border-width:2px;max-width:min(320px,calc(100vw - 48px))}html[data-theme=warm-mid] button,html[data-theme=warm-mid] [class*=btn]{max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}html[data-theme=warm-mid] .action-card{background:#1a1008d9;border:1.5px solid rgba(196,136,14,.45);--text-primary: #e8a820;--text-faint: rgba(232, 168, 32, .5);--accent: #e8a820;color:#e8a820}html[data-theme=warm-mid] .action-card :global(svg){color:#e8a820cc}html[data-theme=warm-mid] .live-card{background:#1a1008d9;border:1.5px solid rgba(196,136,14,.35);--text-primary: #e8a820;--text-faint: rgba(232, 168, 32, .45);--accent: #e8a820}html[data-theme=warm-mid] .live-card :global(svg){color:#e8a820cc}html[data-theme=warm-mid] .mode-radio{background:#1a1008cc;border-color:#c4880e59;--text-secondary: rgba(232, 168, 32, .7);--accent: #e8a820}html[data-theme=warm-mid] .mode-radio.mode-selected{background:#c4880e2e;border-color:#e8a82099}html[data-theme=warm-mid] .btn-secondary{background:#1a1008cc;border:1px solid rgba(196,136,14,.35);color:#e8a820}html[data-theme=ocean-mid] body{background:var(--gradient-bg, var(--bg-primary));background-attachment:fixed;background-size:250% 250%;animation:caustic-shimmer 20s ease-in-out infinite}html[data-theme=ocean-mid]{--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 0 8px rgba(45, 212, 191, .15), inset 0 1px 0 rgba(45, 212, 191, .06);--shadow-md: 0 0 16px rgba(45, 212, 191, .22), inset 0 1px 0 rgba(45, 212, 191, .08);--shadow-lg: 0 0 28px rgba(45, 212, 191, .3), inset 0 1px 0 rgba(45, 212, 191, .1)}html[data-theme=ocean-mid] .card{backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(45,212,191,.2);border-radius:12px;box-shadow:0 0 14px #2dd4bf1f,inset 0 1px #2dd4bf0f;position:relative;overflow:hidden}html[data-theme=ocean-mid] .card:before{content:"";position:absolute;top:0;left:0;width:35%;height:2px;background:linear-gradient(90deg,transparent,rgba(45,212,191,.6),rgba(94,234,212,.4),transparent);animation:shimmer-sweep 5s ease-in-out infinite;pointer-events:none}html[data-theme=ocean-mid] .card-elevated{backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(45,212,191,.28);box-shadow:0 0 22px #2dd4bf2e,inset 0 1px #2dd4bf14}html[data-theme=ocean-mid] .nav-tab.active{text-shadow:0 0 10px currentColor;filter:drop-shadow(0 0 4px currentColor)}html[data-theme=ocean-mid] .bottom-nav{border-top:1px solid rgba(45,212,191,.2);box-shadow:0 -2px 16px #2dd4bf1f}html[data-theme=ocean-mid] .btn-primary{border-radius:12px;box-shadow:0 0 14px #14b8a638}html[data-theme=ocean-mid] body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 200px 120px at 25% 40%,rgba(45,212,191,.1),transparent),radial-gradient(ellipse 160px 180px at 70% 25%,rgba(20,184,166,.08),transparent),radial-gradient(ellipse 180px 100px at 50% 80%,rgba(94,234,212,.06),transparent);pointer-events:none;z-index:0;animation:caustic-shimmer 15s ease-in-out infinite;background-size:200% 200%}html[data-theme=ocean-mid] body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle 2px at 12% 20%,rgba(94,234,212,.5),transparent 4px),radial-gradient(circle 1px at 28% 55%,rgba(45,212,191,.45),transparent 3px),radial-gradient(circle 2px at 45% 12%,rgba(94,234,212,.4),transparent 4px),radial-gradient(circle 1px at 62% 75%,rgba(45,212,191,.5),transparent 3px),radial-gradient(circle 2px at 78% 38%,rgba(94,234,212,.35),transparent 4px),radial-gradient(circle 1px at 88% 65%,rgba(45,212,191,.4),transparent 3px),radial-gradient(circle 2px at 35% 88%,rgba(94,234,212,.45),transparent 4px),radial-gradient(circle 1px at 55% 42%,rgba(52,211,153,.35),transparent 3px),radial-gradient(circle 2px at 92% 15%,rgba(94,234,212,.3),transparent 4px),radial-gradient(circle 1px at 18% 78%,rgba(45,212,191,.45),transparent 3px);pointer-events:none;z-index:0;animation:twinkle 4s ease-in-out infinite}html[data-theme=ocean-mid] .page-title{text-shadow:0 0 12px rgba(45,212,191,.25)}html[data-theme=ocean-mid] .page-title:after{content:"";display:block;width:60px;height:3px;margin-top:6px;background:linear-gradient(90deg,rgba(45,212,191,.6),rgba(20,184,166,.3),transparent);border-radius:2px;box-shadow:0 0 8px #2dd4bf40}html[data-theme=ocean-mid] .card{text-shadow:0 0 8px rgba(45,212,191,.15)}html[data-theme=ocean-mid] .card:hover{border-color:#2dd4bf59;box-shadow:0 0 22px #2dd4bf2e;transition:all .3s ease}html[data-theme=ocean-mid] .btn-primary:active{box-shadow:0 0 0 4px #2dd4bf26,0 0 14px #14b8a638;transition:box-shadow .15s}html[data-theme=forest-mid] body{background:radial-gradient(ellipse 100% 250px at 50% 100%,rgba(180,120,40,.14),transparent),repeating-linear-gradient(175deg,transparent 0,transparent 11px,rgba(80,50,20,.04) 11px,rgba(80,50,20,.04) 13px),var(--gradient-bg, var(--bg-primary));background-attachment:fixed;background-size:auto,auto,250% 250%;animation:candlelight-drift 22s ease-in-out infinite}html[data-theme=forest-mid]{--radius-md: 14px;--radius-lg: 18px;--radius-xl: 22px;--shadow-sm: 0 2px 8px rgba(50, 100, 30, .12), 0 1px 3px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(50, 100, 30, .16), 0 2px 6px rgba(0, 0, 0, .18);--shadow-lg: 0 8px 28px rgba(50, 100, 30, .2), 0 4px 10px rgba(0, 0, 0, .22)}html[data-theme=forest-mid] .card,html[data-theme=forest-mid] .card-elevated{backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border:1.5px solid rgba(93,158,62,.3)}html[data-theme=forest-mid] .editor-card{background:#c4961e38;border-color:#c4961e59}html[data-theme=forest-mid] .editor-pill.selected,html[data-theme=forest-mid] .editor-btn--save,html[data-theme=forest-mid] .location-pill.active,html[data-theme=forest-mid] .stage-row.current{background:#7cb8504d;border-color:#7cb85066}html[data-theme=forest-mid] .card input,html[data-theme=forest-mid] .card select,html[data-theme=forest-mid] .card textarea,html[data-theme=forest-mid] .card-elevated input,html[data-theme=forest-mid] .card-elevated select,html[data-theme=forest-mid] .collapsible input,html[data-theme=forest-mid] .collapsible select,html[data-theme=forest-mid] .time-picker input,html[data-theme=forest-mid] .time-picker select{color:#d4e4c4;-webkit-text-fill-color:#d4e4c4}html[data-theme=soft-mid] .devtools-toggle-label{color:#a78bfa}html[data-theme=warm-mid] .devtools-toggle-label{color:#e8a820}html[data-theme=forest-mid] .devtools-toggle-label{color:#7cb850}html[data-theme=soft-mid] .event-btn,html[data-theme=soft-mid] .event-confirmed,html[data-theme=warm-mid] .event-btn,html[data-theme=warm-mid] .event-confirmed,html[data-theme=forest-mid] .event-btn,html[data-theme=forest-mid] .event-confirmed{background:#ffffff14;border-color:#ffffff26}html[data-theme=forest-mid] .card{backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1);border:1.5px solid rgba(93,158,62,.22);border-left:3px solid rgba(93,158,62,.3);border-radius:14px;box-shadow:0 3px 14px #00000038,0 1px #ffffff59 inset;position:relative}html[data-theme=forest-mid] .card:before{content:"";position:absolute;top:0;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,rgba(196,150,30,.35) 20%,rgba(120,180,80,.5) 40%,rgba(196,150,30,.45) 50%,rgba(120,180,80,.5) 60%,rgba(196,150,30,.35) 80%,transparent);border-radius:0 0 2px 2px}html[data-theme=forest-mid] .card:after{content:"";position:absolute;bottom:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(93,158,62,.15),rgba(74,130,45,.12),transparent)}html[data-theme=forest-mid] .card-elevated{backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);box-shadow:0 6px 22px #00000047,0 1px #fff6 inset}html[data-theme=forest-mid] .nav-tab.active{border-bottom:2.5px solid currentColor;text-shadow:0 0 10px rgba(196,150,30,.4)}html[data-theme=forest-mid] .devotional-heading,html[data-theme=forest-mid] .section-header .collapsible-title{color:var(--accent-gold, #c4961e)}html[data-theme=forest-mid] .bottom-nav{box-shadow:0 -3px 14px #0000004d;border-top:1px solid rgba(93,158,62,.15)}html[data-theme=forest-mid] .btn-primary{border-radius:14px;box-shadow:0 3px 12px #32641e38}html[data-theme=forest-mid] body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 140px 100px at 20% 18%,rgba(120,180,80,.2),transparent),radial-gradient(ellipse 120px 120px at 75% 30%,rgba(93,158,62,.18),transparent),radial-gradient(circle 90px at 40% 75%,rgba(74,130,45,.14),transparent),radial-gradient(ellipse 100px 80px at 60% 10%,rgba(150,200,100,.12),transparent),radial-gradient(circle 70px at 85% 70%,rgba(93,158,62,.1),transparent);pointer-events:none;z-index:0;animation:candlelight-drift 30s ease-in-out infinite;background-size:200% 200%}html[data-theme=forest-mid] body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 10px 6px at 18% 22%,rgba(93,158,62,.2),transparent 12px),radial-gradient(ellipse 8px 5px at 78% 35%,rgba(120,180,80,.18),transparent 10px),radial-gradient(ellipse 9px 5px at 45% 80%,rgba(74,130,45,.15),transparent 11px),radial-gradient(ellipse 7px 4px at 62% 15%,rgba(93,158,62,.14),transparent 9px),radial-gradient(ellipse 11px 6px at 30% 55%,rgba(50,100,30,.12),transparent 13px),radial-gradient(ellipse 8px 4px at 88% 65%,rgba(120,180,80,.14),transparent 10px);pointer-events:none;z-index:0;animation:ring-drift 35s ease-in-out infinite}html[data-theme=forest-mid] .section-title{position:relative;padding-left:16px}html[data-theme=forest-mid] .section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(45deg);width:7px;height:7px;background:#5d9e3e80;border:1px solid rgba(120,180,80,.3);border-radius:2px}html[data-theme=forest-mid] .page-title{text-shadow:0 0 18px rgba(93,158,62,.22),0 0 4px rgba(120,180,80,.12)}html[data-theme=forest-mid] .page-title:after{content:"";display:block;width:70px;height:2px;margin-top:8px;background:linear-gradient(90deg,rgba(93,158,62,.55),rgba(120,180,80,.4),rgba(50,100,30,.18),transparent);border-radius:2px}html[data-theme=forest-mid] .card:hover{box-shadow:0 3px 14px #00000040,0 6px 20px #5d9e3e1a,0 1px #fff6 inset;border-color:#5d9e3e4d;transition:box-shadow .25s ease,border-color .25s ease}html[data-theme=forest-mid] .header-bar{border-bottom:1px solid rgba(93,158,62,.18);box-shadow:0 2px 12px #0000004d}html[data-theme=forest-mid] .big-button{border-width:2px;max-width:min(320px,calc(100vw - 48px))}html[data-theme=forest-mid] button,html[data-theme=forest-mid] [class*=btn]{max-width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}html[data-theme=forest-mid] .btn-primary:active{box-shadow:0 0 0 4px #5d9e3e26,0 0 14px #5d9e3e33;transition:box-shadow .15s}html[data-theme=forest-mid] .action-card{background:#0e1a0eb3;border:1.5px solid rgba(196,150,30,.4);--text-primary: #c4961e;--text-faint: rgba(196, 150, 30, .55);--accent: #c4961e;color:#c4961e}html[data-theme=forest-mid] .action-card :global(svg){color:#c4961ed9}html[data-theme=forest-mid] .live-card{background:#0e1a0eb3;border:1.5px solid rgba(196,150,30,.3);--text-primary: #c4961e;--text-faint: rgba(196, 150, 30, .5);--accent: #c4961e}html[data-theme=forest-mid] .live-card :global(svg){color:#c4961ed9}html[data-theme=forest-mid] .mode-radio{background:#0e1a0ea6;border-color:#c4961e4d;--text-secondary: rgba(196, 150, 30, .75);--accent: #c4961e}html[data-theme=forest-mid] .mode-radio.mode-selected{background:#c4961e26;border-color:#c4961e8c}html[data-theme=forest-mid] .btn-secondary{background:#0e1a0ea6;border:1px solid rgba(196,150,30,.35);color:#c4961e}html[data-theme=sunset-mid] body{background:var(--gradient-bg, var(--bg-primary));background-attachment:fixed}html[data-theme=sunset-mid]{--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--shadow-sm: 0 0 8px rgba(236, 72, 153, .18), inset 0 1px 0 rgba(236, 72, 153, .06);--shadow-md: 0 0 16px rgba(236, 72, 153, .25), inset 0 1px 0 rgba(236, 72, 153, .08);--shadow-lg: 0 0 28px rgba(236, 72, 153, .32), inset 0 1px 0 rgba(236, 72, 153, .1)}html[data-theme=sunset-mid] .card{backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(236,72,153,.3);border-radius:8px;box-shadow:0 0 12px #ec489926,inset 0 1px #fb923c0f;position:relative;overflow:hidden}html[data-theme=sunset-mid] .card:before{content:"";position:absolute;top:0;left:0;width:40%;height:2px;background:linear-gradient(90deg,transparent,rgba(236,72,153,.7),rgba(251,146,60,.5),transparent);animation:shimmer-sweep 4s ease-in-out infinite;pointer-events:none}html[data-theme=sunset-mid] .card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#ec48994d,#fb923c66,#ec48994d)}html[data-theme=sunset-mid] .card-elevated{backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(236,72,153,.4);box-shadow:0 0 20px #ec489938,inset 0 1px #fb923c14}html[data-theme=sunset-mid] .nav-tab.active{text-shadow:0 0 12px currentColor;filter:drop-shadow(0 0 4px currentColor)}html[data-theme=sunset-mid] .bottom-nav{border-top:1px solid rgba(236,72,153,.3);box-shadow:0 -2px 14px #ec489926}html[data-theme=sunset-mid] .btn-primary{box-shadow:0 0 14px #ec489940;border-radius:8px}html[data-theme=sunset-mid] body:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 39px,rgba(236,72,153,.08) 39px,rgba(236,72,153,.08) 40px),repeating-linear-gradient(90deg,transparent 0,transparent 39px,rgba(251,146,60,.06) 39px,rgba(251,146,60,.06) 40px);animation:grid-scroll 8s linear infinite;pointer-events:none;z-index:0}html[data-theme=sunset-mid] body:after{content:"";position:fixed;bottom:-60px;left:50%;transform:translate(-50%);width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(251,146,60,.18) 0%,rgba(236,72,153,.1) 40%,transparent 70%);box-shadow:0 0 80px 30px #ec489914;pointer-events:none;z-index:0}html[data-theme=sunset-mid] .page-title{text-shadow:0 0 10px rgba(251,146,60,.3)}html[data-theme=sunset-mid] .page-title:after{content:"";display:block;width:80px;height:3px;margin-top:6px;background:linear-gradient(90deg,#ec4899,#fb923c,#ec4899);box-shadow:0 0 8px #ec489966;border-radius:0}html[data-theme=sunset-mid] .bottom-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#fb923c80,#ec489999,#fb923c80);box-shadow:0 0 8px #ec48994d}html[data-theme=sunset-mid] .page-title,html[data-theme=sunset-mid] .section-title,html[data-theme=sunset-mid] .card{text-shadow:0 0 8px rgba(251,146,60,.18)}html[data-theme=sunset-mid] .nav-tab{position:relative}html[data-theme=sunset-mid] .nav-tab.active:after{content:"";position:absolute;bottom:4px;left:20%;right:20%;height:2px;background:linear-gradient(90deg,#fb923c,#ec4899);box-shadow:0 0 6px #ec489966;border-radius:1px}html[data-theme=sunset-mid] .card:hover{border-color:#ec489973;box-shadow:0 0 20px #ec489938;transition:all .2s ease}html[data-theme=sunset-mid] .btn-primary:hover{box-shadow:0 0 24px #ec489959,0 0 48px #ec48991f;transition:box-shadow .2s ease}html[data-theme=lavender-mid] body{background:var(--gradient-bg, var(--bg-primary));background-attachment:fixed}html[data-theme=lavender-mid]{--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .04), 0 2px 8px rgba(91, 141, 239, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .05), 0 4px 16px rgba(91, 141, 239, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .06), 0 8px 32px rgba(91, 141, 239, .1)}html[data-theme=lavender-mid] .card{backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);border:1px solid rgba(255,255,255,.8);border-radius:12px;box-shadow:0 2px 12px #5b8def14,0 1px 3px #0000000a,inset 0 1px #ffffffe6;position:relative;overflow:hidden}html[data-theme=lavender-mid] .card:before{content:"";position:absolute;top:0;left:0;width:40%;height:1px;background:linear-gradient(90deg,transparent,rgba(147,197,253,.5),rgba(91,141,239,.3),transparent);animation:shimmer-sweep 6s ease-in-out infinite;pointer-events:none}html[data-theme=lavender-mid] .card:after{content:none}html[data-theme=lavender-mid] .card-elevated{backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);box-shadow:0 4px 20px #5b8def1a,inset 0 1px #fffffff2}html[data-theme=lavender-mid] .nav-tab.active{font-weight:600;color:var(--accent)}html[data-theme=lavender-mid] .bottom-nav{box-shadow:0 -1px 8px #5b8def14;border-top:1px solid rgba(91,141,239,.1)}html[data-theme=lavender-mid] .btn-primary{border-radius:12px;box-shadow:0 2px 8px #5b8def2e}html[data-theme=lavender-mid] .page-title,html[data-theme=lavender-mid] .section-title{letter-spacing:.02em;font-weight:700}html[data-theme=lavender-mid] body:before{content:"";position:fixed;top:0;left:0;right:0;height:40%;background:radial-gradient(ellipse at 40% 20%,rgba(186,210,255,.2),transparent 60%);pointer-events:none;z-index:0}html[data-theme=lavender-mid] body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 70% 80%,rgba(147,197,253,.1),transparent 50%);pointer-events:none;z-index:0}html[data-theme=lavender-mid] .page-title{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;color:var(--text-primary);position:relative;padding-bottom:10px}html[data-theme=lavender-mid] .page-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--accent);border-radius:1px}html[data-theme=lavender-mid] .section-title{position:relative;padding-left:14px}html[data-theme=lavender-mid] .section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent);border:none}html[data-theme=lavender-mid] .btn-primary:hover{box-shadow:0 4px 16px #5b8def40;transition:box-shadow .2s ease}html[data-theme=midnight-mid] body{background:var(--gradient-bg, var(--bg-primary));background-attachment:fixed;background-size:200% 200%;animation:aurora-drift 40s ease infinite}html[data-theme=midnight-mid]{--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--shadow-sm: 0 0 8px rgba(99, 102, 241, .2), 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 0 16px rgba(99, 102, 241, .25), 0 2px 6px rgba(0, 0, 0, .12);--shadow-lg: 0 0 28px rgba(99, 102, 241, .32), 0 4px 10px rgba(0, 0, 0, .14)}html[data-theme=midnight-mid] .card{backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(99,102,241,.28);border-radius:10px;box-shadow:0 0 14px #6366f126,inset 0 1px #6366f10f;position:relative}html[data-theme=midnight-mid] .card:before{content:"";position:absolute;top:6px;left:6px;width:16px;height:16px;border-top:1.5px solid rgba(99,102,241,.4);border-left:1.5px solid rgba(99,102,241,.4);border-radius:2px 0 0;pointer-events:none}html[data-theme=midnight-mid] .card:after{content:"";position:absolute;bottom:6px;right:6px;width:16px;height:16px;border-bottom:1.5px solid rgba(99,102,241,.4);border-right:1.5px solid rgba(99,102,241,.4);border-radius:0 0 2px;pointer-events:none}html[data-theme=midnight-mid] .card-elevated{backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(99,102,241,.38);box-shadow:0 0 22px #6366f138,inset 0 1px #6366f114}html[data-theme=midnight-mid] .nav-tab.active{text-shadow:0 0 14px currentColor;filter:drop-shadow(0 0 6px currentColor)}html[data-theme=midnight-mid] .bottom-nav{border-top:1px solid rgba(99,102,241,.25);box-shadow:0 -2px 14px #6366f126}html[data-theme=midnight-mid] .btn-primary{box-shadow:0 0 14px #6366f140;border-radius:10px;animation:supernova-pulse 4s ease-in-out infinite}html[data-theme=midnight-mid] body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 300px 200px at 20% 30%,rgba(99,102,241,.12),transparent),radial-gradient(ellipse 250px 180px at 75% 60%,rgba(139,92,246,.08),transparent),radial-gradient(ellipse 200px 150px at 50% 80%,rgba(6,182,212,.06),transparent),radial-gradient(ellipse 180px 120px at 85% 15%,rgba(168,85,247,.1),transparent);pointer-events:none;z-index:0;animation:aurora-drift 45s ease infinite;background-size:200% 200%}html[data-theme=midnight-mid] body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle 1px at 5% 8%,rgba(199,210,254,.7),transparent 2px),radial-gradient(circle 1px at 12% 35%,rgba(165,180,252,.55),transparent 2px),radial-gradient(circle 2px at 18% 65%,rgba(199,210,254,.6),transparent 3px),radial-gradient(circle 1px at 25% 12%,rgba(165,180,252,.5),transparent 2px),radial-gradient(circle 1px at 32% 82%,rgba(199,210,254,.65),transparent 2px),radial-gradient(circle 2px at 38% 45%,rgba(165,180,252,.45),transparent 3px),radial-gradient(circle 1px at 45% 22%,rgba(199,210,254,.55),transparent 2px),radial-gradient(circle 1px at 52% 68%,rgba(165,180,252,.6),transparent 2px),radial-gradient(circle 2px at 58% 5%,rgba(199,210,254,.5),transparent 3px),radial-gradient(circle 1px at 65% 55%,rgba(165,180,252,.65),transparent 2px),radial-gradient(circle 1px at 72% 28%,rgba(199,210,254,.45),transparent 2px),radial-gradient(circle 2px at 78% 78%,rgba(165,180,252,.55),transparent 3px),radial-gradient(circle 1px at 85% 42%,rgba(199,210,254,.6),transparent 2px),radial-gradient(circle 1px at 92% 15%,rgba(165,180,252,.5),transparent 2px),radial-gradient(circle 2px at 8% 88%,rgba(199,210,254,.55),transparent 3px),radial-gradient(circle 1px at 42% 92%,rgba(165,180,252,.45),transparent 2px),radial-gradient(circle 1px at 68% 8%,rgba(199,210,254,.5),transparent 2px),radial-gradient(circle 2px at 88% 58%,rgba(165,180,252,.6),transparent 3px),radial-gradient(circle 1px at 15% 48%,rgba(199,210,254,.4),transparent 2px),radial-gradient(circle 1px at 55% 38%,rgba(165,180,252,.55),transparent 2px),radial-gradient(circle 2px at 75% 92%,rgba(199,210,254,.5),transparent 3px),radial-gradient(circle 1px at 95% 72%,rgba(165,180,252,.45),transparent 2px);pointer-events:none;z-index:0;animation:twinkle 4s ease-in-out infinite}html[data-theme=midnight-mid] .page-title{text-shadow:0 0 14px rgba(99,102,241,.4),0 0 28px rgba(99,102,241,.15)}html[data-theme=midnight-mid] .page-title:after{content:"";display:block;width:60px;height:2px;margin-top:6px;background:#6366f1b3;box-shadow:0 0 8px #6366f180,0 0 16px #6366f140;border-radius:1px}html[data-theme=midnight-mid] .nav-tab{position:relative}html[data-theme=midnight-mid] .nav-tab.active:after{content:"";position:absolute;bottom:4px;left:30%;right:30%;height:2px;background:var(--accent);box-shadow:0 0 6px var(--accent);border-radius:1px}html[data-theme=midnight-mid] .bottom-nav:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:#6366f166;box-shadow:0 0 6px #6366f14d}html[data-theme=midnight-mid] .card{text-shadow:0 0 8px rgba(165,180,252,.2)}html[data-theme=midnight-mid] .btn-primary:hover{box-shadow:0 0 28px #6366f173,0 0 56px #6366f12e;transition:box-shadow .2s ease}html[data-theme=sky-mid] body{background:var(--gradient-bg, var(--bg-primary));background-attachment:fixed;background-size:180% 180%;animation:cloud-float 22s ease-in-out infinite}html[data-theme=sky-mid]{--radius-md: 24px;--radius-lg: 28px;--radius-xl: 32px;--shadow-sm: 0 2px 8px rgba(2, 132, 199, .1);--shadow-md: 0 4px 14px rgba(2, 132, 199, .14);--shadow-lg: 0 6px 22px rgba(2, 132, 199, .18)}html[data-theme=sky-mid] .card{backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.4);border-radius:24px;box-shadow:0 2px 12px #0284c71a,inset 0 1px #ffffff80;position:relative;overflow:hidden}html[data-theme=sky-mid] .card:before{content:"";position:absolute;top:-10px;left:10%;width:80%;height:30px;background:radial-gradient(ellipse at center,rgba(255,255,255,.22),transparent 70%);filter:blur(8px);pointer-events:none}html[data-theme=sky-mid] .card-elevated{backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 4px 18px #0284c724,inset 0 1px #ffffff8c}html[data-theme=sky-mid] .nav-tab.active{text-shadow:0 0 6px currentColor}html[data-theme=sky-mid] .bottom-nav{box-shadow:0 -1px 8px #0284c714}html[data-theme=sky-mid] .btn-primary{border-radius:24px;box-shadow:0 6px 24px #0284c71f,0 12px 40px #38bdf80f}html[data-theme=sky-mid] body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 200px 65px at 25% 20%,rgba(255,255,255,.18),transparent),radial-gradient(ellipse 160px 50px at 70% 50%,rgba(255,255,255,.15),transparent),radial-gradient(ellipse 120px 40px at 40% 80%,rgba(255,255,255,.12),transparent);pointer-events:none;z-index:0;animation:cloud-float 18s ease-in-out infinite}html[data-theme=sky-mid] body:after{content:"";position:fixed;top:5%;left:50%;transform:translate(-50%);width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 60%),repeating-conic-gradient(from 0deg,rgba(255,255,255,.04) 0deg 5deg,transparent 5deg 30deg);pointer-events:none;z-index:0;animation:sun-rays 60s linear infinite}html[data-theme=sky-mid] .page-title:after{content:"";display:block;width:80px;height:2px;margin-top:8px;background:linear-gradient(90deg,rgba(2,132,199,.3),rgba(56,189,248,.2),transparent);border-radius:20px}html[data-theme=sky-mid] .nav-tab{position:relative}html[data-theme=sky-mid] .nav-tab.active:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--accent);border-radius:20px;opacity:.5}html[data-theme=sky-mid] .card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0284c729,inset 0 1px #ffffff8c;transition:transform .2s ease,box-shadow .2s ease}html[data-theme=blush-mid] body{background:var(--gradient-bg, var(--bg-primary));background-attachment:fixed;background-size:180% 180%;animation:warm-breathe 10s ease-in-out infinite}html[data-theme=blush-mid]{--radius-md: 18px;--radius-lg: 22px;--radius-xl: 26px;--shadow-sm: 0 0 8px rgba(236, 72, 153, .15), inset 0 1px 0 rgba(244, 114, 182, .06);--shadow-md: 0 0 16px rgba(236, 72, 153, .22), inset 0 1px 0 rgba(244, 114, 182, .08);--shadow-lg: 0 0 28px rgba(236, 72, 153, .28), inset 0 1px 0 rgba(244, 114, 182, .1)}html[data-theme=blush-mid] .card{backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(236,72,153,.2);border-radius:18px;box-shadow:0 0 14px #ec48991f,inset 0 1px #fbcfe814;position:relative;overflow:hidden}html[data-theme=blush-mid] .card:before{content:"";position:absolute;top:-20%;left:-10%;width:60%;height:50%;background:radial-gradient(ellipse at center,rgba(244,114,182,.12),transparent 70%);pointer-events:none}html[data-theme=blush-mid] .card-elevated{backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid rgba(236,72,153,.28);box-shadow:0 0 22px #ec48992e,inset 0 1px #fbcfe81a}html[data-theme=blush-mid] .nav-tab.active{text-shadow:0 0 8px rgba(236,72,153,.4)}html[data-theme=blush-mid] .bottom-nav{border-top:1px solid rgba(236,72,153,.2);box-shadow:0 -3px 12px #ec48991f}html[data-theme=blush-mid] .btn-primary{border-radius:18px;box-shadow:0 0 12px #ec48992e}html[data-theme=blush-mid] body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle 8px at 15% 20%,rgba(244,114,182,.18),transparent 12px),radial-gradient(circle 6px at 80% 15%,rgba(251,207,232,.14),transparent 10px),radial-gradient(circle 7px at 60% 80%,rgba(244,114,182,.16),transparent 11px),radial-gradient(circle 5px at 30% 65%,rgba(251,207,232,.12),transparent 8px),radial-gradient(circle 9px at 90% 50%,rgba(244,114,182,.14),transparent 13px),radial-gradient(circle 6px at 45% 35%,rgba(236,72,153,.1),transparent 10px),radial-gradient(circle 7px at 72% 70%,rgba(251,207,232,.15),transparent 11px);pointer-events:none;z-index:0;animation:bubble-bob 18s ease-in-out infinite}html[data-theme=blush-mid] body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 200px 150px at 25% 40%,rgba(236,72,153,.1),transparent),radial-gradient(ellipse 180px 120px at 75% 30%,rgba(244,114,182,.08),transparent),radial-gradient(ellipse 150px 100px at 50% 85%,rgba(251,207,232,.06),transparent);pointer-events:none;z-index:0}html[data-theme=blush-mid] .page-title{text-shadow:0 0 10px rgba(244,114,182,.2)}html[data-theme=blush-mid] .page-title:after{content:"";display:block;width:55px;height:3px;margin-top:6px;background:linear-gradient(90deg,#ec489980,#f472b64d);border-radius:20px;box-shadow:0 0 8px #ec489940}html[data-theme=blush-mid] .nav-tab{position:relative}html[data-theme=blush-mid] .nav-tab.active:after{content:"";position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:16px;height:4px;background:var(--accent);border-radius:20px;box-shadow:0 0 6px #ec48994d}html[data-theme=blush-mid] .card{text-shadow:0 0 8px rgba(244,114,182,.15)}html[data-theme=blush-mid] .card:active{animation:cushion-squish .3s ease}html[data-theme=blush-mid] .btn-primary:hover{transform:rotate(-1deg) scale(1.02);box-shadow:0 0 18px #ec489940;transition:transform .2s ease,box-shadow .2s ease}html[data-theme=blush-mid] .btn-primary:active{transform:rotate(0) scale(.98);transition:transform .1s ease}@supports not (backdrop-filter: blur(1px)){html[data-theme=soft-mid],html[data-theme=warm-mid],html[data-theme=forest-mid],html[data-theme=lavender-mid],html[data-theme=sky-mid]{--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: rgba(255, 255, 255, .96);--input-bg: rgba(255, 255, 255, .9)}}@supports not (backdrop-filter: blur(1px)){html[data-theme=clinical-mid]{--bg-card: rgba(10, 40, 28, .96);--bg-card-hover: rgba(15, 50, 35, .98)}html[data-theme=ocean-mid]{--bg-card: rgba(8, 47, 73, .96);--bg-card-hover: rgba(12, 60, 90, .98)}html[data-theme=sunset-mid]{--bg-card: rgba(30, 15, 50, .96);--bg-card-hover: rgba(40, 20, 65, .98)}html[data-theme=midnight-mid]{--bg-card: rgba(12, 12, 35, .96);--bg-card-hover: rgba(18, 18, 45, .98)}html[data-theme=blush-mid]{--bg-card: rgba(60, 25, 48, .96);--bg-card-hover: rgba(75, 35, 58, .98)}}html[data-theme=warm-mid][data-card-style=light]{--bg-card: rgba(252, 246, 228, .94);--bg-card-hover: rgba(254, 250, 235, .97);--big-button-bg: rgba(252, 246, 228, .96);--big-button-color: #8b5e14;--big-button-glow: 0 0 32px rgba(196, 136, 14, .4), inset 0 2px 4px rgba(255, 255, 255, .55);--big-button-rest-bg: rgba(236, 248, 228, .94);--big-button-rest-color: #3d8b37;--big-button-active-bg: rgba(252, 236, 220, .94);--big-button-active-color: #b83230}html[data-theme=warm-mid][data-card-style=light] .card,html[data-theme=warm-mid][data-card-style=light] .card-elevated,html[data-theme=warm-mid][data-card-style=light] .summary-card,html[data-theme=warm-mid][data-card-style=light] .bh-panel,html[data-theme=warm-mid][data-card-style=light] .stage-bar-container,html[data-theme=warm-mid][data-card-style=light] .chart-container,html[data-theme=warm-mid][data-card-style=light] .history-item,html[data-theme=warm-mid][data-card-style=light] .editor-pill,html[data-theme=warm-mid][data-card-style=light] .editor-btn,html[data-theme=warm-mid][data-card-style=light] .clinical-header,html[data-theme=warm-mid][data-card-style=light] .clinical-content,html[data-theme=warm-mid][data-card-style=light] .clinical-card,html[data-theme=warm-mid][data-card-style=light] .factor-tag,html[data-theme=warm-mid][data-card-style=light] .menu-item-button,html[data-theme=warm-mid][data-card-style=light] .theme-option,html[data-theme=warm-mid][data-card-style=light] .export-format-option,html[data-theme=warm-mid][data-card-style=light] .palette-card,html[data-theme=warm-mid][data-card-style=light] .mode-btn,html[data-theme=warm-mid][data-card-style=light] .devtools-seed-btn,html[data-theme=warm-mid][data-card-style=light] .about-privacy,html[data-theme=warm-mid][data-card-style=light] .section-header,html[data-theme=warm-mid][data-card-style=light] .tips-container,html[data-theme=warm-mid][data-card-style=light] .session-card,html[data-theme=warm-mid][data-card-style=light] .toast-container,html[data-theme=warm-mid][data-card-style=light] .stat-item,html[data-theme=warm-mid][data-card-style=light] .contraction-item,html[data-theme=warm-mid][data-card-style=light] .picker-card,html[data-theme=warm-mid][data-card-style=light] .ctrl-btn,html[data-theme=warm-mid][data-card-style=light] .untimed-form,html[data-theme=warm-mid][data-card-style=light] .collapsible,html[data-theme=warm-mid][data-card-style=light] .location-pill,html[data-theme=warm-mid][data-card-style=light] .time-picker,html[data-theme=warm-mid][data-card-style=light] .time-range-card,html[data-theme=warm-mid][data-card-style=light] .empty-state-icon,html[data-theme=warm-mid][data-card-style=light] .action-card,html[data-theme=warm-mid][data-card-style=light] .live-card,html[data-theme=warm-mid][data-card-style=light] .mode-radio{--text-primary: #2c1503;--text-secondary: #5c3a1a;--text-muted: rgba(44, 21, 3, .65);--text-faint: rgba(44, 21, 3, .42);--accent: #8b5e14;--danger: #b83230;--success: #2d6b27;--warning: #8b6508;color:#2c1503}html[data-theme=warm-mid][data-card-style=light] .card input,html[data-theme=warm-mid][data-card-style=light] .card select,html[data-theme=warm-mid][data-card-style=light] .card textarea,html[data-theme=warm-mid][data-card-style=light] .card-elevated input,html[data-theme=warm-mid][data-card-style=light] .card-elevated select{color:#2c1503;-webkit-text-fill-color:#2c1503}html[data-theme=forest-mid][data-card-style=light]{--bg-card: rgba(245, 240, 225, .93);--bg-card-hover: rgba(248, 244, 232, .96);--big-button-bg: rgba(245, 240, 225, .94);--big-button-color: #2d5a2d;--big-button-glow: 0 0 24px rgba(93, 158, 62, .3), inset 0 2px 0 rgba(255, 255, 255, .4);--big-button-rest-bg: rgba(240, 242, 230, .9);--big-button-rest-color: #4a7a2a;--big-button-active-bg: rgba(252, 238, 230, .92);--big-button-active-color: #b83232;--wave-grid: rgba(20, 38, 26, .1);--wave-grid-text: rgba(20, 38, 26, .55);--wave-text: rgba(20, 38, 26, .6);--wave-line: rgba(45, 90, 45, .3)}html[data-theme=forest-mid][data-card-style=light] .card,html[data-theme=forest-mid][data-card-style=light] .card-elevated,html[data-theme=forest-mid][data-card-style=light] .summary-card,html[data-theme=forest-mid][data-card-style=light] .bh-panel,html[data-theme=forest-mid][data-card-style=light] .stage-bar-container,html[data-theme=forest-mid][data-card-style=light] .chart-container,html[data-theme=forest-mid][data-card-style=light] .history-item,html[data-theme=forest-mid][data-card-style=light] .editor-pill,html[data-theme=forest-mid][data-card-style=light] .editor-btn,html[data-theme=forest-mid][data-card-style=light] .clinical-header,html[data-theme=forest-mid][data-card-style=light] .clinical-content,html[data-theme=forest-mid][data-card-style=light] .clinical-card,html[data-theme=forest-mid][data-card-style=light] .factor-tag,html[data-theme=forest-mid][data-card-style=light] .menu-item-button,html[data-theme=forest-mid][data-card-style=light] .theme-option,html[data-theme=forest-mid][data-card-style=light] .export-format-option,html[data-theme=forest-mid][data-card-style=light] .palette-card,html[data-theme=forest-mid][data-card-style=light] .mode-btn,html[data-theme=forest-mid][data-card-style=light] .devtools-seed-btn,html[data-theme=forest-mid][data-card-style=light] .about-privacy,html[data-theme=forest-mid][data-card-style=light] .section-header,html[data-theme=forest-mid][data-card-style=light] .tips-container,html[data-theme=forest-mid][data-card-style=light] .session-card,html[data-theme=forest-mid][data-card-style=light] .toast-container,html[data-theme=forest-mid][data-card-style=light] .stat-item,html[data-theme=forest-mid][data-card-style=light] .contraction-item,html[data-theme=forest-mid][data-card-style=light] .picker-card,html[data-theme=forest-mid][data-card-style=light] .ctrl-btn,html[data-theme=forest-mid][data-card-style=light] .untimed-form,html[data-theme=forest-mid][data-card-style=light] .collapsible,html[data-theme=forest-mid][data-card-style=light] .location-pill,html[data-theme=forest-mid][data-card-style=light] .time-picker,html[data-theme=forest-mid][data-card-style=light] .time-range-card,html[data-theme=forest-mid][data-card-style=light] .empty-state-icon,html[data-theme=forest-mid][data-card-style=light] .action-card,html[data-theme=forest-mid][data-card-style=light] .live-card,html[data-theme=forest-mid][data-card-style=light] .mode-radio{--text-primary: #14261a;--text-secondary: #264d2e;--text-muted: rgba(20, 38, 26, .65);--text-faint: rgba(20, 38, 26, .42);--accent: #1a5010;--danger: #b83232;--success: #3d6b1a;--warning: #8b6914;color:#14261a}html[data-theme=forest-mid][data-card-style=light] .card input,html[data-theme=forest-mid][data-card-style=light] .card select,html[data-theme=forest-mid][data-card-style=light] .card textarea,html[data-theme=forest-mid][data-card-style=light] .card-elevated input,html[data-theme=forest-mid][data-card-style=light] .card-elevated select{color:#14261a;-webkit-text-fill-color:#14261a}html[data-theme=forest-mid][data-card-style=light] .action-card,html[data-theme=forest-mid][data-card-style=light] .live-card{background:#f5f0e1!important;border-color:#2d5a2d66;color:#14261a}html[data-theme=forest-mid][data-card-style=light] .action-card svg,html[data-theme=forest-mid][data-card-style=light] .live-card svg{color:#2d5a2d!important}html[data-theme=forest-mid][data-card-style=light] .action-card-title,html[data-theme=forest-mid][data-card-style=light] .live-card-title{color:#14261a}html[data-theme=forest-mid][data-card-style=light] .action-card-desc,html[data-theme=forest-mid][data-card-style=light] .live-card-desc{color:#14261ab3}@media(prefers-reduced-motion:reduce){html[data-theme$=-mid] body{animation:none!important;background-size:auto!important}html[data-theme$=-mid] body:before,html[data-theme$=-mid] body:after{animation:none!important;display:none!important}html[data-theme$=-mid] .card,html[data-theme$=-mid] .card-elevated{backdrop-filter:none;-webkit-backdrop-filter:none;animation:none!important;transition:none!important}html[data-theme$=-mid] .card:before,html[data-theme$=-mid] .card:after,html[data-theme$=-mid] .card-elevated:before,html[data-theme$=-mid] .card-elevated:after{animation:none!important;display:none!important}html[data-theme$=-mid] .card:hover,html[data-theme$=-mid] .card:active{transform:none!important;animation:none!important}html[data-theme$=-mid] .btn-primary,html[data-theme$=-mid] .btn-primary:hover,html[data-theme$=-mid] .btn-primary:active{transform:none!important;animation:none!important;transition:none!important}html[data-theme$=-mid] .page-title,html[data-theme$=-mid] .page-title:before,html[data-theme$=-mid] .page-title:after{animation:none!important;text-shadow:none!important;-webkit-text-fill-color:unset!important;-webkit-background-clip:unset!important;background:none!important}html[data-theme$=-mid] *{text-shadow:none!important}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--color-intensity-1: #64b4dc;--color-intensity-2: #78c896;--color-intensity-3: #dcc850;--color-intensity-4: #e68c3c;--color-intensity-5: #dc5050;--header-height: 48px;--nav-height: 64px}html,body{background:var(--bg-primary);color:var(--text-primary);height:100%;min-height:100dvh;overflow:hidden;font-family:var(--theme-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);-webkit-tap-highlight-color:transparent;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-swiper{margin-top:calc(var(--header-height) + env(safe-area-inset-top,0px));height:calc(100dvh - var(--header-height) - var(--nav-height) - env(safe-area-inset-top,0px))}.app-swiper .swiper-slide{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--nav-bg);border-top:1px solid var(--nav-border);display:flex;align-items:center;justify-content:space-around;height:var(--nav-height);padding-bottom:env(safe-area-inset-bottom,0px);z-index:50}.nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);color:var(--nav-inactive);font-size:var(--text-xs);transition:color var(--transition-base);min-width:64px;min-height:var(--btn-height-md);background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.nav-tab.active{color:var(--accent)}.nav-tab svg,.nav-tab :global(.lucide){width:var(--icon-md);height:var(--icon-md)}.page{padding:var(--space-4);padding-bottom:var(--space-6)}@media(min-width:1024px){.page{max-width:var(--desktop-content-max-width);margin-inline:auto;padding:var(--space-6) var(--space-5);padding-bottom:var(--space-8)}}.page-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.content-container{max-width:var(--content-max-width);margin-inline:auto;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-height:var(--btn-height-md);padding:var(--space-2) var(--space-5);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;line-height:1}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn-block{width:100%;max-width:var(--content-max-width);margin-inline:auto}.btn-sm{min-height:var(--btn-height-sm);font-size:var(--text-sm);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm)}.btn-lg{min-height:var(--btn-height-lg);font-size:var(--text-lg);padding:var(--space-3) var(--space-6)}.btn-primary{background:var(--accent);color:#fff;font-weight:600}.btn-primary:active{background:var(--accent-dim)}.btn-secondary{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.btn-secondary:active{background:var(--accent-muted)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:active{background:var(--bg-card-hover)}.btn-danger{background:transparent;color:var(--danger);border:1.5px solid var(--danger)}.btn-danger:active{background:var(--danger-muted)}.btn-water{background:transparent;color:var(--water);border:1.5px solid var(--water)}.btn-water:active{background:var(--water-muted)}.btn-icon{padding:var(--space-2);min-width:var(--btn-height-md)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.card-elevated{background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.section-title{font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}:global(.lucide){flex-shrink:0}:global(:focus-visible){outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}:global(button:focus-visible),:global(a:focus-visible),:global(input:focus-visible),:global(select:focus-visible),:global([role=tab]:focus-visible){outline:2px solid var(--accent);outline-offset:2px}:global(:focus:not(:focus-visible)){outline:none}html{transition:background-color .3s ease,color .3s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.empty-state{text-align:center;padding:var(--space-7) var(--space-4);color:var(--text-muted);font-size:var(--text-base);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.empty-state-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-faint)}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--text-secondary)}.empty-state-hint{font-size:var(--text-sm);color:var(--text-faint);max-width:280px;line-height:1.5}