:root{--palette-blue-50: #eff6ff;--palette-blue-100: #dbeafe;--palette-blue-200: #bfdbfe;--palette-blue-300: #93c5fd;--palette-blue-400: #60a5fa;--palette-blue-500: #3b82f6;--palette-blue-600: #1a56db;--palette-blue-700: #1e40af;--palette-blue-800: #1e3a8a;--palette-blue-900: #1e3163;--palette-blue-tint-light: #e1effe;--palette-blue-tint-dark: #1c2d4f;--palette-amber-50: #fffbeb;--palette-amber-100: #fef3c7;--palette-amber-200: #fde68a;--palette-amber-300: #fcd34d;--palette-amber-400: #fbbf24;--palette-amber-500: #f59e0b;--palette-amber-600: #d97706;--palette-amber-700: #b45309;--palette-green-50: #f0fdf4;--palette-green-100: #dcfce7;--palette-green-200: #bbf7d0;--palette-green-500: #22c55e;--palette-green-600: #16a34a;--palette-green-700: #15803d;--palette-red-50: #fef2f2;--palette-red-100: #fee2e2;--palette-red-200: #fecaca;--palette-red-500: #ef4444;--palette-red-600: #dc2626;--palette-red-700: #b91c1c;--palette-gray-0: #ffffff;--palette-gray-50: #f9fafb;--palette-gray-100: #f3f4f6;--palette-gray-150: #eef0f4;--palette-gray-200: #e5e7eb;--palette-gray-250: #dde1e6;--palette-gray-300: #d1d5db;--palette-gray-400: #9ca3af;--palette-gray-500: #6b7280;--palette-gray-600: #4b5563;--palette-gray-700: #374151;--palette-gray-800: #1f2937;--palette-gray-900: #111827;--palette-light-bg: #f4f6f9;--palette-light-surface: #ffffff;--palette-light-surface2: #f7f8fa;--palette-light-surface3: #eef0f4;--palette-dark-bg: #0a0c10;--palette-dark-surface: #111520;--palette-dark-surface2: #161b27;--palette-dark-surface3: #1c2232;--palette-dark-surface4: #232a3a;--palette-badge-draft-bg-light: #e8e8e8;--palette-badge-draft-fg-light: #555555;--palette-badge-submitted-bg-light: #d6e4ff;--palette-badge-submitted-fg-light: #1a56db;--palette-badge-reviewed-bg-light: #d4edda;--palette-badge-reviewed-fg-light: #1a7431;--palette-badge-archived-bg-light: #fff3cd;--palette-badge-archived-fg-light: #b45309;--palette-badge-draft-bg-dark: rgba(100, 116, 139, .18);--palette-badge-draft-fg-dark: #9ca3af;--palette-badge-submitted-bg-dark: rgba(26, 86, 219, .18);--palette-badge-submitted-fg-dark: #60a5fa;--palette-badge-reviewed-bg-dark: rgba(22, 163, 74, .18);--palette-badge-reviewed-fg-dark: #4ade80;--palette-badge-archived-bg-dark: rgba(245, 158, 11, .15);--palette-badge-archived-fg-dark: #fbbf24;--font-family-base: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.0625rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--space-1: .25rem;--space-2: .5rem;--space-3: .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;--radius-sm: 4px;--radius-base: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-raw-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-raw-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-raw-sm-dark: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-raw-md-dark: 0 4px 6px rgba(0, 0, 0, .35), 0 2px 4px rgba(0, 0, 0, .3)}html[data-theme=light]{color-scheme:light;--color-bg: var(--palette-light-bg);--color-surface: var(--palette-light-surface);--color-surface-card: var(--palette-light-surface);--color-surface-ground: var(--palette-light-surface2);--color-surface-section: var(--palette-light-surface2);--color-surface-alt: var(--palette-light-surface2);--color-surface-hover: var(--palette-light-surface3);--color-border: var(--palette-gray-250);--color-border-subtle: rgba(0, 0, 0, .08);--color-text-primary: #0f1117;--color-text-secondary: var(--palette-gray-500);--color-text-muted: var(--palette-gray-400);--color-primary: var(--palette-blue-600);--color-primary-light: var(--palette-blue-tint-light);--color-primary-dark: var(--palette-blue-700);--color-primary-darker: var(--palette-blue-800);--color-primary-hover: var(--palette-blue-700);--color-accent: var(--palette-amber-500);--color-accent-glow: rgba(245, 158, 11, .15);--color-accent-hover: var(--palette-amber-600);--color-success: var(--palette-green-600);--color-success-light: var(--palette-green-100);--color-danger: var(--palette-red-600);--color-danger-bg: var(--palette-red-50);--color-danger-border: var(--palette-red-200);--color-warning: var(--palette-amber-500);--color-badge-draft-bg: var(--palette-badge-draft-bg-light);--color-badge-draft-fg: var(--palette-badge-draft-fg-light);--color-badge-submitted-bg: var(--palette-badge-submitted-bg-light);--color-badge-submitted-fg: var(--palette-badge-submitted-fg-light);--color-badge-reviewed-bg: var(--palette-badge-reviewed-bg-light);--color-badge-reviewed-fg: var(--palette-badge-reviewed-fg-light);--color-badge-archived-bg: var(--palette-badge-archived-bg-light);--color-badge-archived-fg: var(--palette-badge-archived-fg-light);--shadow: var(--shadow-raw-sm);--shadow-md: var(--shadow-raw-md);--color-blue-glow: rgba(26, 86, 219, .12);--color-lp-nav-bg: rgba(244, 246, 249, .88);--color-lp-bg: var(--color-bg);--color-lp-surface: var(--color-surface);--color-lp-surface-2: var(--color-surface-alt);--color-lp-border: var(--color-border-subtle);--color-lp-text: var(--color-text-primary);--color-lp-text-muted: var(--color-text-secondary);--color-lp-accent: var(--palette-amber-500);--color-lp-accent-glow: transparent;--color-lp-blue-glow: var(--color-blue-glow);--body-bg-gradient: radial-gradient( ellipse 80% 50% at 50% -10%, var(--color-lp-blue-glow), transparent ), radial-gradient( ellipse 100% 30% at 50% 100%, var(--color-lp-blue-glow), transparent );--surface: var(--color-surface);--surface-card: var(--color-surface-card);--surface-ground: var(--color-surface-ground);--surface-section: var(--color-surface-section);--surface-alt: var(--color-surface-alt);--surface-hover: var(--color-surface-hover);--surface-alt-hover: var(--palette-gray-200);--surface-alt-active: var(--palette-gray-300);--border-color: var(--color-border);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--primary: var(--color-primary);--primary-light: var(--color-primary-light);--primary-dark: var(--color-primary-dark);--primary-darker: var(--color-primary-darker);--primary-hover: var(--color-primary-hover);--primary-color: var(--color-primary);--error: var(--color-danger);--danger-color: var(--color-danger);--success: var(--color-success);--success-light: var(--color-success-light);--radius: var(--radius-base);--color-gray-50: var(--palette-gray-50);--color-gray-100: var(--palette-gray-100);--color-gray-200: var(--palette-gray-200);--color-gray-300: var(--palette-gray-300);--color-gray-400: var(--palette-gray-400);--color-gray-500: var(--palette-gray-500);--color-gray-600: var(--palette-gray-600);--color-gray-700: var(--palette-gray-700);--color-gray-800: var(--palette-gray-800);--color-gray-900: var(--palette-gray-900)}:root{color-scheme:dark;--color-bg: var(--palette-dark-bg);--color-surface: var(--palette-dark-surface);--color-surface-card: var(--palette-dark-surface);--color-surface-ground: var(--palette-dark-surface2);--color-surface-section: var(--palette-dark-surface2);--color-surface-alt: var(--palette-dark-surface2);--color-surface-hover: var(--palette-dark-surface3);--color-border: rgba(255, 255, 255, .1);--color-border-subtle: rgba(255, 255, 255, .07);--color-text-primary: #f0f4ff;--color-text-secondary: #8a93a8;--color-text-muted: #5a6270;--color-primary: var(--palette-blue-500);--color-primary-light: var(--palette-blue-tint-dark);--color-primary-dark: var(--palette-blue-300);--color-primary-darker: var(--palette-blue-200);--color-primary-hover: var(--palette-blue-300);--color-accent: var(--palette-amber-500);--color-accent-glow: rgba(245, 158, 11, .2);--color-accent-hover: var(--palette-amber-400);--color-success: var(--palette-green-500);--color-success-light: #14311e;--color-danger: var(--palette-red-500);--color-danger-bg: #2d1515;--color-danger-border: #5c2626;--color-warning: var(--palette-amber-500);--color-badge-draft-bg: var(--palette-badge-draft-bg-dark);--color-badge-draft-fg: var(--palette-badge-draft-fg-dark);--color-badge-submitted-bg: var(--palette-badge-submitted-bg-dark);--color-badge-submitted-fg: var(--palette-badge-submitted-fg-dark);--color-badge-reviewed-bg: var(--palette-badge-reviewed-bg-dark);--color-badge-reviewed-fg: var(--palette-badge-reviewed-fg-dark);--color-badge-archived-bg: var(--palette-badge-archived-bg-dark);--color-badge-archived-fg: var(--palette-badge-archived-fg-dark);--shadow: var(--shadow-raw-sm-dark);--shadow-md: var(--shadow-raw-md-dark);--color-blue-glow: rgba(26, 86, 219, .25);--color-lp-nav-bg: rgba(10, 12, 16, .8);--color-lp-bg: var(--color-bg);--color-lp-surface: var(--color-surface);--color-lp-surface-2: var(--color-surface-alt);--color-lp-border: var(--color-border-subtle);--color-lp-text: var(--color-text-primary);--color-lp-text-muted: var(--color-text-secondary);--color-lp-accent: var(--color-accent);--color-lp-accent-glow: var(--color-accent-glow);--color-lp-blue-glow: var(--color-blue-glow);--body-bg-gradient: radial-gradient( ellipse 80% 50% at 50% -10%, var(--color-lp-blue-glow), transparent ), radial-gradient( ellipse 100% 30% at 50% 100%, var(--color-lp-blue-glow), transparent );--surface: var(--color-surface);--surface-card: var(--color-surface-card);--surface-ground: var(--color-surface-ground);--surface-section: var(--color-surface-section);--surface-alt: var(--color-surface-alt);--surface-hover: var(--color-surface-hover);--surface-alt-hover: var(--palette-dark-surface3);--surface-alt-active: var(--palette-dark-surface4);--border-color: var(--color-border);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--primary: var(--color-primary);--primary-light: var(--color-primary-light);--primary-dark: var(--color-primary-dark);--primary-darker: var(--color-primary-darker);--primary-hover: var(--color-primary-hover);--primary-color: var(--color-primary);--error: var(--color-danger);--danger-color: var(--color-danger);--success: var(--color-success);--success-light: var(--color-success-light);--radius: var(--radius-base);--color-gray-50: var(--palette-dark-surface3);--color-gray-100: var(--palette-dark-surface2);--color-gray-200: var(--palette-dark-surface);--color-gray-300: rgba(255, 255, 255, .15);--color-gray-400: #5a6270;--color-gray-500: #8a93a8;--color-gray-600: #9ca3af;--color-gray-700: #d1d5db;--color-gray-800: #e5e7eb;--color-gray-900: #f0f4ff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);color:var(--color-text-primary);background-color:var(--color-bg);background-image:var(--body-bg-gradient, none);background-attachment:fixed;line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}a{color:var(--color-primary);text-decoration:none}.container{max-width:800px;margin:0 auto;padding:0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:none;border-radius:var(--radius);font-weight:500;font-size:.875rem;transition:background-color .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--color-gray-200);color:var(--color-gray-700)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-300)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--palette-red-700)}.form-field{display:flex;flex-direction:column;gap:4px}.form-field label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.form-field input,.form-field select,.form-field textarea{padding:8px 12px;border:1px solid var(--color-gray-300);border-radius:var(--radius);font-size:.875rem;transition:border-color .15s;background:var(--color-surface);color:var(--color-text-primary)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}
