:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-card:#fff;--text-primary:#1a1a2e;--text-secondary:#4a4a6a;--text-muted:#6c6c8a;--border:#e2e8f0;--accent:#4f46e5;--accent-hover:#4338ca;--accent-light:#eef2ff;--green:#10b981;--green-light:#d1fae5;--red:#ef4444;--red-light:#fee2e2;--blue:#3b82f6;--blue-light:#dbeafe;--shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--radius:12px;--radius-sm:8px;--nav-height:64px}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#334155;--accent:#818cf8;--accent-hover:#6366f1;--accent-light:#1e1b4b;--green:#34d399;--green-light:#064e3b;--red:#f87171;--red-light:#450a0a;--blue:#60a5fa;--blue-light:#172554;--shadow:0 1px 3px #0000004d;--shadow-lg:0 10px 15px -3px #0006}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.navbar{z-index:100;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow);position:sticky;top:0}.navbar-inner{max-width:1400px;margin:0 auto;padding:0 24px}.navbar-top-row{height:var(--nav-height);justify-content:space-between;align-items:center;display:flex}.navbar-brand{color:var(--text-primary);white-space:nowrap;font-size:1.2rem;font-weight:700;text-decoration:none!important}.navbar-tabs-wrapper{padding-bottom:8px;position:relative}.navbar-links{scrollbar-width:none;scroll-behavior:smooth;gap:4px;display:flex;overflow-x:auto}.navbar-links::-webkit-scrollbar{display:none}.tab-scroll-btn{z-index:2;cursor:pointer;width:32px;height:100%;color:var(--text-secondary);background:linear-gradient(to right, var(--bg-card) 40%, transparent);border:none;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex;position:absolute;top:0}.tab-scroll-right{background:linear-gradient(to left, var(--bg-card) 40%, transparent);right:0}.tab-scroll-btn:hover{color:var(--accent)}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;padding:8px 14px;font-size:.875rem;font-weight:500;transition:all .2s;text-decoration:none!important}.nav-link:hover,.nav-link-active{background:var(--accent-light);color:var(--accent)}.theme-toggle{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;padding:8px 12px;font-size:1.1rem;transition:all .2s}.theme-toggle:hover{background:var(--accent-light)}.main-content{max-width:1400px;margin:0 auto;padding:32px 24px}.page-title{margin-bottom:8px;font-size:1.75rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:1rem}.page-container{grid-template-columns:1fr 1.5fr;align-items:start;gap:32px;display:grid}@media (width<=900px){.page-container{grid-template-columns:1fr}}.controls-panel,.chart-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.control-group{margin-bottom:20px}.control-group:last-child{margin-bottom:0}.control-label{align-items:center;gap:8px;margin-bottom:8px;font-size:.95rem;font-weight:600;display:flex}.control-row{align-items:center;gap:8px;display:flex}.btn-stepper{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:0;display:flex;overflow:hidden}.btn-stepper button{background:var(--bg-secondary);cursor:pointer;color:var(--text-primary);border:none;padding:10px 16px;font-size:1.1rem;font-weight:600;transition:background .15s}.btn-stepper button:hover{background:var(--accent-light);color:var(--accent)}.btn-stepper .stepper-value{text-align:center;border-left:1px solid var(--border);border-right:1px solid var(--border);min-width:90px;padding:10px 16px;font-size:1rem;font-weight:700}.input-field{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);width:100%;color:var(--text-primary);padding:10px 14px;font-size:.95rem;transition:border-color .2s}.input-field:focus{border-color:var(--accent);outline:none}.input-label{color:var(--text-secondary);margin-bottom:6px;font-size:.9rem;font-weight:500;display:block}.summary-stat{border-bottom:1px solid var(--border);justify-content:space-between;padding:10px 0;display:flex}.summary-stat:last-child{border-bottom:none}.summary-stat-label{color:var(--text-secondary)}.summary-stat-value{font-weight:700}.stat-green{color:var(--green)}.stat-blue{color:var(--blue)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:24px}.card-title{margin-bottom:12px;font-size:1.15rem;font-weight:700}.badge{border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.badge-green{background:var(--green-light);color:var(--green)}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-red{background:var(--red-light);color:var(--red)}.badge-accent{background:var(--accent-light);color:var(--accent)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{border:1px solid var(--border);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.select-field{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);width:100%;color:var(--text-primary);cursor:pointer;padding:10px 14px;font-size:.95rem}.select-field:focus{border-color:var(--accent);outline:none}.emoji-icon{font-size:1.4rem}.info-text{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.info-text strong{color:var(--text-primary)}.chart-container{width:100%;height:400px}.divider{background:var(--border);height:1px;margin:16px 0}.site-footer{border-top:1px solid var(--border);text-align:center;max-width:1400px;margin:48px auto 0;padding:20px 24px}.site-footer p{color:var(--text-muted);max-width:700px;margin:0 auto;font-size:.8rem;line-height:1.6}