:root{--bg-primary:#080b12;--bg-card:#0f1420;--bg-card-hover:#141a2a;--bg-elevated:#1a2236;--bg-input:#111827;--bg-overlay:#080b12d9;--border:#1e2a3d;--border-subtle:#152035;--border-focus:#22d3a7;--text-primary:#e2e8f4;--text-secondary:#7b89a8;--text-muted:#4a5572;--text-heading:#f0f4ff;--accent:#22d3a7;--accent-hover:#2eeabd;--accent-dim:#22d3a71f;--accent-glow:#22d3a740;--danger:#ef6461;--danger-dim:#ef64611f;--danger-text:#fca5a5;--warning:#f5b731;--warning-dim:#f5b7311a;--warning-text:#fcd34d;--success:#34d399;--success-dim:#34d3991f;--info:#5b8def;--info-dim:#5b8def1a;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #22d3a726;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}@media (width<=768px){:root{font-size:14px}}[data-theme=light]{--bg-primary:#f4f6fc;--bg-card:#fff;--bg-card-hover:#f0f3fb;--bg-elevated:#e8ecf8;--bg-input:#f8f9fe;--bg-overlay:#f4f6fceb;--border:#d4daf0;--border-subtle:#e0e6f5;--text-primary:#1a2038;--text-secondary:#4a5572;--text-muted:#8892b0;--text-heading:#0f1420;--accent-dim:#22d3a724;--accent-glow:#22d3a72e;--danger-dim:#ef64611a;--danger-text:#c53030;--warning-dim:#f5b7311f;--warning-text:#92560a;--success-dim:#34d3991f;--info-dim:#5b8def1f;--shadow-sm:0 1px 3px #00000012;--shadow-md:0 4px 12px #00000017;--shadow-lg:0 8px 32px #0000001a;--shadow-glow:0 0 20px #22d3a71a;color:var(--text-primary);background:var(--bg-primary)}[data-theme=light] body{background:var(--bg-primary)}[data-theme=light] .skeleton{background:linear-gradient(90deg,#e8ecf8 25%,#f0f3fb 50%,#e8ecf8 75%) 0 0/200% 100%}[data-theme=light] ::-webkit-scrollbar-track{background:#e8ecf8}[data-theme=light] ::-webkit-scrollbar-thumb{background:#c4cce8}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#a0acd0}*,:before,:after{box-sizing:border-box}body{background:var(--bg-primary);min-height:100vh;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-heading);margin:0;line-height:1.2}h1{letter-spacing:-.5px;font-size:2rem;font-weight:800}@media (width<=768px){h1{font-size:1.5rem}}h2{letter-spacing:-.2px;font-size:1.25rem;font-weight:700}h3{font-size:1.05rem;font-weight:600}p{color:var(--text-secondary);margin:0}a{color:var(--accent);transition:color .2s var(--ease-out);text-decoration:none}a:hover{color:var(--accent-hover)}code,.mono{font-family:var(--font-mono);font-size:.85em}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.card:hover{background:var(--bg-card-hover)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.65rem .85rem}th{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.75rem;font-weight:600}td{color:var(--text-primary);font-size:.9rem;font-family:var(--font-mono)}input,select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:all .2s var(--ease-out);padding:.7rem 1rem;font-size:.95rem}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}input::placeholder{color:var(--text-muted)}label{color:var(--text-secondary);margin-bottom:.35rem;font-size:.85rem;font-weight:500;display:block}button{cursor:pointer;border-radius:var(--radius-md);font-family:var(--font-body);transition:all .2s var(--ease-out);border:none;padding:.6rem 1.2rem;font-size:.88rem;font-weight:600}.btn-primary{background:var(--accent);color:#080b12;font-weight:700}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:var(--danger-dim);color:var(--danger);border:1px solid #0000}.btn-danger:hover{border-color:var(--danger)}.btn-outline{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1.5rem;display:flex}.tab{color:var(--text-muted);cursor:pointer;font-size:.88rem;font-weight:500;font-family:var(--font-body);transition:all .2s var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 1rem}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-dim);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all .2s var(--ease-out);padding:3rem}.upload-zone:hover,.upload-zone.dragover{border-color:var(--accent);background:var(--accent-dim)}.upload-zone h3{color:var(--text-primary)}.upload-zone p{color:var(--text-muted);margin-top:.5rem;font-size:.88rem}.grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.plot-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width<=768px){.grid-2,.plot-grid{grid-template-columns:1fr}}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.form-group{margin-bottom:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:fadeInUp .5s var(--ease-out) both}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{color:var(--text-primary);background:#22d3a740}