.planner{border-top:1px solid #ffffff0b}.planner-layout{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden}.planner-inputs{background:#111610;padding:36px;margin:0;min-width:0}.planner-form-title{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:28px}.planner-form-title>span:last-child{color:#85927d;font-size:10px}.planner-fields{display:grid;grid-template-columns:1fr 1fr;gap:21px 18px}.planner-fields>label,.planner-strategy{font-size:11px;color:#a2af99;display:flex;flex-direction:column;gap:10px;min-width:0}.planner-field{display:flex;align-items:center;background:#192217;border:1px solid #394631;border-radius:3px;padding:0 13px;gap:8px}.planner-field input{color:#e0ead9;min-width:0;width:100%;padding:12px 0;border:0;background:transparent;font-size:18px;outline-offset:2px}.planner-field>span{font:11px Arial;color:#889b7b;white-space:nowrap}.planner-inputs select{background:#192217;color:#d3dec9;border:1px solid #394631;border-radius:3px;padding:12px 10px;font-size:11px;width:100%;min-width:0}.planner-strategy{margin-top:23px}.planner-hint{font-size:10px;line-height:1.9;color:#85947a;margin:16px 0 0}.planner-advanced{margin-top:24px;border-top:1px solid #303b29;font-size:11px;color:#a3b195}.planner-advanced summary{display:flex;justify-content:space-between;gap:10px;padding-top:19px;cursor:pointer;list-style:none}.planner-advanced summary::-webkit-details-marker{display:none}.planner-advanced[open] summary{margin-bottom:23px}.planner-advanced[open] summary>span{transform:rotate(45deg)}.planner-advanced .planner-field input{font-size:15px}.planner-error{font-size:12px;color:#ffd1a3;line-height:1.8;border-left:2px solid #ffbd7b;padding-left:12px}.planner-results{padding:38px;background:radial-gradient(ellipse at top right,#31442260,transparent 75%),#0c120c;min-width:0}.planner-result-heading{display:flex;align-items:center;gap:10px;letter-spacing:1.9px;font:9px Arial;color:#9fb38d;margin-bottom:32px}.planner-metric{margin-top:23px}.planner-metric>span{display:block;font-size:12px;color:#b7c4ac}.planner-metric>strong{display:flex;align-items:baseline;gap:12px;margin:12px 0;font:56px/1 Arial;color:var(--green);letter-spacing:-2px;flex-wrap:wrap}.planner-metric small{font:13px Arial;color:#a0b98c;letter-spacing:0}.planner-metric p{font-size:10px;line-height:1.9;color:#8fa47e;margin:0}.planner-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:15px;border-top:1px solid #33412a;border-bottom:1px solid #33412a;padding:21px 0;margin-top:27px}.planner-breakdown>span{font-size:10px;color:#91a480}.planner-breakdown strong{display:block;margin-top:8px;font:17px Arial;color:#d1dfc5}.planner-balance{margin-top:24px}.planner-balance>span{font-size:10px;color:#a0b48e;display:flex;justify-content:space-between;gap:8px}.planner-balance small{font-size:9px;color:#758c65}.planner-bars{display:flex;gap:4px;height:5px;margin:14px 0}.planner-bars i{background:#c1fa71;border-radius:2px;transition:width .2s}.planner-bars i+ i{background:#698bce}.planner-legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:10px;color:#91a480}.planner-legend>span{display:flex;gap:5px;align-items:center}.planner-legend i{width:5px;height:5px;background:#c1fa71;display:inline-block}.planner-legend>span+span i{background:#698bce}.planner-legend b{font-weight:400;color:#c3d1b7}.planner-result-note{font-size:10px;line-height:1.9;color:#a6ba93;margin:22px 0}.planner-results .button{font-size:11px;border:0;width:100%;padding:15px 19px}.planner-results .button:disabled{opacity:.45;cursor:not-allowed;transform:none}.planner-disclaimer{font-size:10px;color:#7e8e74;line-height:1.9;margin:20px 0 0;max-width:1100px}.planner-results.is-invalid .planner-metric output{color:#7f9072}@media(max-width:1100px){.planner-inputs,.planner-results{padding:28px}.planner-fields{gap:19px 13px}.planner-metric>strong{font-size:48px}}@media(max-width:760px){.planner-layout{grid-template-columns:1fr}.planner-inputs,.planner-results{padding:27px 22px}.planner-results{border-top:1px solid #33412a}.planner-form-title{font-size:10px}.planner-form-title>span:last-child{font-size:9px}.planner-fields>label,.planner-strategy{font-size:10px}.planner-field{padding:0 10px}.planner-field input{font-size:17px}.planner-hint,.planner-disclaimer{font-size:9px}.planner-metric>strong{font-size:52px}.planner-metric{margin-top:25px}.planner-result-heading{margin-bottom:28px}}