:root{--vira-primary:#3b82f6;--vira-primary-hover:#2563eb;--vira-primary-dark:#1d4ed8;--vira-primary-light:#60a5fa;--vira-primary-50:#eff6ff;--vira-primary-100:#dbeafe;--vira-indigo:#6366f1;--vira-indigo-hover:#4f46e5;--vira-violet:#8b5cf6;--vira-cyan:#06b6d4;--vira-cyan-light:#22d3ee;--vira-success:#10b981;--vira-success-light:#34d399;--vira-success-50:#ecfdf5;--vira-danger:#ef4444;--vira-danger-light:#f87171;--vira-danger-50:#fef2f2;--vira-warning:#f59e0b;--vira-warning-light:#fbbf24;--vira-warning-50:#fffbeb;--vira-info:#0ea5e9;--vira-info-light:#38bdf8;--vira-muted:#64748b;--vira-muted-light:#94a3b8;--vira-gray-50:#f9fafb;--vira-gray-100:#f3f4f6;--vira-gray-200:#e5e7eb;--vira-gray-300:#d1d5db;--vira-gray-400:#9ca3af;--vira-gray-500:#6b7280;--vira-gray-600:#4b5563;--vira-gray-700:#374151;--vira-gray-800:#1f2937;--vira-gray-900:#111827;--vira-bg:var(--vira-gray-50);--vira-surface:#fff;--vira-surface-raised:#f8fafc;--vira-surface-overlay:rgba(0,0,0,.4);--vira-text:var(--vira-gray-900);--vira-text-soft:var(--vira-gray-600);--vira-text-muted:var(--vira-gray-400);--vira-border:var(--vira-gray-200);--vira-border-strong:var(--vira-gray-300);--vira-divider:var(--vira-gray-200);--vira-gradient-primary:linear-gradient(135deg,#3b82f6,#6366f1);--vira-gradient-violet:linear-gradient(135deg,#8b5cf6,#6366f1);--vira-gradient-emerald:linear-gradient(135deg,#10b981,#34d399);--vira-gradient-sunset:linear-gradient(135deg,#f59e0b,#ef4444);--vira-gradient-ocean:linear-gradient(135deg,#06b6d4,#3b82f6);--vira-gradient-mesh:radial-gradient(at 40% 20%,#6366f1 0px,transparent 50%),radial-gradient(at 80% 0%,#06b6d4 0px,transparent 50%),radial-gradient(at 0% 50%,#3b82f6 0px,transparent 50%),radial-gradient(at 80% 50%,#10b981 0px,transparent 50%),radial-gradient(at 0% 100%,#8b5cf6 0px,transparent 50%),radial-gradient(at 80% 100%,#f59e0b 0px,transparent 50%);--vira-shadow-xs:0 1px 2px rgba(0,0,0,.05);--vira-shadow-sm:0 2px 4px rgba(0,0,0,.06);--vira-shadow-md:0 8px 16px rgba(0,0,0,.08);--vira-shadow-lg:0 20px 40px rgba(0,0,0,.12);--vira-shadow-xl:0 32px 64px rgba(0,0,0,.16);--vira-shadow-2xl:0 40px 80px rgba(0,0,0,.2);--vira-shadow-inner:inset 0 2px 4px rgba(0,0,0,.06);--vira-shadow-glow-primary:0 0 20px rgba(59,130,246,.3);--vira-shadow-glow-success:0 0 20px rgba(16,185,129,.3);--vira-shadow-glow-danger:0 0 20px rgba(239,68,68,.3);--vira-shadow-colored:0 8px 24px rgba(59,130,246,.15);--vira-radius-xs:4px;--vira-radius-sm:6px;--vira-radius-md:10px;--vira-radius-lg:16px;--vira-radius-xl:20px;--vira-radius-2xl:24px;--vira-radius-full:999px;--vira-space-0:0;--vira-space-1:4px;--vira-space-2:8px;--vira-space-3:12px;--vira-space-4:16px;--vira-space-5:24px;--vira-space-6:32px;--vira-space-7:40px;--vira-space-8:48px;--vira-space-9:64px;--vira-space-10:80px;--vira-transition-fast:.12s ease;--vira-transition:.2s ease;--vira-transition-slow:.3s ease;--vira-transition-spring:.5s cubic-bezier(.34,1.56,.64,1);--vira-ease-out-expo:cubic-bezier(.19,1,.22,1);--vira-z-dropdown:100;--vira-z-sticky:200;--vira-z-modal-backdrop:300;--vira-z-modal:400;--vira-z-popover:500;--vira-z-tooltip:600;--vira-z-toast:700;--vira-glass-blur:28px;--vira-glass-blur-strong:40px;--vira-glass-surface:rgba(255,255,255,.62);--vira-glass-surface-strong:rgba(255,255,255,.78);--vira-glass-surface-subtle:rgba(255,255,255,.45);--vira-glass-border:rgba(255,255,255,.45);--vira-glass-highlight:rgba(255,255,255,.7);--vira-glass-shadow:0 24px 48px rgba(15,23,42,.12);--vira-glass-saturate:180%;--vira-ios-glass-blur:40px;--vira-ios-glass-blur-heavy:60px;--vira-ios-glass-blur-light:28px;--vira-ios-glass-bg:rgba(255,255,255,.22);--vira-ios-glass-bg-strong:rgba(255,255,255,.35);--vira-ios-glass-bg-subtle:rgba(255,255,255,.12);--vira-ios-glass-border:rgba(255,255,255,.25);--vira-ios-glass-border-strong:rgba(255,255,255,.4);--vira-ios-glass-highlight:rgba(255,255,255,.35);--vira-ios-glass-highlight-strong:rgba(255,255,255,.5);--vira-ios-glass-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);--vira-ios-glass-shadow-deep:0 20px 60px rgba(0,0,0,.15),0 8px 24px rgba(0,0,0,.1);--vira-ios-glass-shadow-elevated:0 32px 80px rgba(0,0,0,.18),0 16px 40px rgba(0,0,0,.12);--vira-ios-glass-inset-top:inset 0 1px 0 rgba(255,255,255,.5);--vira-ios-glass-inset-bottom:inset 0 -1px 0 rgba(0,0,0,.08);--vira-ios-glass-inset-all:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.08);--vira-ios-glass-filter:blur(var(--vira-ios-glass-blur)) saturate(180%) brightness(1.08);--vira-ios-glass-filter-strong:blur(var(--vira-ios-glass-blur-heavy)) saturate(200%) brightness(1.12);--vira-ios-glass-filter-light:blur(var(--vira-ios-glass-blur-light)) saturate(160%) brightness(1.05);--vira-ios-glass-radius:20px;--vira-ios-glass-radius-lg:28px;--vira-ios-glass-radius-pill:100px;--vira-ios-accent:#007aff;--vira-ios-accent-hover:#0066d6;--vira-ios-green:#34c759;--vira-ios-red:#ff3b30;--vira-ios-orange:#ff9500;--vira-ios-yellow:#fc0;--vira-ios-purple:#af52de;--vira-ios-pink:#ff2d55;--vira-ios-teal:#5ac8fa;--vira-ios-material-thin:.5px;--vira-ios-material-regular:1px;--vira-ios-material-thick:1.5px;--vira-liquid-a:rgba(99,102,241,.28);--vira-liquid-b:rgba(59,130,246,.24);--vira-liquid-c:rgba(139,92,246,.2);--vira-liquid-d:rgba(16,185,129,.14)}[data-theme=dark]{--vira-bg:#0a0f1a;--vira-surface:#131c2e;--vira-surface-raised:#1a2540;--vira-surface-overlay:rgba(0,0,0,.6);--vira-text:#f1f5f9;--vira-text-soft:#cbd5e1;--vira-text-muted:#64748b;--vira-border:rgba(255,255,255,.08);--vira-border-strong:rgba(255,255,255,.12);--vira-divider:rgba(255,255,255,.06);--vira-glass-blur:32px;--vira-glass-blur-strong:48px;--vira-glass-surface:rgba(19,28,46,.65);--vira-glass-surface-strong:rgba(19,28,46,.8);--vira-glass-surface-subtle:rgba(19,28,46,.45);--vira-glass-border:rgba(255,255,255,.1);--vira-glass-highlight:rgba(255,255,255,.12);--vira-glass-shadow:0 32px 64px rgba(0,0,0,.4);--vira-glass-saturate:160%;--vira-shadow-sm:0 2px 4px rgba(0,0,0,.2);--vira-shadow-md:0 8px 16px rgba(0,0,0,.3);--vira-shadow-lg:0 20px 40px rgba(0,0,0,.4);--vira-shadow-xl:0 32px 64px rgba(0,0,0,.5);--vira-shadow-2xl:0 40px 80px rgba(0,0,0,.6);--vira-ios-glass-bg:rgba(28,28,30,.65);--vira-ios-glass-bg-strong:rgba(28,28,30,.75);--vira-ios-glass-bg-subtle:rgba(28,28,30,.45);--vira-ios-glass-border:rgba(255,255,255,.08);--vira-ios-glass-border-strong:rgba(255,255,255,.15);--vira-ios-glass-highlight:rgba(255,255,255,.08);--vira-ios-glass-highlight-strong:rgba(255,255,255,.12);--vira-ios-glass-shadow:0 8px 32px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.3);--vira-ios-glass-inset-top:inset 0 1px 0 rgba(255,255,255,.1);--vira-ios-glass-inset-bottom:inset 0 -1px 0 rgba(0,0,0,.2);--vira-ios-glass-filter:blur(var(--vira-ios-glass-blur-heavy)) saturate(180%) brightness(1.15);--vira-ios-glass-filter-strong:blur(70px) saturate(200%) brightness(1.2);--vira-liquid-a:rgba(99,102,241,.22);--vira-liquid-b:rgba(59,130,246,.18);--vira-liquid-c:rgba(139,92,246,.16);--vira-liquid-d:rgba(16,185,129,.1)}