*,*:after,*:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-main:#f8fafc;--color-bg-surface:#fff;--color-border:#e2e8f0;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-primary:#2563eb;--font-primary:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--color-bg-main);color:var(--color-text-primary);font-family:var(--font-primary);font-size:15px;line-height:1.6;min-height:100vh}.skip-link{background:#2563eb;border-radius:0 0 6px 6px;color:#fff;font-weight:600;left:16px;padding:8px 16px;position:absolute;text-decoration:none;top:-100%;transition:top .15s;z-index:10000}.skip-link:focus{top:0}.site-header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:1000}.site-header__container{align-items:center;display:flex;gap:24px;height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 16px}.site-header__logo{align-items:center;color:#111827;display:flex;gap:8px;text-decoration:none}.site-header__logo-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;color:#fff;display:flex;font-size:1rem;font-weight:700;height:32px;justify-content:center;width:32px}.site-header__logo-text{color:#111827;font-size:20px;font-weight:700}.site-header__nav{align-items:center;display:flex;gap:4px}.site-header__nav-link{border-radius:6px;color:#4b5563;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none}.site-header__menu-toggle{align-items:center;background:transparent;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;display:none;height:40px;justify-content:center;width:40px}.breadcrumb-nav{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 0}.breadcrumb-nav__container{color:#9ca3af;font-size:14px;margin:0 auto;max-width:1400px;padding:0 16px}.breadcrumb-nav__container a{color:#4b5563;text-decoration:none}.breadcrumb-nav__separator{color:#9ca3af;margin:0 8px}.main{flex:1;padding:32px 0 64px}.container{margin:0 auto;max-width:1100px;padding:0 1.5rem}.tool-title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.tool-subtitle{color:#64748b;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.tool-layout{align-items:start;display:grid;gap:1.25rem;grid-template-columns:350px 1fr}.calc-page{background:#f8fafc;display:flex;flex-direction:column;min-height:100vh}.input-panel{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 6px #0000000d;padding:1.25rem}.panel-title{border-bottom:2px solid #2563eb;color:#0f172a;font-size:1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.625rem}.slider-group{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.slider-group label{color:#64748b;display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.slider-value-display{align-items:baseline;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:3px solid #2563eb;border-radius:.375rem;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem;padding:.375rem .625rem}.value-large{color:#2563eb;font-size:1.125rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.slider{-webkit-appearance:none;appearance:none;background:#e2e8f0;border-radius:5px;cursor:pointer;height:10px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#3b82f6,#2563eb);border:4px solid #fff;border-radius:50%;box-shadow:0 2px 12px #2563eb66;cursor:pointer;height:28px;width:28px}.slider::-moz-range-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);border:4px solid #fff;border-radius:50%;cursor:pointer;height:28px;width:28px}.results-panel{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 4px 6px #0000000d;min-height:400px;padding:1.25rem}.summary-cards{display:grid;gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.summary-card{min-height:80px;padding:.875rem}.chart-wrapper,.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:.625rem}.chart-wrapper{height:350px;margin-bottom:1.5rem;padding:1rem;position:relative}@media (max-width:1024px){.tool-layout{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:768px){.site-header__nav{display:none}.site-header__menu-toggle{display:flex}.site-header__container{height:56px}.site-header__logo-text{font-size:18px}.breadcrumb-nav__container{font-size:12px}.main{padding:24px 0 48px}.container{padding:0 1rem}.input-panel,.results-panel{padding:1rem}.chart-wrapper{height:300px}}@media (max-width:480px){.breadcrumb-nav{padding:8px 0}.summary-cards{grid-template-columns:1fr}}