:root{--bg-main: #f1f5f9;--bg-card: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--accent-primary: #3b82f6;--accent-secondary: #6366f1;--success: #10b981;--border-color: #e2e8f0;--font-family: "Inter", system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}body{margin:0;font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden;width:100%;position:relative}html,#root{overflow-x:hidden;width:100%}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-primary);letter-spacing:-.025em}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:var(--bg-card);border:2px solid var(--accent-primary);cursor:pointer;margin-top:-8px;box-shadow:var(--shadow-sm);transition:all .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px #3b82f633}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:var(--border-color);border-radius:2px}.card{background:var(--bg-card);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app-container{max-width:1400px;margin:0 auto;padding:24px;min-height:100vh;display:flex;flex-direction:column}.inputs-wrapper{overflow-y:auto;padding-right:8px}.main-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,32px);margin-bottom:16px}.inputs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cumulative-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.mobile-download-btn{display:none!important}.grid-full-width{grid-column:span 2}.desktop-breakdown-table{display:block}.mobile-breakdown-cards{display:none}.breakdown-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:16px;margin-bottom:12px}.breakdown-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.breakdown-row:last-child{margin-bottom:0}.breakdown-label{color:var(--text-secondary);font-size:.85rem}.breakdown-value{color:var(--text-primary);font-weight:600;font-size:.9rem}.breakdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;cursor:pointer}.breakdown-toggle{transition:transform .2s ease}.breakdown-toggle.expanded{transform:rotate(180deg)}.breakdown-details{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border-color);animation:slideDown .2s ease-out}.breakdown-detail-row{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:6px}.breakdown-detail-row:last-child{margin-bottom:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){body{font-size:14px}.main-grid{grid-template-columns:1fr!important;gap:24px!important}}@media (max-width: 768px){.card{padding:16px;border-radius:12px}h1{font-size:1.25rem!important}h2{font-size:.9rem!important}h3{font-size:.85rem!important}.main-grid,.inputs-grid,.cumulative-grid{display:flex!important;flex-direction:column!important;width:100%!important}.grid-full-width{grid-column:auto!important}.main-grid{gap:20px!important}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}table{min-width:500px}.app-container{padding:16px!important}.inputs-wrapper{overflow-y:visible!important;padding-right:0!important}.app-header{grid-template-columns:1fr!important;gap:16px!important;text-align:center!important}.app-header>div:first-child{justify-content:center!important}.app-header>div:last-child{justify-content:center!important}.app-header img{margin:0 auto}}@media (max-width: 480px){.card{padding:12px}input[type=range]::-webkit-slider-thumb{height:18px;width:18px}h1{font-size:1.1rem!important}button{font-size:.85rem!important;padding:8px 12px!important}}.tooltip-popup{position:absolute;margin-bottom:8px;padding:12px;background:#1e293b;color:#fff;border-radius:8px;font-size:.75rem;white-space:pre-wrap;z-index:1000;width:300px;text-align:left;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;pointer-events:none;line-height:1.5}.tooltip-arrow{position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1e293b transparent transparent transparent}@media (max-width: 768px){.tooltip-popup{position:fixed;top:50%;left:50%;bottom:auto;transform:translate(-50%,-50%);width:90%;max-width:350px;margin-bottom:0;background:#1e293bfa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.tooltip-arrow{display:none}.desktop-download-btn{display:none!important}.mobile-download-btn{display:block!important}.desktop-breakdown-table{display:none!important}.mobile-breakdown-cards{display:block!important}.sample-report-link{display:table!important;margin-top:12px;margin-left:0!important}.converged-link-container{justify-content:center!important}.learn-how-link{font-size:.8rem!important}.sticky-footer{flex-direction:column!important;text-align:center!important;gap:12px!important}.sticky-footer>div{justify-content:center!important;width:100%}.desktop-only{display:none!important}.mobile-only{display:block!important}.desktop-feedback{display:none!important}.mobile-feedback{display:block!important}}.desktop-only{display:block}.mobile-only{display:none}.desktop-feedback{display:block}.mobile-feedback{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}