:root{--font-display:"Instrument Serif", "Times New Roman", serif;--font-body:"Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono", "Fira Code", monospace;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition-base:.18s cubic-bezier(.4, 0, .2, 1);--transition-slow:.26s cubic-bezier(.4, 0, .2, 1);--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.625rem;--radius-xl:.875rem;--radius-2xl:1.125rem;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 2px 4px #0f172a0d, 0 1px 2px #0f172a0a;--shadow-lg:0 6px 12px #0f172a0f, 0 2px 4px #0f172a0a;--shadow-xl:0 12px 24px #0f172a14, 0 4px 8px #0f172a0a;--shadow-button:0 1px 2px #0f172a0f;--shadow-button-hover:0 2px 4px #0f172a14;--shadow-card:0 1px 2px #0f172a0a, 0 1px 3px #0f172a08;--shadow-card-hover:0 4px 8px #0f172a0f, 0 2px 4px #0f172a0a;--ring-focus:0 0 0 3px #4f46e52e}[data-theme=light]{--color-bg-primary:#f8fafc;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f5f9;--color-bg-elevated:#fff;--color-bg-overlay:#ffffffeb;--color-bg-backdrop:#0f172a52;--color-surface-1:#fff;--color-surface-2:#f8fafc;--color-surface-3:#f1f5f9;--color-surface-hover:#f1f5f9;--color-surface-pressed:#e2e8f0;--color-border-1:#e2e8f0;--color-border-2:#cbd5e1;--color-border-3:#94a3b8;--color-border-focus:#4f46e5;--color-border-error:#dc2626;--color-border-success:#059669;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-placeholder:#94a3b8;--color-text-inverse:#fff;--color-text-accent:#4f46e5;--color-accent:#4f46e5;--color-accent-hover:#4338ca;--color-accent-pressed:#3730a3;--color-accent-soft:#4f46e514;--color-accent-soft-hover:#4f46e524;--color-accent-border:#4f46e538;--color-accent-contrast:#fff;--color-brand-red:#dc2626;--color-brand-red-light:#dc26261a;--color-brand-green:#059669;--color-brand-green-light:#0596691a;--color-brand-yellow:#b45309;--color-brand-yellow-light:#b453091a;--color-success:#059669;--color-success-light:#0596691a;--color-warning:#b45309;--color-warning-light:#b453091a;--color-error:#dc2626;--color-error-light:#dc26261a;--color-info:#4f46e5;--color-info-light:#4f46e51a;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 2px 4px #0f172a0d, 0 1px 2px #0f172a0a;--shadow-lg:0 6px 12px #0f172a0f, 0 2px 4px #0f172a0a;--shadow-xl:0 12px 24px #0f172a14, 0 4px 8px #0f172a0a;--shadow-button:0 1px 2px #0f172a0f;--shadow-button-hover:0 2px 4px #0f172a14;--shadow-card:0 1px 2px #0f172a0a, 0 1px 3px #0f172a08;--shadow-card-hover:0 4px 8px #0f172a0f, 0 2px 4px #0f172a0a;--ring-focus:0 0 0 3px #4f46e52e}[data-theme=dark]{--color-bg-primary:#0b1220;--color-bg-secondary:#111827;--color-bg-tertiary:#161e2e;--color-bg-elevated:#1a2236;--color-bg-overlay:#111827eb;--color-bg-backdrop:#020617b3;--color-surface-1:#111827;--color-surface-2:#161e2e;--color-surface-3:#1f2937;--color-surface-hover:#1f2937;--color-surface-pressed:#283242;--color-border-1:#1f2937;--color-border-2:#2a3447;--color-border-3:#3f4a61;--color-border-focus:#818cf8;--color-border-error:#f87171;--color-border-success:#34d399;--color-text-primary:#e5e7eb;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-placeholder:#64748b;--color-text-inverse:#0f172a;--color-text-accent:#a5b4fc;--color-accent:#6366f1;--color-accent-hover:#818cf8;--color-accent-pressed:#4f46e5;--color-accent-soft:#6366f124;--color-accent-soft-hover:#6366f138;--color-accent-border:#6366f152;--color-accent-contrast:#fff;--color-brand-red:#f87171;--color-brand-red-light:#f8717124;--color-brand-green:#34d399;--color-brand-green-light:#34d39924;--color-brand-yellow:#fbbf24;--color-brand-yellow-light:#fbbf2424;--color-success:#34d399;--color-success-light:#34d39924;--color-warning:#fbbf24;--color-warning-light:#fbbf2424;--color-error:#f87171;--color-error-light:#f8717124;--color-info:#818cf8;--color-info-light:#818cf824;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 4px #0006, 0 1px 2px #0000004d;--shadow-lg:0 6px 12px #00000073, 0 2px 4px #0000004d;--shadow-xl:0 12px 24px #00000080, 0 4px 8px #00000059;--shadow-button:0 1px 2px #0006;--shadow-button-hover:0 2px 4px #00000080;--shadow-card:0 1px 2px #0000004d, 0 1px 3px #00000040;--shadow-card-hover:0 4px 8px #00000073, 0 2px 4px #0000004d;--ring-focus:0 0 0 3px #818cf852}*{box-sizing:border-box}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}html{transition:background-color var(--transition-base), color var(--transition-base)}:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--radius-md);outline:none}.text-display{font-family:var(--font-display);letter-spacing:-.025em;font-weight:600}.text-body{font-family:var(--font-body);font-weight:400}.text-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.animate-shimmer{background:linear-gradient(90deg, transparent 0%, var(--color-surface-hover) 50%, transparent 100%);background-size:200px 100%;animation:1.4s linear infinite shimmer}.text-hierarchy-1{color:var(--color-text-primary);letter-spacing:-.02em;font-weight:600}.text-hierarchy-2{color:var(--color-text-primary);letter-spacing:-.01em;font-weight:600}.text-hierarchy-3{color:var(--color-text-secondary);font-weight:500}.text-hierarchy-4{color:var(--color-text-tertiary);font-weight:400}.text-hierarchy-5{color:var(--color-text-placeholder);letter-spacing:.01em;font-weight:400}.bg-size-200{background-size:100% 100%}.bg-pos-0{background-position:0%}.bg-pos-100{background-position:100%}.card-interactive{transition:box-shadow var(--transition-base), border-color var(--transition-base)}.card-interactive:hover{box-shadow:var(--shadow-card-hover)}.backdrop-enhanced{-webkit-backdrop-filter:blur(10px)saturate(1.2)}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.55}}.status-active,.status-warning,.status-error{animation:2.2s ease-in-out infinite pulse-soft}