:root{--bg-color:#fff;--bg-secondary:#f3f4f6;--bg-tertiary:#e5e7eb;--text-main:#111827;--text-muted:#6b7280;--accent-primary:#000;--accent-blue:#0075eb;--accent-purple:#8b5cf6;--input-bg:#f3f4f6;--card-bg:#fff;--border-color:#e5e7eb;--border-radius-lg:20px;--border-radius-md:12px;--transition:all .2s ease;--chart-grid:#0000000d;--tooltip-bg:#111827;--tooltip-text:#fff;--shadow-subtle:0 4px 20px #0000000a;--elevated-bg:#fff}body[data-theme=dark]{--bg-color:#000;--bg-secondary:#000;--bg-tertiary:#2c2c2e;--text-main:#fff;--text-muted:#8e8e93;--accent-primary:#fff;--accent-blue:#0a84ff;--accent-purple:#a855f7;--input-bg:#1c1c1e;--card-bg:#111;--border-color:#2c2c2e;--chart-grid:#ffffff0d;--tooltip-bg:#3a3a3c;--tooltip-text:#fff;--shadow-subtle:0 4px 20px #00000080;--elevated-bg:#2c2c2e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-secondary);color:var(--text-main);font-family:Inter,-apple-system,sans-serif;line-height:1.5}.app-container{flex-direction:column;max-width:1400px;margin:0 auto;padding:.75rem;display:flex}header{text-align:left;flex-shrink:0;margin-bottom:.65rem;position:relative}.theme-toggle{background:var(--input-bg);color:var(--text-main);cursor:pointer;width:38px;height:38px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;padding:.4rem;font-size:1rem;display:flex;position:absolute;top:0;right:0}.theme-toggle:hover{background:var(--bg-tertiary);transform:scale(1.05)}header h1{letter-spacing:-.75px;color:var(--text-main);margin-bottom:.1rem;padding-right:48px;font-size:1.75rem;font-weight:800}header p{color:var(--text-muted);max-width:calc(100% - 48px);font-size:.875rem;font-weight:500}.grid-layout{flex-grow:1;grid-template-columns:1fr;align-items:stretch;gap:.75rem;min-height:0;display:grid}@media (width>=1024px){.app-container{height:100vh}.grid-layout{grid-template-columns:360px 1fr}.input-section,.results-column{scrollbar-width:thin;min-height:0;overflow:hidden auto}.summary-grid{grid-template-columns:repeat(5,1fr)}.summary-item:last-child{grid-column:auto}.chart-container{min-height:0}}.input-section{background:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-subtle);flex-direction:column;gap:.5rem;padding:1rem 1.125rem;display:flex}.results-column{flex-direction:column;gap:.75rem;display:flex}h2{letter-spacing:-.25px;color:var(--text-main);align-items:center;font-size:1rem;font-weight:700;display:flex}.section-title{letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);margin-bottom:.1rem;font-size:.7rem;font-weight:700}.input-group{flex-direction:column;gap:.3rem;display:flex}.dual-input{flex-direction:row;gap:.625rem}.input-half{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}label{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.info-icon{width:14px;height:14px;color:var(--accent-purple);cursor:help;background:#8b5cf61a;border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:800;display:inline-flex;position:relative}.info-icon:hover:after{content:attr(data-tip);background:var(--tooltip-bg);color:var(--tooltip-text);white-space:normal;z-index:10;pointer-events:none;text-align:center;border-radius:12px;width:max-content;max-width:220px;margin-bottom:8px;padding:.625rem .875rem;font-size:.8rem;font-weight:500;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0003}input[type=number]{background:var(--input-bg);color:var(--text-main);border-radius:var(--border-radius-md);transition:var(--transition);border:none;outline:none;width:100%;padding:.5rem .625rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600}input[type=number]:focus{background:var(--bg-tertiary);box-shadow:inset 0 0 0 2px var(--accent-purple)}input[type=range]{-webkit-appearance:none;background:var(--bg-tertiary);border-radius:3px;outline:none;width:100%;height:5px;margin:6px 0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent-purple);cursor:pointer;width:18px;height:18px;transition:var(--transition);border-radius:50%;box-shadow:0 2px 5px #8b5cf64d}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.range-value{text-align:right;color:var(--accent-purple);font-size:.8rem;font-weight:700}.toggle-group{background:var(--input-bg);border-radius:var(--border-radius-md);padding:2px;display:flex}.toggle-group input{display:none}.toggle-btn{text-align:center;cursor:pointer;transition:var(--transition);color:var(--text-muted);border-radius:10px;flex:1;padding:.5rem .625rem;font-size:.875rem;font-weight:600}.toggle-group input:checked+.toggle-btn{background:var(--elevated-bg);color:var(--accent-purple);box-shadow:0 2px 8px #0000000f}.checkbox-group{cursor:pointer;align-items:center;gap:.75rem;display:flex}.checkbox-group input[type=checkbox]{appearance:none;border:2px solid var(--border-color);background:var(--input-bg);cursor:pointer;width:20px;height:20px;transition:var(--transition);border-radius:5px;flex-shrink:0;position:relative}.checkbox-group input[type=checkbox]:checked{background:var(--accent-purple);border-color:var(--accent-purple)}.checkbox-group input[type=checkbox]:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-group label{color:var(--text-main);font-size:.875rem;font-weight:500}.divider{background:var(--border-color);border:0;height:1px;margin:.1rem 0}.highlight-card{background:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-subtle);border-top:3px solid var(--accent-purple);flex-shrink:0;padding:1rem 1.25rem}.main-result{border-bottom:1px solid var(--border-color);margin-bottom:.75rem;padding-bottom:.75rem}.main-result h3{color:var(--text-muted);margin-bottom:.1rem;font-size:.8rem;font-weight:600}.huge-number{color:var(--accent-purple);letter-spacing:-1.5px;margin-bottom:.15rem;font-size:2.5rem;font-weight:800;line-height:1}.overpayment-note{color:var(--accent-purple);opacity:.7;min-height:14px;font-size:.75rem;font-weight:600}.summary-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.summary-item:last-child{grid-column:span 2}.summary-item{flex-direction:column;gap:.1rem;display:flex}.summary-item .label{color:var(--text-muted);align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;display:flex}.summary-item .value{color:var(--text-main);letter-spacing:-.25px;font-size:1rem;font-weight:700}.highlight-text{color:var(--accent-purple)}.tabs-container{background:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-subtle);flex-direction:column;flex-grow:1;min-height:300px;padding:1rem 1.25rem;display:flex}.tabs-nav{background:var(--input-bg);border-radius:var(--border-radius-md);scrollbar-width:none;flex-shrink:0;gap:.2rem;margin-bottom:.875rem;padding:.2rem;display:flex;overflow-x:auto}.tabs-nav::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:.4rem .875rem;font-size:.8rem;font-weight:600}.tab-btn.active{background:var(--elevated-bg);color:var(--accent-purple);box-shadow:0 2px 8px #0000000f}.tab-content{flex-direction:column;flex-grow:1;min-height:0;animation:.3s fadeIn;display:flex}.tab-content:not(.active){display:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chart-container{flex-grow:1;width:100%;min-height:260px;position:relative}.chart-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.sdlt-bands{color:var(--text-main);margin-top:.75rem;font-size:.82rem;font-weight:500}.sdlt-band-row{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:.4rem 0;display:flex}.sdlt-band-row:last-child{border-bottom:none}.seo-content{padding:2.5rem .75rem 3.5rem}.seo-inner{max-width:1400px;margin:0 auto}.seo-content h2{letter-spacing:-.5px;color:var(--text-main);margin-bottom:.625rem;font-size:1.375rem;font-weight:800;display:block}.seo-intro{color:var(--text-muted);max-width:700px;margin-bottom:1.75rem;font-size:.9375rem;line-height:1.65}.seo-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.seo-grid{grid-template-columns:repeat(2,1fr)}}.seo-item{background:var(--card-bg);border-radius:var(--border-radius-md);box-shadow:var(--shadow-subtle);padding:1.25rem}.seo-item h3{color:var(--text-main);margin-bottom:.5rem;font-size:.9rem;font-weight:700}.seo-item p{color:var(--text-muted);font-size:.85rem;line-height:1.65}