:root{--color-primary-50:#f0fdf4;--color-primary-100:#dcfce7;--color-primary-200:#bbf7d0;--color-primary-300:#86efac;--color-primary-400:#4dd4a8;--color-primary-500:#3bc495;--color-primary-600:#22c55e;--color-primary-700:#16a34a;--color-primary-800:#15803d;--color-primary-900:#14532d;--color-secondary-50:#f0f9ff;--color-secondary-100:#e0f2fe;--color-secondary-200:#bae6fd;--color-secondary-300:#7dd3ff;--color-secondary-400:#9de3ff;--color-secondary-500:#0ea5e9;--color-secondary-600:#0284c7;--color-secondary-700:#0369a1;--color-secondary-800:#075985;--color-secondary-900:#0c4a6e;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-forest-50:#f1f8f4;--color-forest-200:#c6e3d2;--color-forest-500:#6b8a7d;--color-forest-600:#3d5a4f;--color-forest-900:#1a3d2e;--color-surface-card:#ffffff;--color-success:var(--color-primary-400);--color-success-hover:var(--color-primary-500);--color-warning:#f5c842;--color-warning-hover:#d97706;--color-error:#f26d6d;--color-error-hover:#dc2626;--color-info:var(--color-secondary-300);--color-info-hover:var(--color-secondary-400);--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif;--font-family-mono:"JetBrains Mono","SF Mono","Monaco","Consolas",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--letter-spacing-tighter:-0.05em;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--spacing-section:var(--space-16);--spacing-card:var(--space-8);--spacing-element:var(--space-4);--spacing-grid:var(--space-6);--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-smooth:400ms cubic-bezier(0.16,1,0.3,1);--transition-quick:250ms cubic-bezier(0.16,1,0.3,1);--transition-default:all var(--transition-base);--duration-slow:300ms;--duration-base:200ms;--duration-watermark:2s;--duration-ripple:0.6s;--accent-subtle:rgba(77,212,168,0.15);--accent-bg-hover:rgba(77,212,168,0.1);--accent-bg-active:rgba(77,212,168,0.15);--accent-bg-muted:rgba(77,212,168,0.08);--accent-bg-strong:rgba(77,212,168,0.2);--accent-border-soft:rgba(77,212,168,0.25);--accent-border-medium:rgba(77,212,168,0.4);--accent-border-strong:rgba(77,212,168,0.6);--accent-text-soft:rgba(77,212,168,0.8);--surface-elevated:rgba(20,26,33,0.8);--surface-elevated-strong:rgba(20,26,33,0.95);--surface-muted:rgba(20,26,33,0.6);--surface-overlay:rgba(10,14,18,0.65);--surface-overlay-strong:rgba(10,14,18,0.85);--sidebar-surface:rgba(10,14,18,0.85);--text-on-accent:#0a0e12;--scrollbar-thumb:rgba(198,227,210,0.3);--scrollbar-thumb-hover:rgba(198,227,210,0.5);--scrollbar-thumb-dark:rgba(100,150,180,0.3);--scrollbar-thumb-dark-hover:rgba(100,150,180,0.5);--border-sidebar-subtle:rgba(77,212,168,0.08);--shadow-sidebar-subtle:rgba(77,212,168,0.04);--border-sidebar-dark:rgba(100,150,180,0.12);--shadow-sidebar-dark:rgba(100,150,180,0.06);--overlay-scrim:rgba(0,0,0,0.5);--overlay-shadow:rgba(0,0,0,0.2);--ripple-bg:rgba(255,255,255,0.2);--info-bg-subtle:rgba(125,211,255,0.2);--warning-bg-subtle:rgba(245,200,66,0.12);--warning-border-subtle:rgba(245,200,66,0.3);--warning-text-soft:#f5d98c;--error-bg-subtle:rgba(242,109,109,0.2);--link-underline-subtle:rgba(125,211,255,0.3);--tag-bg-light:rgba(198,227,210,0.4);--tag-bg-dark:rgba(37,48,58,0.6);--border-divider-light:rgba(198,227,210,0.1);--border-divider-dark:rgba(100,150,180,0.1);--border-divider-light-strong:rgba(198,227,210,0.2);--border-divider-dark-strong:rgba(100,150,180,0.2);--border-divider-light-medium:rgba(198,227,210,0.3);--border-divider-dark-medium:rgba(100,150,180,0.5);--bg-gradient-accent:radial-gradient(circle at 20% 50%,rgba(77,212,168,0.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(125,211,255,0.03) 0%,transparent 50%);--header-gradient-light:linear-gradient(180deg,color-mix(in srgb,var(--color-forest-50) 95%,transparent) 0%,color-mix(in srgb,var(--color-forest-50) 80%,transparent) 50%,color-mix(in srgb,var(--color-forest-50) 95%,transparent) 100%);--header-gradient-dark:linear-gradient(180deg,color-mix(in srgb,#0a0e12 95%,transparent),color-mix(in srgb,#0a0e12 80%,transparent) 50%,color-mix(in srgb,#0a0e12 95%,transparent));--glass-bg:rgba(20,26,33,0.98);--glass-border:rgba(37,48,58,0.6);--glass-blur:24px;--glass-radius:24px;--watermark-opacity:0.015;--watermark-size:560px;--body-watermark-opacity:0.01;--body-watermark-size:720px;--elevation-0:none;--elevation-1:0 1px 2px rgba(23,53,37,0.05);--elevation-2:0 2px 8px rgba(23,53,37,0.08);--elevation-3:0 4px 16px rgba(23,53,37,0.12);--elevation-4:0 8px 32px rgba(23,53,37,0.16);--shadow-glow:0 0 24px rgba(77,212,168,0.15);--container-xs:100%;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--sidebar-width:256px}:root.dark{--color-dark-50:#f9fafb;--color-dark-100:#f3f4f6;--color-dark-200:#e5e7eb;--color-dark-300:#d1d5db;--color-dark-400:#9ca3af;--color-dark-500:#6b7280;--color-dark-600:#4b5563;--color-dark-700:#374151;--color-dark-800:#1e2830;--color-dark-850:#141a21;--color-dark-900:#0f1419;--color-dark-950:#0a0e12;--color-dark-text:#e8edf2;--color-dark-text-muted:#b8c5d2;--color-dark-text-subtle:#8a97a4;--shadow-dark-xs:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-dark-sm:0 1px 3px 0 rgba(0,0,0,0.4),0 1px 2px -1px rgba(0,0,0,0.4);--shadow-dark-md:0 4px 6px -1px rgba(0,0,0,0.5),0 2px 4px -2px rgba(0,0,0,0.5);--shadow-dark-lg:0 10px 15px -3px rgba(0,0,0,0.6),0 4px 6px -4px rgba(0,0,0,0.6);--elevation-1:0 1px 2px rgba(0,0,0,0.15);--elevation-2:0 2px 8px rgba(0,0,0,0.25);--elevation-3:0 4px 16px rgba(0,0,0,0.35);--elevation-4:0 8px 32px rgba(0,0,0,0.45)}