:root,[data-theme=light]{color-scheme:light;--color-bg: #e8eef4;--color-bg-elevated: #f4f7fa;--color-surface: #ffffff;--color-surface-2: #f4f7fa;--color-surface-3: #eef2f6;--color-border: rgba(15, 40, 55, .08);--color-border-strong: rgba(15, 40, 55, .15);--shadow-color: 15, 40, 55;--color-shadow: rgba(var(--shadow-color), .08);--color-shadow-lg: rgba(var(--shadow-color), .12);--color-text: #0f2837;--color-text-secondary: #1a3a4a;--color-text-muted: #5a7184;--color-text-inverse: #ffffff;--color-accent: #0f9d9d;--color-accent-hover: #0d8585;--color-accent-light: rgba(15, 157, 157, .1);--color-accent-ink: #0d7377;--color-primary: #0f2837;--color-primary-hover: #1a3a4a;--color-primary-light: #1a3a4a;--color-success: #059669;--color-success-light: rgba(5, 150, 105, .1);--color-danger: #dc2626;--color-danger-light: rgba(220, 38, 38, .1);--color-warning: #f97316;--color-warning-light: rgba(249, 115, 22, .1);--color-info: #3b82f6;--color-info-light: rgba(59, 130, 246, .1);--color-focus: #0f9d9d;--color-focus-ring: rgba(15, 157, 157, .25);--color-alert-warn-bg: rgba(255, 237, 213, .7);--color-alert-warn-border: rgba(234, 88, 12, .3);--color-alert-warn-text: #9a3412;--color-input-bg: #ffffff;--color-input-border: var(--color-border);--color-input-focus-border: var(--color-accent);--color-input-focus-ring: rgba(15, 157, 157, .12);--gradient-surface: linear-gradient(180deg, var(--color-surface) 0%, var(--color-bg) 100%);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-ink) 100%)}[data-theme=dark]{color-scheme:dark;--color-bg: #0d1117;--color-bg-elevated: #161b22;--color-surface: #161b22;--color-surface-2: #1c2128;--color-surface-3: #21262d;--color-border: rgba(240, 246, 252, .1);--color-border-strong: rgba(240, 246, 252, .2);--shadow-color: 0, 0, 0;--color-shadow: rgba(var(--shadow-color), .3);--color-shadow-lg: rgba(var(--shadow-color), .4);--color-text: #e6edf3;--color-text-secondary: #c9d1d9;--color-text-muted: #8b949e;--color-text-inverse: #0d1117;--color-accent: #2dd4bf;--color-accent-hover: #5eead4;--color-accent-light: rgba(45, 212, 191, .15);--color-accent-ink: #14b8a6;--color-primary: #e6edf3;--color-primary-hover: #ffffff;--color-primary-light: #c9d1d9;--color-success: #3fb950;--color-success-light: rgba(63, 185, 80, .15);--color-danger: #f85149;--color-danger-light: rgba(248, 81, 73, .15);--color-warning: #d29922;--color-warning-light: rgba(210, 153, 34, .15);--color-info: #58a6ff;--color-info-light: rgba(88, 166, 255, .15);--color-focus: #2dd4bf;--color-focus-ring: rgba(45, 212, 191, .3);--color-alert-warn-bg: rgba(210, 153, 34, .15);--color-alert-warn-border: rgba(210, 153, 34, .4);--color-alert-warn-text: #d29922;--color-input-bg: #0d1117;--color-input-border: var(--color-border);--color-input-focus-border: var(--color-accent);--color-input-focus-ring: rgba(45, 212, 191, .2);--gradient-surface: linear-gradient(180deg, var(--color-surface) 0%, var(--color-bg) 100%);--gradient-primary: linear-gradient(135deg, var(--color-surface-3) 0%, var(--color-surface-2) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-ink) 100%)}:root{--bg: var(--color-bg);--surface: var(--color-surface);--surface-2: var(--color-surface-2);--border: var(--color-border);--shadow: 0 4px 24px var(--color-shadow);--shadow-sm: 0 2px 12px var(--color-shadow);--text: var(--color-text);--muted: var(--color-text-muted);--accent: var(--color-accent);--accent-2: var(--color-accent-hover);--accent-ink: var(--color-accent-ink);--primary: var(--color-primary);--primary-light: var(--color-primary-light);--danger: var(--color-danger);--success: var(--color-success);--focus: var(--color-focus);--radius-xl: 1rem;--radius-lg: .75rem;--radius: .5rem;--radius-sm: .25rem;--font: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--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;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}html,body{height:100%}body{margin:0;background-color:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;font-size:.9375rem}a{color:inherit}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;border-radius:var(--radius);border:1px solid var(--border);font-weight:600;font-size:.875rem;text-decoration:none;background:var(--surface);cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.btn:hover{box-shadow:var(--shadow-sm)}.btn--primary{background:var(--color-accent);color:var(--color-text-inverse);border-color:transparent}.btn--primary:hover{background:var(--color-accent-hover)}.btn--accent{background:var(--color-accent);color:var(--color-text-inverse);border-color:transparent}.btn--accent:hover{background:var(--color-accent-ink)}.btn--ghost{background:transparent;border-color:var(--border)}.btn--ghost:hover{background:var(--surface-2)}h1,h2,h3{font-family:var(--font);letter-spacing:-.02em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .5s ease-out forwards}.delay-100{animation-delay:.1s;opacity:0}.delay-200{animation-delay:.2s;opacity:0}.delay-300{animation-delay:.3s;opacity:0}.delay-400{animation-delay:.4s;opacity:0}.delay-500{animation-delay:.5s;opacity:0}.btn{transition:all .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}