:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-editorial: "Newsreader", Georgia, serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--bg-app: #0c0e12;--bg-surface: #14171f;--bg-surface-elevated: #1a1e29;--bg-surface-hover: #232938;--bg-card: rgba(20, 23, 31, .85);--bg-glass: rgba(12, 14, 18, .85);--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--border-focus: #3b82f6;--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--text-disabled: #4b5563;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #60a5fa;--primary-subtle: rgba(37, 99, 235, .14);--primary-border: rgba(37, 99, 235, .3);--accent-amber: #f59e0b;--accent-amber-subtle: rgba(245, 158, 11, .12);--accent-amber-border: rgba(245, 158, 11, .28);--success: #10b981;--success-bg: rgba(16, 185, 129, .12);--success-border: rgba(16, 185, 129, .28);--danger: #f43f5e;--danger-bg: rgba(244, 63, 94, .12);--danger-border: rgba(244, 63, 94, .28);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .12);--warning-border: rgba(245, 158, 11, .28);--info: #0ea5e9;--info-bg: rgba(14, 165, 233, .12);--info-border: rgba(14, 165, 233, .28);--diff-add-bg: rgba(16, 185, 129, .18);--diff-add-text: #34d399;--diff-del-bg: rgba(244, 63, 94, .18);--diff-del-text: #fb7185;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .08);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}[data-theme=light]{--bg-app: #f8f9fa;--bg-surface: #ffffff;--bg-surface-elevated: #f1f3f5;--bg-surface-hover: #e9ecef;--bg-card: rgba(255, 255, 255, .96);--bg-glass: rgba(248, 249, 250, .9);--border-subtle: #e5e7eb;--border-strong: #d1d5db;--border-focus: #2563eb;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--text-disabled: #d1d5db;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: #3b82f6;--primary-subtle: rgba(37, 99, 235, .08);--primary-border: rgba(37, 99, 235, .2);--accent-amber: #d97706;--accent-amber-subtle: rgba(217, 119, 6, .08);--accent-amber-border: rgba(217, 119, 6, .2);--success: #059669;--success-bg: rgba(5, 150, 105, .08);--success-border: rgba(5, 150, 105, .2);--danger: #e11d48;--danger-bg: rgba(225, 29, 72, .08);--danger-border: rgba(225, 29, 72, .2);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .08);--warning-border: rgba(217, 119, 6, .2);--info: #0284c7;--info-bg: rgba(2, 132, 199, .08);--info-border: rgba(2, 132, 199, .2);--diff-add-bg: rgba(5, 150, 105, .12);--diff-add-text: #047857;--diff-del-bg: rgba(225, 29, 72, .12);--diff-del-text: #be123c;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 14px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .09), 0 2px 6px rgba(0, 0, 0, .04)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;letter-spacing:-.01em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .18s cubic-bezier(.16,1,.3,1) forwards}.animate-spin{animation:spin .8s linear infinite}.premium-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.premium-card:hover{border-color:var(--border-strong)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);border-radius:999px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--text-primary);border:2px solid var(--bg-surface);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-surface-elevated) 25%,var(--bg-surface-hover) 50%,var(--bg-surface-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}