:root{--bg-color: #f5f7fa;--card-bg: #ffffff;--bg-subtle: #f9fafb;--text-heading: #111827;--text-color: #1f2937;--text-muted: #6b7280;--border-light: #e5e7eb;--border-input: #d1d5db;--shadow-md: 0 10px 25px rgba(0, 0, 0, .05);--primary-color: #4f46e5;--primary-hover: #4338ca;--primary-ring: rgba(79, 70, 229, .1);--primary-text: #ffffff;--btn-dark-bg: #111827;--btn-dark-hover: #374151;--btn-dark-text: #ffffff;--danger-color: #ef4444;--danger-hover: #dc2626;--danger-bg: #fef2f2;--danger-border: #fecaca;--success-color: #166534;--success-bg: #dcfce7;--success-list-bg: #f0fdf4;--success-border: #bbf7d0;--nav-bg: #f8f9fa;--nav-border: #e0e0e0;--link-color: #495057;--link-hover-bg: #e9ecef;--link-hover-color: #212529;--link-active-bg: #e6f0ff;--link-active-color: #0056b3;--sync-text-color: #888888}[data-theme=dark]{--bg-color: #121212;--card-bg: #191919;--bg-subtle: #282828;--text-heading: #f3f4f6;--text-color: #d1d5db;--text-muted: #9ca3af;--border-light: #374151;--border-input: #414b5a;--shadow-md: 0 10px 25px rgba(0, 0, 0, .4);--primary-color: #6366f1;--primary-hover: #818cf8;--primary-ring: rgba(99, 102, 241, .2);--primary-text: #ffffff;--btn-dark-bg: #f3f4f6;--btn-dark-hover: #d1d5db;--btn-dark-text: #111827;--danger-color: #f87171;--danger-hover: #ef4444;--danger-bg: #451a1a;--danger-border: #7f1d1d;--success-color: #34d399;--success-bg: #064e3b;--success-list-bg: #022c22;--success-border: #065f46;--nav-bg: #1e1e1e;--nav-border: #333333;--link-color: #adb5bd;--link-hover-bg: #2b2b2b;--link-hover-color: #ffffff;--link-active-bg: #1a365d;--link-active-color: #63b3ed;--sync-text-color: #aaaaaa}html,body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;height:100dvh;transition:background-color .3s ease,color .3s ease;overflow:hidden;touch-action:manipulation}