:root,.theme-default{--color-primary: #22c55e;--color-primary-hover: #16a34a;--color-primary-text: #ffffff;--color-secondary: #3b82f6;--color-secondary-hover: #2563eb;--color-secondary-text: #ffffff;--color-tertiary: #f3f4f6;--color-tertiary-hover: #e5e7eb;--color-tertiary-text: #374151;--color-dark: #000000;--color-dark-hover: #1f2937;--color-dark-text: #ffffff;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-text: #ffffff;--color-warning: #f97316;--color-warning-hover: #ea580c;--color-warning-text: #ffffff;--color-surface-page: #ffffff;--color-surface-card: #ffffff;--color-surface-subtle: #f9fafb;--color-surface-overlay: rgba(255, 255, 255, .6);--color-surface-overlay-heavy: rgba(255, 255, 255, .9);--color-text-primary: #000000;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-text-inverted: #ffffff;--color-border: #e5e7eb;--color-border-heavy: #000000;--color-grid: #e5e7eb;--color-badge-info-bg: #dbeafe;--color-badge-info-text: #1d4ed8;--color-badge-info-border: #bfdbfe;--color-badge-success-bg: #dcfce7;--color-badge-success-text: #15803d;--color-badge-success-border: #bbf7d0;--color-badge-warning-bg: #fef9c3;--color-badge-warning-text: #854d0e;--color-badge-warning-border: #fef08a;--color-badge-error-bg: #fee2e2;--color-badge-error-text: #b91c1c;--color-badge-error-border: #fecaca;--color-badge-special-bg: #f3e8ff;--color-badge-special-text: #7e22ce;--color-badge-special-border: #e9d5ff;--color-status-online: #75faa6;--color-status-away: #eab308;--color-status-offline: #ef4444;--color-medal-gold: #facc15;--color-medal-gold-icon: #854d0e;--color-medal-silver: #d1d5db;--color-medal-silver-icon: #374151;--color-medal-bronze: #d97706;--color-medal-bronze-icon: #fef3c7;--color-focus-ring: #3b82f6;--color-header-bg: #ffffff;--color-header-border: #e5e7eb;--color-header-text: #000000;--color-header-icon: #374151;--color-accent: #cc9cfa;--color-accent-hover: #9333ea;--color-accent-soft: #f7f0ff;--color-accent-soft-hover: #efedf9;--color-accent-border: #c4b5fd;--color-accent-text: #7c3aed;--color-highlight: #3b82f6;--color-highlight-hover: #2563eb;--color-highlight-soft: #dbeafe;--color-highlight-soft-hover: #bfdbfe;--color-highlight-border: #93c5fd;--color-highlight-text: #1d4ed8;--color-toggle-on: #22c55e;--color-toggle-off: #d1d5db}.dark.theme-default,.theme-default.dark,.dark:not([class*=theme-]){--color-primary: #16a34a;--color-primary-hover: #22c55e;--color-primary-text: #ffffff;--color-secondary: #2563eb;--color-secondary-hover: #3b82f6;--color-secondary-text: #ffffff;--color-tertiary: #374151;--color-tertiary-hover: #4b5563;--color-tertiary-text: #d1d5db;--color-dark: #1f2937;--color-dark-hover: #374151;--color-dark-text: #ffffff;--color-danger: #dc2626;--color-danger-hover: #ef4444;--color-danger-text: #ffffff;--color-warning: #ea580c;--color-warning-hover: #f97316;--color-warning-text: #ffffff;--color-surface-page: #111827;--color-surface-card: #1f2937;--color-surface-subtle: #1f2937;--color-surface-overlay: rgba(17, 24, 39, .6);--color-surface-overlay-heavy: rgba(17, 24, 39, .9);--color-text-primary: #ffffff;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280;--color-text-inverted: #000000;--color-border: #374151;--color-border-heavy: #4b5563;--color-grid: #374151;--color-badge-info-bg: rgba(59, 130, 246, .2);--color-badge-info-text: #93c5fd;--color-badge-info-border: #1d4ed8;--color-badge-success-bg: rgba(34, 197, 94, .2);--color-badge-success-text: #86efac;--color-badge-success-border: #15803d;--color-badge-warning-bg: rgba(234, 179, 8, .2);--color-badge-warning-text: #fde047;--color-badge-warning-border: #a16207;--color-badge-error-bg: rgba(239, 68, 68, .2);--color-badge-error-text: #fca5a5;--color-badge-error-border: #991b1b;--color-badge-special-bg: rgba(168, 85, 247, .2);--color-badge-special-text: #d8b4fe;--color-badge-special-border: #7e22ce;--color-status-online: #4ade80;--color-status-away: #facc15;--color-status-offline: #f87171;--color-medal-gold: #facc15;--color-medal-gold-icon: #854d0e;--color-medal-silver: #9ca3af;--color-medal-silver-icon: #f3f4f6;--color-medal-bronze: #d97706;--color-medal-bronze-icon: #fef3c7;--color-focus-ring: #60a5fa;--color-header-bg: #111827;--color-header-border: #374151;--color-header-text: #ffffff;--color-header-icon: #d1d5db;--color-accent: #9333ea;--color-accent-hover: #a855f7;--color-accent-soft: rgba(168, 85, 247, .2);--color-accent-soft-hover: rgba(168, 85, 247, .3);--color-accent-border: #7c3aed;--color-accent-text: #c4b5fd;--color-highlight: #2563eb;--color-highlight-hover: #3b82f6;--color-highlight-soft: rgba(59, 130, 246, .2);--color-highlight-soft-hover: rgba(59, 130, 246, .3);--color-highlight-border: #1d4ed8;--color-highlight-text: #93c5fd;--color-toggle-on: #22c55e;--color-toggle-off: #4b5563}.theme-ocean{--color-primary: #0ea5e9;--color-primary-hover: #0284c7;--color-primary-text: #ffffff;--color-secondary: #6366f1;--color-secondary-hover: #4f46e5;--color-secondary-text: #ffffff;--color-tertiary: #f0f9ff;--color-tertiary-hover: #e0f2fe;--color-tertiary-text: #0c4a6e;--color-dark: #0c4a6e;--color-dark-hover: #075985;--color-dark-text: #ffffff;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-text: #ffffff;--color-warning: #f97316;--color-warning-hover: #ea580c;--color-warning-text: #ffffff;--color-surface-page: #ffffff;--color-surface-card: #ffffff;--color-surface-subtle: #f0f9ff;--color-surface-overlay: rgba(255, 255, 255, .6);--color-surface-overlay-heavy: rgba(255, 255, 255, .9);--color-text-primary: #0c4a6e;--color-text-secondary: #0369a1;--color-text-muted: #7dd3fc;--color-text-inverted: #ffffff;--color-border: #bae6fd;--color-border-heavy: #0284c7;--color-grid: #bae6fd;--color-badge-info-bg: #e0f2fe;--color-badge-info-text: #0369a1;--color-badge-info-border: #7dd3fc;--color-badge-success-bg: #dcfce7;--color-badge-success-text: #15803d;--color-badge-success-border: #bbf7d0;--color-focus-ring: #0ea5e9;--color-header-bg: #0ea5e9;--color-header-border: #0284c7;--color-header-text: #ffffff;--color-header-icon: #e0f2fe;--color-accent: #0ea5e9;--color-accent-hover: #0284c7;--color-accent-soft: #e0f2fe;--color-accent-soft-hover: #bae6fd;--color-accent-border: #7dd3fc;--color-accent-text: #0369a1;--color-highlight: #6366f1;--color-highlight-hover: #4f46e5;--color-highlight-soft: #e0e7ff;--color-highlight-soft-hover: #c7d2fe;--color-highlight-border: #a5b4fc;--color-highlight-text: #4338ca;--color-toggle-on: #0ea5e9;--color-toggle-off: #bae6fd}.dark.theme-ocean,.theme-ocean.dark{--color-primary: #0284c7;--color-primary-hover: #0ea5e9;--color-primary-text: #ffffff;--color-secondary: #4f46e5;--color-secondary-hover: #6366f1;--color-secondary-text: #ffffff;--color-tertiary: #0c4a6e;--color-tertiary-hover: #075985;--color-tertiary-text: #bae6fd;--color-dark: #082f49;--color-dark-hover: #0c4a6e;--color-dark-text: #ffffff;--color-surface-page: #082f49;--color-surface-card: #0c4a6e;--color-surface-subtle: #0c4a6e;--color-surface-overlay: rgba(8, 47, 73, .6);--color-surface-overlay-heavy: rgba(8, 47, 73, .9);--color-text-primary: #f0f9ff;--color-text-secondary: #7dd3fc;--color-text-muted: #0369a1;--color-text-inverted: #0c4a6e;--color-border: #075985;--color-border-heavy: #0284c7;--color-grid: #075985;--color-badge-info-bg: rgba(14, 165, 233, .2);--color-badge-info-text: #7dd3fc;--color-badge-info-border: #0284c7;--color-badge-success-bg: rgba(34, 197, 94, .2);--color-badge-success-text: #86efac;--color-badge-success-border: #15803d;--color-focus-ring: #38bdf8;--color-header-bg: #0c4a6e;--color-header-border: #075985;--color-header-text: #f0f9ff;--color-header-icon: #7dd3fc;--color-accent: #0284c7;--color-accent-hover: #0ea5e9;--color-accent-soft: rgba(14, 165, 233, .2);--color-accent-soft-hover: rgba(14, 165, 233, .3);--color-accent-border: #0369a1;--color-accent-text: #7dd3fc;--color-highlight: #4f46e5;--color-highlight-hover: #6366f1;--color-highlight-soft: rgba(99, 102, 241, .2);--color-highlight-soft-hover: rgba(99, 102, 241, .3);--color-highlight-border: #4338ca;--color-highlight-text: #a5b4fc;--color-toggle-on: #0ea5e9;--color-toggle-off: #0c4a6e}.theme-sunset{--color-primary: #f97316;--color-primary-hover: #ea580c;--color-primary-text: #ffffff;--color-secondary: #f43f5e;--color-secondary-hover: #e11d48;--color-secondary-text: #ffffff;--color-tertiary: #fff7ed;--color-tertiary-hover: #ffedd5;--color-tertiary-text: #9a3412;--color-dark: #7c2d12;--color-dark-hover: #9a3412;--color-dark-text: #ffffff;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-text: #ffffff;--color-warning: #d97706;--color-warning-hover: #b45309;--color-warning-text: #ffffff;--color-surface-page: #ffffff;--color-surface-card: #ffffff;--color-surface-subtle: #fff7ed;--color-surface-overlay: rgba(255, 255, 255, .6);--color-surface-overlay-heavy: rgba(255, 255, 255, .9);--color-text-primary: #7c2d12;--color-text-secondary: #c2410c;--color-text-muted: #fdba74;--color-text-inverted: #ffffff;--color-border: #fed7aa;--color-border-heavy: #ea580c;--color-grid: #fed7aa;--color-badge-info-bg: #fef3c7;--color-badge-info-text: #92400e;--color-badge-info-border: #fde68a;--color-badge-success-bg: #dcfce7;--color-badge-success-text: #15803d;--color-badge-success-border: #bbf7d0;--color-focus-ring: #f97316;--color-header-bg: #f97316;--color-header-border: #ea580c;--color-header-text: #ffffff;--color-header-icon: #ffedd5;--color-accent: #f43f5e;--color-accent-hover: #e11d48;--color-accent-soft: #ffe4e6;--color-accent-soft-hover: #fecdd3;--color-accent-border: #fda4af;--color-accent-text: #be123c;--color-highlight: #f97316;--color-highlight-hover: #ea580c;--color-highlight-soft: #ffedd5;--color-highlight-soft-hover: #fed7aa;--color-highlight-border: #fdba74;--color-highlight-text: #c2410c;--color-toggle-on: #f97316;--color-toggle-off: #fed7aa}.dark.theme-sunset,.theme-sunset.dark{--color-primary: #ea580c;--color-primary-hover: #f97316;--color-primary-text: #ffffff;--color-secondary: #e11d48;--color-secondary-hover: #f43f5e;--color-secondary-text: #ffffff;--color-tertiary: #7c2d12;--color-tertiary-hover: #9a3412;--color-tertiary-text: #fed7aa;--color-dark: #431407;--color-dark-hover: #7c2d12;--color-dark-text: #ffffff;--color-surface-page: #431407;--color-surface-card: #7c2d12;--color-surface-subtle: #7c2d12;--color-surface-overlay: rgba(67, 20, 7, .6);--color-surface-overlay-heavy: rgba(67, 20, 7, .9);--color-text-primary: #fff7ed;--color-text-secondary: #fdba74;--color-text-muted: #c2410c;--color-text-inverted: #7c2d12;--color-border: #9a3412;--color-border-heavy: #ea580c;--color-grid: #9a3412;--color-badge-info-bg: rgba(251, 191, 36, .2);--color-badge-info-text: #fde68a;--color-badge-info-border: #d97706;--color-badge-success-bg: rgba(34, 197, 94, .2);--color-badge-success-text: #86efac;--color-badge-success-border: #15803d;--color-focus-ring: #fb923c;--color-header-bg: #7c2d12;--color-header-border: #9a3412;--color-header-text: #fff7ed;--color-header-icon: #fdba74;--color-accent: #e11d48;--color-accent-hover: #f43f5e;--color-accent-soft: rgba(244, 63, 94, .2);--color-accent-soft-hover: rgba(244, 63, 94, .3);--color-accent-border: #be123c;--color-accent-text: #fda4af;--color-highlight: #ea580c;--color-highlight-hover: #f97316;--color-highlight-soft: rgba(249, 115, 22, .2);--color-highlight-soft-hover: rgba(249, 115, 22, .3);--color-highlight-border: #c2410c;--color-highlight-text: #fdba74;--color-toggle-on: #f97316;--color-toggle-off: #7c2d12}.theme-mono{--color-primary: #374151;--color-primary-hover: #1f2937;--color-primary-text: #ffffff;--color-secondary: #6b7280;--color-secondary-hover: #4b5563;--color-secondary-text: #ffffff;--color-tertiary: #f3f4f6;--color-tertiary-hover: #e5e7eb;--color-tertiary-text: #374151;--color-dark: #000000;--color-dark-hover: #1f2937;--color-dark-text: #ffffff;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-text: #ffffff;--color-warning: #f97316;--color-warning-hover: #ea580c;--color-warning-text: #ffffff;--color-surface-page: #ffffff;--color-surface-card: #ffffff;--color-surface-subtle: #f9fafb;--color-surface-overlay: rgba(255, 255, 255, .6);--color-surface-overlay-heavy: rgba(255, 255, 255, .9);--color-text-primary: #000000;--color-text-secondary: #4b5563;--color-text-muted: #9ca3af;--color-text-inverted: #ffffff;--color-border: #e5e7eb;--color-border-heavy: #000000;--color-grid: #e5e7eb;--color-badge-info-bg: #f3f4f6;--color-badge-info-text: #374151;--color-badge-info-border: #d1d5db;--color-badge-success-bg: #f3f4f6;--color-badge-success-text: #374151;--color-badge-success-border: #d1d5db;--color-badge-warning-bg: #f3f4f6;--color-badge-warning-text: #374151;--color-badge-warning-border: #d1d5db;--color-badge-error-bg: #f3f4f6;--color-badge-error-text: #374151;--color-badge-error-border: #d1d5db;--color-badge-special-bg: #f3f4f6;--color-badge-special-text: #374151;--color-badge-special-border: #d1d5db;--color-status-online: #374151;--color-status-away: #6b7280;--color-status-offline: #9ca3af;--color-medal-gold: #374151;--color-medal-gold-icon: #f3f4f6;--color-medal-silver: #9ca3af;--color-medal-silver-icon: #374151;--color-medal-bronze: #6b7280;--color-medal-bronze-icon: #f3f4f6;--color-focus-ring: #374151;--color-header-bg: #ffffff;--color-header-border: #d1d5db;--color-header-text: #000000;--color-header-icon: #374151;--color-accent: #6b7280;--color-accent-hover: #4b5563;--color-accent-soft: #f3f4f6;--color-accent-soft-hover: #e5e7eb;--color-accent-border: #d1d5db;--color-accent-text: #374151;--color-highlight: #4b5563;--color-highlight-hover: #374151;--color-highlight-soft: #f3f4f6;--color-highlight-soft-hover: #e5e7eb;--color-highlight-border: #d1d5db;--color-highlight-text: #374151;--color-toggle-on: #374151;--color-toggle-off: #d1d5db}.dark.theme-mono,.theme-mono.dark{--color-primary: #d1d5db;--color-primary-hover: #e5e7eb;--color-primary-text: #000000;--color-secondary: #9ca3af;--color-secondary-hover: #d1d5db;--color-secondary-text: #000000;--color-tertiary: #374151;--color-tertiary-hover: #4b5563;--color-tertiary-text: #d1d5db;--color-dark: #1f2937;--color-dark-hover: #374151;--color-dark-text: #ffffff;--color-danger: #dc2626;--color-danger-hover: #ef4444;--color-danger-text: #ffffff;--color-warning: #ea580c;--color-warning-hover: #f97316;--color-warning-text: #ffffff;--color-surface-page: #111827;--color-surface-card: #1f2937;--color-surface-subtle: #1f2937;--color-surface-overlay: rgba(17, 24, 39, .6);--color-surface-overlay-heavy: rgba(17, 24, 39, .9);--color-text-primary: #ffffff;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280;--color-text-inverted: #000000;--color-border: #374151;--color-border-heavy: #4b5563;--color-grid: #374151;--color-badge-info-bg: rgba(107, 114, 128, .2);--color-badge-info-text: #d1d5db;--color-badge-info-border: #4b5563;--color-badge-success-bg: rgba(107, 114, 128, .2);--color-badge-success-text: #d1d5db;--color-badge-success-border: #4b5563;--color-badge-warning-bg: rgba(107, 114, 128, .2);--color-badge-warning-text: #d1d5db;--color-badge-warning-border: #4b5563;--color-badge-error-bg: rgba(107, 114, 128, .2);--color-badge-error-text: #d1d5db;--color-badge-error-border: #4b5563;--color-badge-special-bg: rgba(107, 114, 128, .2);--color-badge-special-text: #d1d5db;--color-badge-special-border: #4b5563;--color-status-online: #d1d5db;--color-status-away: #9ca3af;--color-status-offline: #6b7280;--color-medal-gold: #d1d5db;--color-medal-gold-icon: #374151;--color-medal-silver: #6b7280;--color-medal-silver-icon: #f3f4f6;--color-medal-bronze: #9ca3af;--color-medal-bronze-icon: #374151;--color-focus-ring: #9ca3af;--color-header-bg: #111827;--color-header-border: #374151;--color-header-text: #ffffff;--color-header-icon: #d1d5db;--color-accent: #9ca3af;--color-accent-hover: #d1d5db;--color-accent-soft: rgba(107, 114, 128, .2);--color-accent-soft-hover: rgba(107, 114, 128, .3);--color-accent-border: #4b5563;--color-accent-text: #d1d5db;--color-highlight: #9ca3af;--color-highlight-hover: #d1d5db;--color-highlight-soft: rgba(107, 114, 128, .2);--color-highlight-soft-hover: rgba(107, 114, 128, .3);--color-highlight-border: #4b5563;--color-highlight-text: #d1d5db;--color-toggle-on: #d1d5db;--color-toggle-off: #4b5563}.theme-pastel{--color-primary: #7dd3fc;--color-primary-hover: #38bdf8;--color-primary-text: #0c4a6e;--color-secondary: #c4b5fd;--color-secondary-hover: #a78bfa;--color-secondary-text: #4c1d95;--color-tertiary: #fef3c7;--color-tertiary-hover: #fde68a;--color-tertiary-text: #78350f;--color-ghost: transparent;--color-ghost-hover: rgba(125, 211, 252, .2);--color-ghost-text: #0369a1;--color-danger: #fca5a5;--color-danger-hover: #f87171;--color-danger-text: #7f1d1d;--color-warning: #fdba74;--color-warning-text: #7c2d12;--color-surface-page: #fefce8;--color-surface-card: #ffffff;--color-surface-overlay: rgba(254, 252, 232, .8);--color-surface-overlay-heavy: rgba(254, 252, 232, .95);--color-surface-hover: #fef9c3;--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-grid: #e2e8f0;--color-badge-info-bg: #e0e7ff;--color-badge-info-text: #3730a3;--color-badge-info-border: #a5b4fc;--color-badge-success-bg: #d1fae5;--color-badge-success-text: #065f46;--color-badge-success-border: #6ee7b7;--color-badge-warning-bg: #fef3c7;--color-badge-warning-text: #92400e;--color-badge-warning-border: #fcd34d;--color-badge-error-bg: #fee2e2;--color-badge-error-text: #991b1b;--color-badge-error-border: #fca5a5;--color-badge-special-bg: #fce7f3;--color-badge-special-text: #9d174d;--color-badge-special-border: #f9a8d4;--color-status-online: #86efac;--color-status-away: #fde047;--color-status-offline: #cbd5e1;--color-medal-gold: #fde047;--color-medal-gold-icon: #713f12;--color-medal-silver: #e2e8f0;--color-medal-silver-icon: #334155;--color-medal-bronze: #fdba74;--color-medal-bronze-icon: #7c2d12;--color-focus-ring: #7dd3fc;--color-header-bg: #86efac;--color-header-border: #4ade80;--color-header-text: #14532d;--color-header-icon: #166534;--color-accent: #f9a8d4;--color-accent-hover: #f472b6;--color-accent-soft: #fce7f3;--color-accent-soft-hover: #fbcfe8;--color-accent-border: #f9a8d4;--color-accent-text: #9d174d;--color-highlight: #a5b4fc;--color-highlight-hover: #818cf8;--color-highlight-soft: #e0e7ff;--color-highlight-soft-hover: #c7d2fe;--color-highlight-border: #a5b4fc;--color-highlight-text: #3730a3;--color-toggle-on: #86efac;--color-toggle-off: #e2e8f0}.dark.theme-pastel,.theme-pastel.dark{--color-primary: #7dd3fc;--color-primary-hover: #a5f3fc;--color-primary-text: #0c4a6e;--color-secondary: #c4b5fd;--color-secondary-hover: #ddd6fe;--color-secondary-text: #4c1d95;--color-tertiary: #1e3a5f;--color-tertiary-hover: #1e4976;--color-tertiary-text: #bae6fd;--color-ghost: transparent;--color-ghost-hover: rgba(125, 211, 252, .15);--color-ghost-text: #7dd3fc;--color-danger: #fca5a5;--color-danger-hover: #fecaca;--color-danger-text: #7f1d1d;--color-warning: #fdba74;--color-warning-text: #7c2d12;--color-surface-page: #0f172a;--color-surface-card: #1e293b;--color-surface-overlay: rgba(15, 23, 42, .8);--color-surface-overlay-heavy: rgba(15, 23, 42, .95);--color-surface-hover: #334155;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #334155;--color-border-strong: #475569;--color-grid: #334155;--color-badge-info-bg: rgba(165, 180, 252, .2);--color-badge-info-text: #c7d2fe;--color-badge-info-border: #6366f1;--color-badge-success-bg: rgba(134, 239, 172, .2);--color-badge-success-text: #bbf7d0;--color-badge-success-border: #22c55e;--color-badge-warning-bg: rgba(253, 224, 71, .2);--color-badge-warning-text: #fef9c3;--color-badge-warning-border: #eab308;--color-badge-error-bg: rgba(252, 165, 165, .2);--color-badge-error-text: #fecaca;--color-badge-error-border: #ef4444;--color-badge-special-bg: rgba(249, 168, 212, .2);--color-badge-special-text: #fbcfe8;--color-badge-special-border: #ec4899;--color-status-online: #86efac;--color-status-away: #fde047;--color-status-offline: #64748b;--color-medal-gold: #fde047;--color-medal-gold-icon: #713f12;--color-medal-silver: #94a3b8;--color-medal-silver-icon: #f1f5f9;--color-medal-bronze: #fdba74;--color-medal-bronze-icon: #7c2d12;--color-focus-ring: #7dd3fc;--color-header-bg: #134e4a;--color-header-border: #115e59;--color-header-text: #ccfbf1;--color-header-icon: #5eead4;--color-accent: #f9a8d4;--color-accent-hover: #fbcfe8;--color-accent-soft: rgba(249, 168, 212, .2);--color-accent-soft-hover: rgba(249, 168, 212, .3);--color-accent-border: #ec4899;--color-accent-text: #fbcfe8;--color-highlight: #a5b4fc;--color-highlight-hover: #c7d2fe;--color-highlight-soft: rgba(165, 180, 252, .2);--color-highlight-soft-hover: rgba(165, 180, 252, .3);--color-highlight-border: #6366f1;--color-highlight-text: #c7d2fe;--color-toggle-on: #5eead4;--color-toggle-off: #475569}.btn-primary{background-color:var(--color-primary);color:var(--color-primary-text);transition:background-color .15s ease,transform .1s ease}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-primary:active{transform:scale(.95)}.btn-primary:disabled{background-color:var(--color-tertiary);color:var(--color-text-muted);cursor:not-allowed}.btn-secondary{background-color:var(--color-secondary);color:var(--color-secondary-text);transition:background-color .15s ease,transform .1s ease}.btn-secondary:hover{background-color:var(--color-secondary-hover)}.btn-secondary:active{transform:scale(.95)}.btn-secondary:disabled{background-color:var(--color-tertiary);color:var(--color-text-muted);cursor:not-allowed}.btn-tertiary{background-color:var(--color-tertiary);color:var(--color-tertiary-text);transition:background-color .15s ease,transform .1s ease}.btn-tertiary:hover{background-color:var(--color-tertiary-hover)}.btn-tertiary:active{transform:scale(.95)}.btn-dark{background-color:var(--color-dark);color:var(--color-dark-text);transition:background-color .15s ease,transform .1s ease}.btn-dark:hover{background-color:var(--color-dark-hover)}.btn-dark:active{transform:scale(.95)}.btn-danger{background-color:var(--color-danger);color:var(--color-danger-text);transition:background-color .15s ease,transform .1s ease}.btn-danger:hover{background-color:var(--color-danger-hover)}.btn-danger:active{transform:scale(.95)}.btn-danger:disabled{background-color:var(--color-tertiary);color:var(--color-text-muted);cursor:not-allowed}.btn-warning{background-color:var(--color-warning);color:var(--color-warning-text);transition:background-color .15s ease,transform .1s ease}.btn-warning:hover{background-color:var(--color-warning-hover)}.btn-warning:active{transform:scale(.95)}.btn-ghost{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);transition:background-color .15s ease,transform .1s ease}.btn-ghost:hover{background-color:var(--color-tertiary)}.btn-ghost:active{transform:scale(.95)}.badge-info{background-color:var(--color-badge-info-bg);color:var(--color-badge-info-text);border:1px solid var(--color-badge-info-border)}.badge-success{background-color:var(--color-badge-success-bg);color:var(--color-badge-success-text);border:1px solid var(--color-badge-success-border)}.badge-warning{background-color:var(--color-badge-warning-bg);color:var(--color-badge-warning-text);border:1px solid var(--color-badge-warning-border)}.badge-error{background-color:var(--color-badge-error-bg);color:var(--color-badge-error-text);border:1px solid var(--color-badge-error-border)}.badge-special{background-color:var(--color-badge-special-bg);color:var(--color-badge-special-text);border:1px solid var(--color-badge-special-border)}.surface-page{background-color:var(--color-surface-page);color:var(--color-text-primary)}.surface-card{background-color:var(--color-surface-card);color:var(--color-text-primary)}.surface-subtle{background-color:var(--color-surface-subtle);color:var(--color-text-primary)}.surface-overlay{background-color:var(--color-surface-overlay)}.surface-overlay-heavy{background-color:var(--color-surface-overlay-heavy)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverted{color:var(--color-text-inverted)}.text-success{color:var(--color-badge-success-text)}.text-error{color:var(--color-badge-error-text)}.text-warning-text{color:var(--color-badge-warning-text)}.text-info{color:var(--color-badge-info-text)}.border-default{border-color:var(--color-border)}.border-heavy{border-color:var(--color-border-heavy)}.status-online{color:var(--color-status-online)}.status-away{color:var(--color-status-away)}.status-offline{color:var(--color-status-offline)}.medal-gold{background-color:var(--color-medal-gold)}.medal-silver{background-color:var(--color-medal-silver)}.medal-bronze{background-color:var(--color-medal-bronze)}.hover-subtle:hover{background-color:var(--color-surface-subtle)}.hover-primary:hover{background-color:var(--color-primary);color:var(--color-primary-text)}.focus-ring:focus{outline:2px solid var(--color-focus-ring);outline-offset:2px}@keyframes pulse-timer{0%{transform:scale(1);color:var(--color-text-primary)}50%{transform:scale(1.1);color:var(--color-danger)}to{transform:scale(1);color:var(--color-text-primary)}}.pulse-timer{animation:pulse-timer .5s infinite}@keyframes balloon{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.letter-balloon{animation:balloon .3s ease-out;z-index:60!important}.letter-counted{border-color:#22c55e!important;background-color:#dcfce7!important}.dark .letter-counted{border-color:#4ade80!important;background-color:#166534!important;color:#fff!important}.penalty-letter{border-color:#ef4444!important;background-color:#fee2e2!important}.dark .penalty-letter{border-color:#f87171!important;background-color:#7f1d1d!important;color:#fff!important}@keyframes bonus-balloon{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.bonus-letter{animation:bonus-balloon .8s ease-out;z-index:60!important;border-color:#a855f7!important;background-color:#f3e8ff!important}.dark .bonus-letter{border-color:#c084fc!important;background-color:#581c87!important;color:#fff!important}@keyframes bonus-flash{0%{opacity:0;transform:scale(.5) translateY(-20px)}20%{opacity:1;transform:scale(1.2) translateY(0)}80%{opacity:1;transform:scale(1.2) translateY(0)}to{opacity:0;transform:scale(.8) translateY(-20px)}}.bonus-name-flash{animation:bonus-flash 1s ease-out}@keyframes word-score-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.word-score-label{animation:word-score-appear .3s ease-out}@keyframes bot-cursor-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.5}to{transform:translate(-50%,-50%) scale(1);opacity:.3}}.bot-cursor-ring{animation:bot-cursor-pulse 1.5s ease-in-out infinite}@keyframes bot-thinking{0%,to{opacity:.5}50%{opacity:1}}.bot-thinking{animation:bot-thinking 1s ease-in-out infinite}.daily-banner{background:linear-gradient(to bottom right,var(--color-accent-soft),var(--color-highlight-soft));border-color:var(--color-accent-border)}.highlight-area{background-color:var(--color-highlight);color:#fff}.highlight-area-soft{background-color:var(--color-highlight-soft);color:var(--color-highlight-text);border-color:var(--color-highlight-border)}.btn-accent{background-color:var(--color-accent);color:#fff;transition:background-color .15s ease,transform .1s ease}.btn-accent:hover{background-color:var(--color-accent-hover)}.btn-accent:active{transform:scale(.95)}.btn-highlight{background-color:var(--color-highlight);color:#fff;transition:background-color .15s ease,transform .1s ease}.btn-highlight:hover{background-color:var(--color-highlight-hover)}.btn-highlight:active{transform:scale(.95)}.btn-highlight:disabled{opacity:.5;cursor:not-allowed}.toggle-on{background-color:var(--color-toggle-on)}.toggle-off{background-color:var(--color-toggle-off)}.score-positive{color:var(--color-badge-success-text)}.score-negative{color:var(--color-badge-error-text)}.score-bonus{color:var(--color-badge-special-text)}.grid-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:40px 40px;background-image:linear-gradient(to right,var(--color-grid) 1px,transparent 1px),linear-gradient(to bottom,var(--color-grid) 1px,transparent 1px);background-repeat:repeat;pointer-events:none}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-secondary)}