:root{--wn-brown-base:#1e0b03;--wn-brown-dark:#4a3007;--wn-cream-base:#f7f5f0;--wn-cream-accent:#ffe88b;--wn-gold-primary:#cd9f56;--wn-gold-hover:#efc476;--wn-gold-gradient:linear-gradient(90deg, #efc476, #bf8230);--wn-chart-orange:#ff8a00;--wn-chart-teal:#0ba8a0;--wn-chart-green:#88b241;--wn-status-success:#88b241;--wn-status-warning:#ff8a00;--wn-status-error:#c73e1d;--wn-bg-primary:#ffffff;--wn-bg-secondary:#f7f5f0;--wn-bg-tertiary:#fdfcf9;--wn-text-primary:#1e0b03;--wn-text-secondary:#4a3007;--wn-text-tertiary:#6b5a3d;--wn-border-color:#e8e4dd;--wn-input-bg:#ffffff;--wn-input-border:#d4cec3;--wn-input-focus:#cd9f56;--wn-font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--wn-font-xs:0.64rem;--wn-font-sm:0.8rem;--wn-font-base:1rem;--wn-font-md:1.25rem;--wn-font-lg:1.563rem;--wn-font-xl:1.953rem;--wn-font-xxl:2.441rem;--wn-font-huge:3.052rem;--wn-space-xs:0.25rem;--wn-space-sm:0.5rem;--wn-space-md:1rem;--wn-space-lg:1.5rem;--wn-space-xl:2rem;--wn-space-xxl:3rem;--wn-radius-sm:4px;--wn-radius-md:8px;--wn-radius-lg:12px;--wn-radius-xl:16px;--wn-shadow-sm:0 1px 3px rgba(30, 11, 3, 0.08);--wn-shadow-md:0 4px 6px rgba(30, 11, 3, 0.1);--wn-shadow-lg:0 10px 15px rgba(30, 11, 3, 0.12);--wn-transition:all 0.3s ease}.wn-retirement-calculator{font-family:var(--wn-font-family);font-size:var(--wn-font-base);line-height:1.6;color:var(--wn-text-primary);background:var(--wn-bg-primary);max-width:1000px;margin:0 auto;padding:var(--wn-space-lg);box-sizing:border-box}.wn-retirement-calculator *,.wn-retirement-calculator *::before,.wn-retirement-calculator *::after{box-sizing:inherit}.wn-calc-header{text-align:center;margin-bottom:var(--wn-space-xxl);padding-bottom:var(--wn-space-lg);border-bottom:2px solid var(--wn-border-color)}.wn-calc-logo{margin-bottom:var(--wn-space-md)}.wn-logo-img{height:50px;width:auto}.wn-calc-title{font-size:var(--wn-font-xl);font-weight:700;color:var(--wn-brown-base);margin:0 0 var(--wn-space-sm) 0;letter-spacing:-.02em}.wn-calc-subtitle{font-size:var(--wn-font-base);color:var(--wn-text-secondary);margin:0;font-weight:400}.wn-calc-form{background:var(--wn-bg-tertiary);padding:var(--wn-space-xl);border-radius:var(--wn-radius-lg);margin-bottom:var(--wn-space-xl)}.wn-input-section{margin-bottom:var(--wn-space-xl)}.wn-input-section:last-of-type{margin-bottom:0}.wn-section-title{font-size:var(--wn-font-md);font-weight:600;color:var(--wn-brown-dark);margin:0 0 var(--wn-space-lg) 0;padding-bottom:var(--wn-space-sm);border-bottom:2px solid var(--wn-gold-primary)}.wn-input-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--wn-space-lg);margin-bottom:var(--wn-space-lg)}.wn-input-row:last-child{margin-bottom:0}.wn-input-group{display:flex;flex-direction:column}.wn-label{font-size:var(--wn-font-sm);font-weight:600;color:var(--wn-text-primary);margin-bottom:var(--wn-space-sm);display:flex;align-items:center;gap:var(--wn-space-xs)}.wn-help-text{font-size:var(--wn-font-xs);color:var(--wn-text-tertiary);margin:var(--wn-space-xs) 0 0 0;line-height:1.4}.wn-input-wrapper{position:relative;display:flex;align-items:center;background:var(--wn-input-bg);border:2px solid var(--wn-input-border);border-radius:var(--wn-radius-md);transition:var(--wn-transition);overflow:hidden}.wn-input-wrapper:focus-within{border-color:var(--wn-input-focus);box-shadow:0 0 0 3px rgb(205 159 86 / .1)}.wn-input{flex:1;padding:var(--wn-space-sm) var(--wn-space-md);border:none;background:#fff0;font-family:var(--wn-font-family);font-size:var(--wn-font-base);color:var(--wn-text-primary);font-weight:500;outline:none;min-width:0;width:100%}.wn-retirement-calculator input[type="number"],.wn-retirement-calculator input.wn-input{border:none!important;background:transparent!important}.wn-input-wrapper .wn-input-prefix+.wn-input{padding-left:var(--wn-space-xs)}.wn-input-wrapper .wn-input:has(+.wn-input-suffix),.wn-input-wrapper .wn-input.wn-input:not(:last-child){padding-right:var(--wn-space-xs)}.wn-input::placeholder{color:var(--wn-text-tertiary);opacity:.6}.wn-input-readonly{background:var(--wn-bg-secondary);color:var(--wn-text-secondary);cursor:not-allowed}.wn-input-prefix,.wn-input-suffix{padding:0 var(--wn-space-xs);font-size:var(--wn-font-sm);font-weight:700;color:var(--wn-brown-dark);flex-shrink:0;white-space:nowrap}.wn-input-prefix{border-right:1px solid var(--wn-input-border);padding-right:var(--wn-space-sm)}.wn-input-suffix{border-left:1px solid var(--wn-input-border);padding-left:var(--wn-space-sm)}.wn-label-toggle{flex-direction:row;justify-content:space-between;align-items:center;background:var(--wn-bg-tertiary);padding:var(--wn-space-md);border-radius:var(--wn-radius-md);border:2px solid var(--wn-border-color);margin-bottom:0}.wn-toggle-wrapper{position:relative;display:inline-block;width:48px;height:24px}.wn-toggle-input{opacity:0;width:0;height:0}.wn-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:var(--wn-transition);border-radius:24px}.wn-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:var(--wn-transition);border-radius:50%}.wn-toggle-input:checked+.wn-toggle-slider{background-color:var(--wn-gold-primary)}.wn-toggle-input:focus+.wn-toggle-slider{box-shadow:0 0 0 3px rgb(205 159 86 / .2)}.wn-toggle-input:checked+.wn-toggle-slider:before{transform:translateX(24px)}.wn-actions{display:flex;gap:var(--wn-space-md);margin-top:var(--wn-space-xl);padding-top:var(--wn-space-lg);border-top:2px solid var(--wn-border-color)}.wn-btn{flex:1;padding:var(--wn-space-md) var(--wn-space-lg);font-family:var(--wn-font-family);font-size:var(--wn-font-base);font-weight:600;border:none;border-radius:var(--wn-radius-md)!important;cursor:pointer;transition:var(--wn-transition);text-align:center}.wn-retirement-calculator .wn-btn-primary,.wn-retirement-calculator button.wn-btn-primary{background:var(--wn-gold-primary)!important;color:white!important;border:2px solid var(--wn-gold-primary)!important;border-radius:var(--wn-radius-md)!important;box-shadow:var(--wn-shadow-sm)!important;padding:var(--wn-space-md) var(--wn-space-lg)!important;transition:all 0.3s ease!important}.wn-retirement-calculator .wn-btn-primary:hover,.wn-retirement-calculator button.wn-btn-primary:hover{background:white!important;color:var(--wn-brown-base)!important;border:2px solid var(--wn-gold-primary)!important;box-shadow:var(--wn-shadow-md)!important;transform:translateY(-1px)!important}.wn-retirement-calculator .wn-btn-primary:active,.wn-retirement-calculator button.wn-btn-primary:active{transform:translateY(0)!important}.wn-retirement-calculator .wn-btn-secondary,.wn-retirement-calculator button.wn-btn-secondary{background:transparent!important;color:var(--wn-brown-dark)!important;border:2px solid var(--wn-border-color)!important;border-radius:var(--wn-radius-md)!important;padding:var(--wn-space-md) var(--wn-space-lg)!important}.wn-retirement-calculator .wn-btn-secondary:hover,.wn-retirement-calculator button.wn-btn-secondary:hover{border-color:var(--wn-gold-primary)!important;color:var(--wn-gold-primary)!important;background:transparent!important}.wn-results{opacity:0;transform:translateY(-10px);transition:opacity 0.3s ease,transform 0.3s ease}.wn-results-title{font-size:var(--wn-font-lg);font-weight:700;color:var(--wn-brown-base);margin:0 0 var(--wn-space-lg) 0;text-align:center}.wn-key-metrics{background:var(--wn-bg-tertiary);padding:var(--wn-space-xl);border-radius:var(--wn-radius-lg);margin-bottom:var(--wn-space-xl)}.wn-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--wn-space-lg);margin-top:var(--wn-space-lg)}.wn-metric-card{background:var(--wn-bg-primary);padding:var(--wn-space-lg);border-radius:var(--wn-radius-md);border:2px solid var(--wn-border-color);transition:var(--wn-transition)}.wn-metric-card:hover{transform:translateY(-2px);box-shadow:var(--wn-shadow-md)}.wn-metric-primary{grid-column:1 / -1;background:var(--wn-gold-primary);border:none;color:#fff}.wn-metric-primary .wn-metric-label,.wn-metric-primary .wn-metric-value{color:#fff}.wn-metric-success{border-color:var(--wn-status-success);background:rgb(136 178 65 / .05)}.wn-metric-warning{border-color:var(--wn-status-warning);background:rgb(255 138 0 / .05)}.wn-metric-label{font-size:var(--wn-font-sm);font-weight:600;color:var(--wn-text-secondary);margin-bottom:var(--wn-space-sm);text-transform:uppercase;letter-spacing:.02em}.wn-metric-value{font-size:var(--wn-font-lg);font-weight:700;color:var(--wn-brown-base)}.wn-metric-primary .wn-metric-value{font-size:var(--wn-font-xl)}.wn-charts-section{display:grid;grid-template-columns:1fr;gap:var(--wn-space-lg);margin-bottom:var(--wn-space-xl)}.wn-single-chart{grid-template-columns:1fr}.wn-chart-container{background:var(--wn-bg-primary);padding:var(--wn-space-lg);border-radius:var(--wn-radius-lg);border:2px solid var(--wn-border-color);margin-bottom:var(--wn-space-md);overflow:hidden}.wn-chart-note{font-size:var(--wn-font-xs);color:var(--wn-text-tertiary);margin-top:var(--wn-space-sm);padding:var(--wn-space-sm) var(--wn-space-md);background:var(--wn-bg-secondary);border-radius:var(--wn-radius-sm);border-left:3px solid var(--wn-gold-primary);line-height:1.5}.wn-chart-title{font-size:var(--wn-font-md);font-weight:600;color:var(--wn-brown-dark);margin:0 0 var(--wn-space-md) 0}.wn-chart-wrapper{background:#fff;padding:var(--wn-space-md);border-radius:var(--wn-radius-md);position:relative;width:100%;height:500px;max-height:500px}.wn-chart-wrapper canvas{max-width:100%!important;max-height:100%!important}.wn-breakdown-section{background:var(--wn-bg-tertiary);padding:var(--wn-space-xl);border-radius:var(--wn-radius-lg);margin-bottom:var(--wn-space-xl)}.wn-breakdown-title{font-size:var(--wn-font-md);font-weight:600;color:var(--wn-brown-dark);margin:0 0 var(--wn-space-lg) 0}.wn-breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--wn-space-md)}.wn-breakdown-item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--wn-space-sm);padding:var(--wn-space-md);background:var(--wn-bg-primary);border-radius:var(--wn-radius-md);border:1px solid var(--wn-border-color)}.wn-breakdown-label{font-size:var(--wn-font-sm);color:var(--wn-text-secondary);font-weight:500}.wn-breakdown-value{font-size:var(--wn-font-md);font-weight:700;color:var(--wn-brown-base)}.wn-retirement-calculator .wn-how-it-works{background:var(--wn-bg-secondary)!important;border-radius:var(--wn-radius-lg)!important;overflow:hidden!important;margin-top:var(--wn-space-xl)!important}.wn-retirement-calculator .wn-how-toggle,.wn-retirement-calculator button.wn-how-toggle{width:100%!important;padding:var(--wn-space-lg)!important;background:transparent!important;border:none!important;border-radius:0!important;font-family:var(--wn-font-family)!important;font-size:var(--wn-font-md)!important;font-weight:600!important;color:var(--wn-brown-dark)!important;cursor:pointer!important;display:flex!important;justify-content:space-between!important;align-items:center!important;transition:var(--wn-transition)!important;text-align:left!important}.wn-retirement-calculator .wn-how-toggle:hover,.wn-retirement-calculator button.wn-how-toggle:hover{color:var(--wn-gold-primary)!important;background:transparent!important}.wn-retirement-calculator .wn-toggle-icon{font-size:var(--wn-font-sm)!important;transition:var(--wn-transition)!important}.wn-retirement-calculator .wn-how-content{padding:0 var(--wn-space-lg) var(--wn-space-lg)!important;opacity:0;transform:translateY(-10px)!important;transition:opacity 0.3s ease,transform 0.3s ease!important}.wn-retirement-calculator .wn-how-content h3{font-size:var(--wn-font-md)!important;font-weight:600!important;color:var(--wn-brown-base)!important;margin:var(--wn-space-lg) 0 var(--wn-space-md) 0!important}.wn-retirement-calculator .wn-how-section{margin-bottom:var(--wn-space-lg)!important}.wn-how-section:last-child{margin-bottom:0}.wn-how-section h4{font-size:var(--wn-font-base);font-weight:600;color:var(--wn-brown-dark);margin:0 0 var(--wn-space-sm) 0}.wn-how-section p{font-size:var(--wn-font-sm);color:var(--wn-text-secondary);margin:0 0 var(--wn-space-sm) 0;line-height:1.6}.wn-how-section ul{margin:var(--wn-space-sm) 0 0 var(--wn-space-lg);padding:0}.wn-how-section li{font-size:var(--wn-font-sm);color:var(--wn-text-secondary);margin-bottom:var(--wn-space-xs);line-height:1.6}.wn-error-message{background:rgb(199 62 29 / .1);border-left:4px solid var(--wn-status-error);color:#8b2e1f;padding:var(--wn-space-md);margin-bottom:var(--wn-space-md);border-radius:var(--wn-radius-sm);font-size:var(--wn-font-sm);font-weight:500}@media (max-width:768px){.wn-retirement-calculator{padding:var(--wn-space-md)}.wn-calc-form{padding:var(--wn-space-lg)}.wn-calc-title{font-size:var(--wn-font-lg)}.wn-input-row{grid-template-columns:1fr;gap:var(--wn-space-md)}.wn-metrics-grid{grid-template-columns:1fr}.wn-charts-section,.wn-single-chart{grid-template-columns:1fr}.wn-actions{flex-direction:column}.wn-breakdown-grid{grid-template-columns:1fr}}@media (max-width:480px){.wn-calc-title{font-size:var(--wn-font-md)}.wn-calc-subtitle{font-size:var(--wn-font-sm)}.wn-logo-img{height:40px}.wn-metric-value{font-size:var(--wn-font-md)}.wn-metric-primary .wn-metric-value{font-size:var(--wn-font-lg)}}@media print{.wn-how-it-works,.wn-actions{display:none}.wn-results{page-break-inside:avoid}}