@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f7f8f5;--paper:#fff;--ink:#23342e;--muted:#87918b;--green:#397456;--border:#e4e8e1;--pale:#edf3e9;--purple:#a79abb;--blue:#8faebc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}button{color:inherit}button:disabled{opacity:.35;cursor:default}.sidebar{position:fixed;inset:0 auto 0 0;width:218px;padding:36px 20px 24px;background:#f1f3ed;border-right:1px solid var(--border);display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-family:Manrope,sans-serif;font-size:22px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand-icon{width:31px;height:34px;background:var(--green);color:#eff6c9;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;margin-right:9px;font-size:27px;font-weight:500}.brand-lab{font-weight:500;color:#77927c}.workspace-label{font-size:9px;letter-spacing:1.7px;color:#969d93;margin:55px 12px 17px}nav{display:grid;gap:8px}.nav-link{display:flex;align-items:center;gap:13px;font-size:13px;color:#79847b;padding:13px;border-radius:8px}.nav-link span{font-size:20px;line-height:20px}.nav-link.active{color:#366449;background:#e2eadd;font-weight:600}.nav-link:hover{background:#e7ece2}.sidebar-note{margin:auto 10px 30px;padding-top:35px;color:#6e806a}.tiny-icon{font-size:25px;color:#769468}.sidebar-note h3{font-size:13px;font-weight:600;margin:15px 0 10px}.sidebar-note p{font-size:12px;line-height:1.8;margin:0;color:#98a18f}.note-curve{margin-top:20px;color:#a4b497}.local-note{font-size:9px;line-height:1.6;display:flex;align-items:center;gap:6px;color:#96a08e;white-space:nowrap}.status-dot{width:6px;height:6px;display:inline-block;background:#6b8f57;border-radius:50%;flex-shrink:0}main{margin-left:218px;padding:0 38px;max-width:1800px}.topbar{height:83px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#929b92}.top-actions{display:flex;align-items:center;gap:25px;letter-spacing:0}.private-tag{font-size:11px;color:#7f897e}.top-actions select{background:transparent;border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:11px;color:#52624e}.intro{display:flex;justify-content:space-between;align-items:center;margin:34px 0 29px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#7f9273;display:flex;align-items:center;gap:8px}h1,h2,h3,p{margin-top:0}h1{font-family:Manrope,sans-serif;font-size:36px;letter-spacing:-1.6px;font-weight:650;margin:9px 0 10px;line-height:1.25}h1>span{color:#7c9b60}.intro p{color:#8c958b;font-size:12px;margin:0}h2{font-family:Manrope,sans-serif;font-size:15px;font-weight:750;letter-spacing:-.35px;margin-bottom:0}.button{border:0;border-radius:7px;padding:10px 14px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.secondary{background:#fff;border:1px solid var(--border)}.secondary:hover{background:#edf2e9}.dashboard-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}.panel{background:var(--paper);border:1px solid var(--border);border-radius:12px}.inputs{padding:23px;align-self:start}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.small-icon{color:#899c7e;font-size:17px}.field{margin-bottom:20px}.field label{display:block;font-size:11px;font-weight:550;margin-bottom:9px}.field-hint{float:right;font-size:8px;font-weight:400;color:#9ba397;margin-top:2px}.input-wrap{border:1px solid var(--border);border-radius:7px;padding:11px 13px;display:flex;align-items:center;gap:10px;background:#fcfcfa;transition:border .2s}.input-wrap:focus-within{border-color:#7e9a72}.input-wrap span{font-size:12px;color:#929c8b}.input-wrap input{min-width:0;width:100%;background:transparent;border:0;outline:0;color:var(--ink);font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;padding:0}input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}input[type=range]{width:100%;accent-color:var(--green);height:3px;margin:16px 0 7px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#9aa293}.segmented{padding:3px;background:#f1f3ef;border-radius:7px;display:flex;gap:3px}.segmented button{flex:1;border:0;background:transparent;padding:8px 5px;font-size:10px;color:#8b9487;white-space:nowrap;border-radius:5px}.segmented button.selected{background:#fff;color:#3c5d43;box-shadow:0 1px 4px #25352212;font-weight:600}.chips{display:flex;gap:7px;margin-top:9px}.chips button{border:1px solid #e7eae3;border-radius:5px;padding:5px 10px;background:transparent;color:#909a87;font-size:9px;flex:1;white-space:nowrap}.chips button.selected{color:#5b7950;background:#edf3e7;border-color:#dfe8d5}.field small,.compound-row small{display:block;color:#99a18f;font-size:9px;margin-top:7px}.compound-row{display:flex;justify-content:space-between;align-items:center;padding:0 0 23px;border-bottom:1px solid var(--border);margin-top:4px}.compound-row label{font-size:11px;font-weight:550}.switch{position:relative;width:33px;height:19px;flex-shrink:0}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.switch span{display:block;width:33px;height:19px;border-radius:15px;background:#cbd3c5;pointer-events:none}.switch span:before{content:'';position:absolute;width:13px;height:13px;top:3px;left:3px;background:white;border-radius:50%;transition:transform .2s}.switch input:checked+span{background:#6b8e59}.switch input:checked+span:before{transform:translateX(14px)}.switch:focus-within{outline:2px solid var(--green);outline-offset:4px;border-radius:10px}.preset-label{font-size:8px;color:#929d87;letter-spacing:1.3px;margin:22px 0 12px}.preset{display:flex;width:100%;background:#f7f9f3;border:1px solid #e7ecdf;border-radius:6px;padding:11px 9px;align-items:center;gap:9px;text-align:left;margin-top:8px;font-size:10px}.preset>span:first-child{font-size:18px;color:#7b9468}.preset>span:last-child{margin-left:auto;color:#99a88d}.preset small{display:block;font-size:8px;color:#99a18f;margin-top:4px}.preset:hover{background:#eaf1e0}.results{min-width:0;display:flex;flex-direction:column;gap:19px}.metrics{display:grid;grid-template-columns:1.16fr 1fr 1fr;gap:14px}.metric{padding:20px 19px;background:white;border:1px solid var(--border);border-radius:10px;position:relative;min-width:0;overflow:hidden}.metric.featured{background:#eaf0df;border-color:#e0e7d3}.metric-label{font-size:8px;color:#89947b;letter-spacing:1px;display:flex;justify-content:space-between;gap:8px;white-space:nowrap}.metric-label>span{font-size:14px;color:#81976c}.metric-value{font-family:Manrope,sans-serif;font-size:27px;font-weight:650;letter-spacing:-1px;margin:15px 0 9px;font-variant-numeric:tabular-nums;position:relative;z-index:1;overflow-wrap:anywhere}.featured .metric-value{color:#3e6341}.metric-detail{font-size:9px;color:#919b86;position:relative;z-index:1}.metric-detail b{color:#668348;font-weight:500}.spark{position:absolute;right:0;bottom:0;width:85px;opacity:.28;color:#719755}.chart-panel{padding:24px 24px 0;flex:1}.chart-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.chart-heading p{font-size:10px;color:#949d8d;margin:8px 0 0}.compact button{padding:6px 11px;font-size:9px}.chart-legend{display:flex;gap:19px;margin:22px 0 14px;font-size:9px;flex-wrap:wrap;color:#8d9787}.chart-legend>span{display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;display:inline-block;border-radius:50%;flex-shrink:0}.green{background:var(--green)}.gray{background:#bac3b0}.purple{background:var(--purple)}.blue{background:var(--blue)}.dash{width:12px;height:0;border-bottom:2px dashed #a5af9c;display:inline-block}.chart-container{position:relative;min-height:250px}#chart{width:100%;display:block;overflow:visible;touch-action:pan-y}.tooltip{position:absolute;background:#233c30;color:white;box-shadow:0 7px 25px #24342524;border-radius:7px;padding:11px 13px;font-size:10px;pointer-events:none;z-index:2;min-width:165px;line-height:1.9}.tooltip strong{font-size:12px}.tooltip .tip-title{color:#afc2a9;font-size:9px}.chart-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #edf0e8;padding:17px 0;font-size:9px;color:#849475}.chart-bottom>div{display:flex;align-items:center;gap:8px}.insight-icon{font-size:17px;color:#78965f}.muted{color:#a3ab9b;font-size:8px;white-space:nowrap}.compound-insight{display:flex;align-items:center;gap:16px;padding:23px;background:#eff2e9;border:1px solid #e4e9dc;border-radius:10px}.insight-symbol{font-size:29px;color:#839e6c;background:#e2e9d7;border-radius:10px;display:grid;place-items:center;width:47px;height:47px;flex-shrink:0}.compound-insight .eyebrow{font-size:8px;letter-spacing:1.2px}.compound-insight h3{font-family:Manrope,sans-serif;font-size:19px;font-weight:650;margin:7px 0 5px;letter-spacing:-.6px}.compound-insight p{font-size:9px;line-height:1.6;color:#929e84;margin:0}.formula{margin-left:auto;white-space:nowrap;padding-left:20px;font-family:Georgia,serif;font-style:italic;font-size:23px;color:#98a389}.formula span{display:block;text-align:center;font:8px 'DM Sans',sans-serif;letter-spacing:.5px;margin-top:8px;color:#a1aa96}.scenario-section{margin-top:36px}.section-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-header h2{font-size:20px;letter-spacing:-.6px;margin-top:7px}.section-header p{font-size:10px;color:#949d8c;margin:9px 0 0;line-height:1.7}.check-label{display:flex;gap:6px;align-items:center;font-size:10px;white-space:nowrap;color:#7c8b71}.check-label input{accent-color:var(--green)}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.scenario-card{border:1px solid var(--border);border-radius:10px;background:#fff;padding:20px}.scenario-card.base{background:#f0f4e9;border-color:#d9e4ce}.scenario-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px}.scenario-top>span:first-child{display:flex;align-items:center;gap:7px}.scenario-tag{font-size:7px;letter-spacing:1px;color:#a0a995;border:1px solid #e8ece1;border-radius:4px;padding:4px 6px}.base .scenario-tag{background:#e3ecd8;color:#779560;border-color:#dce7cf}.scenario-rate{display:flex;align-items:baseline;gap:6px;margin:19px 0;color:#5c7154}.scenario-rate>input,.scenario-rate>strong{font-family:Manrope,sans-serif;font-size:33px;color:#4b6543;font-weight:550;letter-spacing:-1px;min-width:0;width:83px;background:transparent;border:0;border-bottom:1px dashed #d8dfcf;outline:0}.scenario-rate>strong{width:auto;border:0}.scenario-rate>span{font-size:22px;font-family:Manrope,sans-serif}.scenario-rate small{font:10px 'DM Sans',sans-serif;color:#a0aa94}.scenario-foot{border-top:1px solid #e9ede3;padding-top:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.scenario-foot small{font-size:8px;display:block;color:#98a28e}.scenario-foot strong{display:block;font-family:Manrope,sans-serif;font-size:19px;font-weight:600;letter-spacing:-.5px;margin-top:5px;overflow-wrap:anywhere}.scenario-foot>span{color:#99a68b;font-size:8px;text-align:right}.breakdown{margin-top:27px;padding:22px 24px}.breakdown h2{font-size:16px;margin:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;margin-top:23px;text-align:right;font-size:11px;white-space:nowrap}th{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#96a08d;font-weight:500;background:#f8faf5;padding:13px 12px}th:first-child,td:first-child{text-align:left}td{padding:13px 12px;border-bottom:1px solid #f0f2eb;color:#7f8c75;font-variant-numeric:tabular-nums}td:last-child{font-weight:600;color:#4e6a42}.table-controls{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a0a993;padding-top:16px}.table-controls>div{display:flex;align-items:center;gap:14px}.table-controls button{padding:6px 10px}footer{display:flex;align-items:center;gap:24px;padding:30px 0;color:#a6ae9d}.footer-brand{font-size:15px;letter-spacing:-.6px;opacity:.65}footer p{font-size:8px;line-height:1.8;max-width:600px;margin:0}.text-button{background:transparent;border:0;font-size:9px;color:#8d9d7f;margin-left:auto;white-space:nowrap}dialog{border:1px solid var(--border);border-radius:15px;padding:35px;max-width:530px;color:var(--ink);font-size:13px;line-height:1.8}dialog::backdrop{background:#20342766;backdrop-filter:blur(3px)}dialog h2{font-size:24px;margin:15px 0}dialog code{display:block;background:var(--pale);padding:15px;border-radius:8px;font-size:11px;white-space:normal}dialog p{color:#7b8974;margin:17px 0}.dialog-close{position:absolute;right:15px;top:12px;font-size:24px;border:0;background:transparent;color:#8d9b82}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#284732;color:white;border-radius:8px;font-size:12px;z-index:8}#validation{color:#ac5c45;font-size:10px;line-height:1.5;margin:15px 0 0}.negative{color:#b77561!important}[hidden]{display:none!important}
@media(min-width:1600px){main{padding:0 55px}.dashboard-grid{grid-template-columns:310px minmax(0,1fr)}.chart-container{min-height:300px}.metric-value{font-size:32px}}@media(max-width:1200px){.sidebar{width:185px;padding:30px 15px}.brand{font-size:19px}.brand-icon{width:27px;height:29px;margin-right:6px}.workspace-label{font-size:8px;letter-spacing:1px}.local-note{font-size:8px}.nav-link{font-size:11px}main{margin-left:185px;padding:0 25px}.dashboard-grid{grid-template-columns:255px minmax(0,1fr);gap:16px}.inputs{padding:19px}.metrics{gap:9px}.metric{padding:17px 12px}.metric-value{font-size:22px}.metric-label{font-size:7px;letter-spacing:.5px}.formula{display:none}.chart-panel{padding:22px 17px 0}.scenario-foot strong{font-size:16px}.scenario-tag{font-size:6px;letter-spacing:.5px}.scenario-card{padding:16px}.scenario-top{font-size:9px}.chart-bottom{align-items:flex-start}.chart-bottom>.muted{display:none}.compound-insight{padding:19px}.compound-insight h3{font-size:17px}}
@media(max-width:1000px){.sidebar{width:72px;padding:28px 12px}.brand{font-size:0;letter-spacing:0}.brand-lab,.workspace-label,.sidebar-note,.local-note{display:none}.brand-icon{font-size:27px;margin:0;width:40px;height:40px}.sidebar nav{margin-top:50px}.nav-link{font-size:0;padding:13px 12px}.nav-link span{font-size:22px}main{margin-left:72px;padding:0 25px}.metric-value{font-size:23px}.metric-label{font-size:7px}.metric-detail{font-size:8px}.scenario-foot{align-items:flex-start;flex-direction:column}.scenario-top{flex-wrap:wrap}.scenario-tag{font-size:7px}}
@media(max-width:760px){.sidebar{display:none}main{margin:0;padding:0 18px}.topbar{height:64px}.topbar>span{font-size:8px;letter-spacing:1px}.private-tag{display:none}.intro{margin:25px 0}.intro h1{font-size:29px}.intro p{font-size:10px;max-width:250px;line-height:1.6}.intro .button{font-size:0;padding:9px 12px}.intro .button span{font-size:17px}.dashboard-grid{grid-template-columns:1fr}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:20px}.panel-heading{grid-column:1/-1;margin-bottom:22px}.compound-row{border:0;align-self:start;padding-top:7px}.preset-label,.preset{display:none}.field-hint{display:none}.inputs .field{margin-bottom:18px}.results{gap:16px}.metric{padding:17px 13px}.metric-value{font-size:22px}.chart-container{min-height:0}.chart-panel{padding:22px 16px 0}.chart-legend{gap:11px;font-size:8px}.chart-bottom{line-height:1.7;padding:12px 0}.compound-insight{padding:20px}.compound-insight h3{font-size:18px}.section-header h2{font-size:19px}.section-header{gap:12px}.section-header p{font-size:9px}.section-header .check-label{font-size:9px}.scenario-grid{gap:9px;margin-top:16px}.scenario-card{padding:13px}.scenario-rate>input,.scenario-rate>strong{font-size:28px;width:62px}.scenario-rate>strong{width:auto}.scenario-rate{gap:2px;flex-wrap:wrap;margin:14px 0}.scenario-rate>span{font-size:16px}.scenario-rate small{font-size:8px}.scenario-foot strong{font-size:14px}.scenario-top{font-size:8px;min-height:35px;align-content:space-between}.scenario-tag{font-size:6px}.scenario-foot>span{font-size:7px}.breakdown{padding:20px 15px}.breakdown .section-header h2{font-size:14px}.breakdown .section-header p{font-size:8px}.breakdown .button{padding:9px 10px;font-size:9px}footer{flex-wrap:wrap;gap:14px;padding:24px 0}footer p{order:3;width:100%;max-width:none}.footer-brand{font-size:14px}.text-button{font-size:8px}}
@media(max-width:410px){main{padding:0 13px}.intro h1{font-size:26px}.metrics{gap:7px}.metric{padding:14px 9px}.metric-value{font-size:18px;letter-spacing:-.7px}.metric-label{font-size:6px}.metric-label>span{display:none}.metric-detail{font-size:7px}.inputs{gap:0 13px;padding:17px}.scenario-card{padding:10px}.scenario-foot strong{font-size:12px}.section-header h2{font-size:17px}.section-header .eyebrow{font-size:8px}}

@media(max-width:760px){.inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.field{min-width:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric.featured{grid-column:1/-1;padding:18px}.metric.featured .metric-value{font-size:30px;margin:10px 0 7px}.metric.featured .metric-label{font-size:8px}.metric.featured .metric-detail{font-size:9px}.metric-value{font-size:24px}.metric-detail{font-size:8px}.metric-label{font-size:7px}.scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scenario-card{min-width:0}.compound-row{gap:8px}.chips{gap:4px}.chips button{padding:5px 4px}.segmented button{padding:8px 3px;font-size:9px}}

.day-settings small{line-height:1.65}.day-mode button{font-size:10px}#start-date-field{margin-top:15px}#start-date{font-size:13px;min-height:19px;max-width:100%;color-scheme:light}.row-date{display:block;font-size:8px;color:#9aa38e;margin-top:4px}.weekend-badge{color:#9b947c;font-size:8px;margin-left:5px}#validation{grid-column:1/-1}

.goal-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);padding:23px 25px;gap:25px;background:linear-gradient(110deg,#fff 45%,#f7f9f2)}.goal-input h2{font-size:17px;margin:8px 0 17px}.goal-input>label{display:block;font-size:10px;margin-bottom:8px;color:#819075}.goal-input .input-wrap{max-width:260px;background:#fff}.goal-input p{font-size:9px;color:#98a18c;margin:8px 0 0;line-height:1.7}.goal-result{border-left:1px solid #e5eadf;padding-left:25px;align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.goal-result-label{font-size:8px;letter-spacing:1.4px;color:#8c9c7c}.goal-time{font-family:Manrope,sans-serif;font-size:29px;line-height:1.3;letter-spacing:-1px;font-weight:650;color:#476c43;margin:9px 0}.goal-time small{font:13px 'DM Sans',sans-serif;letter-spacing:0;color:#839475}.goal-result p{font-size:10px;color:#86957a;line-height:1.7;margin:0 0 5px}.goal-result #goal-balance{font-size:9px;color:#a1ab96}.goal-button{background:#e4edda;color:#58764b;border:1px solid #d9e4cc;margin-top:10px;padding:8px 12px;font-size:10px}.goal-button:hover{background:#dce8ce}.goal-time.goal-status{font-size:21px;letter-spacing:-.5px}.goal-result .button:disabled{display:none}
@media(max-width:1200px){.goal-panel{padding:20px;gap:16px}.goal-result{padding-left:18px}.goal-input h2{font-size:15px}.goal-time{font-size:24px}.goal-time small{font-size:11px}}
@media(max-width:760px){.goal-panel{padding:20px;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.goal-input h2{font-size:15px;line-height:1.5;margin-bottom:14px}.goal-time{font-size:24px}.goal-time small{display:block;margin-top:3px}.goal-result{padding-left:18px}.goal-result p{font-size:9px}.goal-button{padding:8px;font-size:9px}.goal-time.goal-status{font-size:18px}.goal-input .input-wrap{padding:10px}.goal-input .input-wrap input{font-size:16px}}

.deadline-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);padding:23px 25px;gap:25px;background:#fafbf7}.deadline-input h2{font-size:17px;margin:8px 0 18px}.deadline-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.deadline-dates label{display:block;font-size:9px;color:#819075;margin-bottom:8px}.deadline-dates .input-wrap{padding:10px 8px;background:white}.deadline-dates input{font-size:11px;min-height:19px;max-width:100%;color-scheme:light}.deadline-input>p{font-size:9px;line-height:1.7;color:#98a18c;margin:10px 0 0}.deadline-result{border-left:1px solid #e5eadf;padding-left:25px;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.deadline-result p{font-size:10px;color:#86957a;line-height:1.7;margin:0 0 5px}.deadline-result #required-note{font-size:9px;color:#99a48e}.deadline-result .goal-time{font-size:31px}.deadline-result .goal-time small{display:block;font-size:11px;margin-top:3px}.deadline-result .goal-time.goal-status{font-size:19px}.deadline-result .button:disabled{display:none}
@media(max-width:1200px){.deadline-panel{padding:20px;gap:16px}.deadline-result{padding-left:18px}.deadline-input h2{font-size:15px}.deadline-dates{grid-template-columns:minmax(0,1fr)}.deadline-dates .input-wrap{max-width:190px}}
@media(max-width:760px){.deadline-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:20px}.deadline-input h2{font-size:15px;line-height:1.5}.deadline-input .eyebrow{font-size:7px;letter-spacing:1px}.deadline-result{padding-left:18px}.deadline-result .goal-time{font-size:27px}.deadline-result .goal-time.goal-status{font-size:18px}.deadline-result p{font-size:9px}.deadline-dates input{font-size:11px}.deadline-input>p{font-size:8px}}

/* A compact planner, readable charts and a small local scenario library. */
.primary{background:#397456;color:#fff;border:1px solid #397456}.primary:hover{background:#2f6248}.intro-actions{display:flex;gap:9px;align-items:center}.inputs .field label{font-size:12px}.inputs small{font-size:10px;line-height:1.6}.metric-detail{font-size:10px;line-height:1.5}.metric-label{font-size:9px}.planner{overflow:hidden;background:#fff}.planner-header{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:23px 25px 18px}.planner-header h2{font-size:20px;margin-top:7px}.planner-target{width:205px;min-width:0}.planner-target>label{font-size:10px;display:block;color:#839078;margin-bottom:7px}.planner-target .input-wrap{padding:10px 13px;background:#f7f9f3}.planner-target input{font-size:20px}.planner-tabs{margin:0 25px;border:1px solid #e8ece2;background:#f4f6f0;padding:4px}.planner-tabs button{font-size:11px;padding:10px 8px}.planner>.goal-panel,.planner>.deadline-panel{border:0;border-radius:0;padding:22px 25px;background:transparent;min-height:188px}.planner .goal-input h2{font-size:15px;margin:0 0 10px}.planner .goal-input p{font-size:11px;color:#8b9780;line-height:1.8}.planner .goal-result{padding-left:24px}.goal-assumptions{font-size:10px;line-height:1.9;color:#8b987c;margin-top:13px;padding:10px 12px;border-left:2px solid #dbe5cf;background:#f8faf4;border-radius:0 6px 6px 0}.planner .deadline-input h2{font-size:15px;margin:0 0 14px}.deadline-dates{grid-template-columns:repeat(2,minmax(0,1fr))}.deadline-dates input{font-size:12px}.deadline-dates label{font-size:10px}.deadline-input>p{font-size:10px}.goal-time{font-size:32px}.goal-time small{font-size:13px}.goal-result p,.deadline-result p{font-size:11px}.goal-result #goal-balance,.deadline-result #required-note{font-size:10px}.goal-button{font-size:11px;min-height:36px}.chart-panel{flex:0 0 auto}.chart-container{min-height:0}#chart{min-height:240px}.chart-heading p{font-size:11px}.chart-legend{font-size:10px;color:#87927d;gap:14px}.chart-bottom{font-size:10px;line-height:1.6}.compact button{font-size:10px}.daily-panel{padding:21px 24px}.daily-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.daily-heading h2{font-size:14px}.daily-heading>span{font-size:9px;color:#9aa58d}.daily-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.daily-grid>div{padding:0 14px;border-left:1px solid #e9eee2;min-width:0}.daily-grid>div:first-child{padding-left:0;border:0}.daily-grid small{font-size:9px;color:#8f9b80;display:block}.daily-grid strong{font-family:Manrope,sans-serif;display:block;font-size:20px;font-weight:650;letter-spacing:-.6px;color:#58744a;margin-top:8px;overflow-wrap:anywhere}.daily-panel>p{font-size:9px;line-height:1.7;color:#a0a992;margin:15px 0 0}.milestone-section{margin-top:34px}.milestone-caption{font-size:10px;color:#97a589;max-width:170px;line-height:1.6;text-align:right}.milestone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:21px}.milestone-card{position:relative;border:1px solid #e2e8da;border-radius:10px;padding:19px 19px 17px;text-align:left;background:#fff;color:#667e56;display:flex;flex-direction:column;min-width:0;transition:background .15s,border-color .15s,transform .15s}.milestone-card:before{content:'';width:8px;height:8px;background:#cad6be;border:3px solid #eef3e8;box-sizing:content-box;border-radius:50%;position:absolute;right:17px;top:18px}.milestone-card.within{background:#f0f5e9;border-color:#dce6d0}.milestone-card.within:before{background:#779c61}.milestone-card:hover:not(:disabled){transform:translateY(-2px);background:#eaf1df;border-color:#b7cbaa}.milestone-card:disabled{opacity:.7}.milestone-stage{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#8c9e7b;padding-right:15px}.milestone-card strong{font-family:Manrope,sans-serif;font-size:23px;font-weight:600;letter-spacing:-.7px;margin:14px 0;overflow-wrap:anywhere}.milestone-time{font-size:11px;font-weight:550;line-height:1.6}.milestone-card small{font-size:10px;color:#a1ad91;margin-top:5px;line-height:1.6}.section-header p{font-size:11px}.scenario-goal{font-size:11px;line-height:1.7;color:#839771;min-height:37px;margin-top:16px}.scenario-use{margin-top:12px;width:100%;font-size:10px;min-height:35px}.scenario-card .scenario-top{font-size:11px}.scenario-foot small{font-size:9px}.scenario-foot>span{font-size:9px}.saved-section{margin-top:34px}.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:21px}.saved-card{padding:20px;border:1px solid var(--border);border-radius:10px;background:#fff;min-width:0}.saved-card h3{font-family:Manrope,sans-serif;font-size:15px;font-weight:650;line-height:1.6;overflow-wrap:anywhere;margin:0 0 10px}.saved-card p{font-size:12px;color:#7a8a6b;margin:0 0 8px;line-height:1.6}.saved-card>small{font-size:10px;line-height:1.6;color:#9ca68e}.saved-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid #edf0e7}.saved-actions .text-button{margin:0}.saved-empty{grid-column:1/-1;border:1px dashed #d9e2cd;border-radius:10px;background:#f1f5eb;padding:25px;text-align:center;font-size:12px;line-height:1.8;color:#91a17f}#saved-message{font-size:11px;color:#a87656;margin:12px 0 0}#save-dialog{width:min(460px,calc(100% - 32px))}#save-dialog form>label{display:block;font-size:12px;margin-bottom:8px;color:#87977c}#scenario-name{width:100%;padding:12px 14px;border:1px solid #dfe7d5;border-radius:7px;color:#3d5734;background:#f9fbf6;font-size:15px}#save-dialog form>p{font-size:11px;line-height:1.8}#save-dialog .primary{width:100%;min-height:42px;font-size:12px}.table-controls>div{gap:8px}.local-note{white-space:normal}
@media(max-width:1200px){.metric-label{font-size:8px}.metric-detail{font-size:9px}.planner-header{padding:20px}.planner-header h2{font-size:18px}.planner-target{width:170px}.planner-tabs{margin:0 20px}.planner>.goal-panel,.planner>.deadline-panel{padding:20px;gap:18px}.planner .goal-result,.planner .deadline-result{padding-left:18px}.deadline-dates{grid-template-columns:1fr}.daily-panel{padding:20px}.daily-grid strong{font-size:18px}.milestone-card{padding:17px 14px}.milestone-card strong{font-size:20px}.scenario-card .scenario-top{font-size:10px}}
@media(max-width:760px){.intro{align-items:flex-start;gap:14px}.intro-actions{flex-direction:column;align-items:stretch;flex-shrink:0;gap:6px}.intro-actions .button{font-size:10px;padding:8px 10px;min-height:34px;gap:5px}.intro-actions .button span{font-size:14px}.intro-actions #reset{padding:6px 10px;font-size:9px;min-height:28px}.intro h1{font-size:27px}.intro p{max-width:240px}.intro .eyebrow{font-size:8px;letter-spacing:1px}.inputs .field label{font-size:11px}.inputs small{font-size:10px}.planner-header{padding:19px 18px 15px;gap:14px}.planner-header h2{font-size:17px}.planner-header .eyebrow{font-size:8px;letter-spacing:1px}.planner-target{width:145px}.planner-target input{font-size:18px}.planner-tabs{margin:0 18px}.planner-tabs button{font-size:10px;padding:9px 4px;min-height:39px}.planner>.goal-panel,.planner>.deadline-panel{padding:19px 18px;gap:17px;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)}.goal-time,.deadline-result .goal-time{font-size:28px}.goal-time small{font-size:12px}.goal-result p,.deadline-result p{font-size:10px}.planner .goal-input h2,.planner .deadline-input h2{font-size:14px;line-height:1.6}.planner .goal-input p{font-size:10px}.goal-assumptions{font-size:9px;padding:8px;line-height:1.8}.goal-button{font-size:10px;min-height:39px;line-height:1.4;text-align:left}.goal-result #goal-balance,.deadline-result #required-note{font-size:9px}.deadline-dates input{font-size:12px}.deadline-input>p{font-size:9px}.chart-heading p{font-size:10px;line-height:1.6}.chart-legend{font-size:9px;line-height:1.6;gap:11px}.chart-bottom{font-size:10px}.daily-heading{align-items:flex-start}.daily-heading h2{font-size:13px}.daily-heading>span{font-size:8px;max-width:95px;text-align:right;line-height:1.6}.daily-panel{padding:18px}.daily-grid{gap:0;margin-top:17px}.daily-grid small{font-size:8px;line-height:1.5}.daily-grid strong{font-size:17px}.daily-grid>div{padding:0 9px}.daily-panel>p{font-size:9px}.milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}.milestone-card{padding:16px}.milestone-card strong{font-size:23px;margin:12px 0}.milestone-time{font-size:11px}.milestone-caption{display:none}.milestone-section,.saved-section{margin-top:28px}.section-header p{font-size:10px}.saved-grid{grid-template-columns:1fr;gap:11px}.saved-empty{padding:20px;font-size:11px}.saved-card{padding:18px}.saved-card h3{font-size:15px}.saved-card p{font-size:12px}.saved-actions .button{font-size:11px;min-height:40px}.saved-actions .text-button{font-size:11px;min-height:40px}.saved-section .section-header>.button{font-size:9px;padding:9px;line-height:1.5}.table-controls{flex-wrap:wrap;gap:15px}.table-controls>div{margin-left:auto}td{font-size:11px;padding:14px 12px}.breakdown .table-controls button{min-height:35px;min-width:35px}.milestone-card:disabled{opacity:.75}}
@media(max-width:600px){.scenario-grid{grid-template-columns:1fr;gap:12px}.scenario-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 15px;padding:18px}.scenario-top{grid-column:1/-1;min-height:0!important}.scenario-card .scenario-top{font-size:12px}.scenario-tag{font-size:8px}.scenario-rate{margin:9px 0;gap:5px;flex-wrap:nowrap}.scenario-rate>input,.scenario-rate>strong{font-size:29px;width:95px}.scenario-rate>strong{width:auto}.scenario-rate>span{font-size:19px}.scenario-rate small{font-size:10px}.scenario-foot{margin:0;border:0;padding:0;align-items:flex-end;justify-content:center;gap:4px}.scenario-foot strong{font-size:21px;margin-top:4px}.scenario-foot small{font-size:9px}.scenario-foot>span{font-size:9px}.scenario-goal{grid-column:1/-1;border-top:1px solid #e7eddf;padding-top:11px;margin:6px 0 0;font-size:11px;min-height:0}.scenario-use{grid-column:1/-1;min-height:40px;font-size:11px;margin-top:8px}.saved-section .section-header h2{font-size:17px}}
@media(max-width:390px){main{padding:0 12px}.intro h1{font-size:24px}.intro-actions .button{font-size:9px;padding:7px}.intro p{font-size:10px}.planner-header{gap:10px}.planner-header h2{font-size:15px}.planner-target{width:128px}.planner-header .eyebrow{font-size:7px}.planner-tabs button{font-size:9px}.planner .goal-result,.planner .deadline-result{padding-left:13px}.planner>.goal-panel,.planner>.deadline-panel{gap:13px}.daily-grid strong{font-size:15px}.metric-detail{font-size:9px}.milestone-card strong{font-size:21px}.goal-time,.deadline-result .goal-time{font-size:25px}.goal-assumptions{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.range-labels{align-items:center;gap:8px}.range-labels select{appearance:auto;border:0;background:transparent;color:#718863;font-size:9px;padding:4px 2px;cursor:pointer;max-width:100px}.range-labels select:focus-visible{outline:2px solid var(--green);outline-offset:2px}

.chart-inspector{margin:9px 0 16px;padding:14px 15px;background:#f7f9f3;border:1px solid #e9eedf;border-radius:8px}.chart-inspector>label{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#8a997b;line-height:1.6}.chart-inspector output{color:#5f7a4e;font-weight:550;text-align:right}.chart-inspector input[type=range]{margin:13px 0 16px;height:3px;accent-color:#71945a}.inspector-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.inspector-values>div{min-width:0}.inspector-values span{display:block;font-size:8px;color:#98a38c}.inspector-values strong{display:block;font-family:Manrope,sans-serif;color:#6c835c;font-size:14px;font-weight:600;letter-spacing:-.2px;margin-top:5px;overflow-wrap:anywhere}#saved-message>.text-button{font-size:11px;color:#51783d;text-decoration:underline;margin:0;min-height:35px;padding:5px 7px}
@media(max-width:760px){.chart-inspector{padding:12px 11px;margin-bottom:13px}.chart-inspector>label{font-size:9px}.chart-inspector output{max-width:65%;font-size:9px}.inspector-values{gap:8px}.inspector-values strong{font-size:12px}.inspector-values span{font-size:8px}.chart-inspector input[type=range]{height:5px;min-height:5px;margin:17px 0}.scenario-section>.section-header p{line-height:1.8}.chart-inspector>label{align-items:flex-start}}

.model-field{grid-column:1/-1}.model-field .segmented button{font-size:11px;min-height:36px}.win-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;grid-column:1/-1}.win-fields .field{min-width:0}.winrate-field{grid-column:1/-1}.win-fields .input-wrap{padding:10px;gap:5px}.win-fields .input-wrap input{font-size:17px}.win-fields .field label{font-size:11px}.winrate-field .field-hint{font-size:7px}.win-wrap{background:#f7faf3;border-color:#d8e4cb}.win-wrap>span:first-child{color:#78945d}.loss-wrap{background:#fcf8f4;border-color:#ecdccf}.loss-wrap>span:first-child{color:#b68c70}.win-input-help{grid-column:1/-1;font-size:10px;line-height:1.7;color:#99a18f;margin:-5px 0 20px}.win-fields input[type=range]{margin:15px 0 4px}.win-summary{padding:23px 25px;background:linear-gradient(125deg,#fff,#f6f9f0)}.win-summary .section-header{align-items:flex-start}.win-summary .section-header h2{font-size:18px;line-height:1.5;margin-top:7px}.win-summary .section-header p{font-size:10px;color:#8c9c7b;line-height:1.8}.win-summary .eyebrow{font-size:8px;letter-spacing:1.2px}.win-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:22px 0;border-bottom:1px solid #e3e9dc}.win-stat-grid>div{min-width:0}.win-stat-grid small{font-size:9px;color:#8e9d7e;line-height:1.7;display:block;min-height:31px}.win-stat-grid strong{font-family:Manrope,sans-serif;font-size:24px;font-weight:600;letter-spacing:-.7px;color:#547747;display:block;margin-top:8px;overflow-wrap:anywhere}.simulation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 22px;margin:21px 0}.simulation-grid>div{min-width:0}.simulation-grid span{font-size:9px;line-height:1.7;color:#96a188;display:block}.simulation-grid strong{font-family:Manrope,sans-serif;font-size:19px;font-weight:550;line-height:1.6;letter-spacing:-.4px;color:#668056;display:block;margin-top:5px;overflow-wrap:anywhere}.win-model-note{font-size:9px;line-height:1.9;color:#9aa68b;margin:0}#new-path{white-space:nowrap;font-size:10px;min-height:35px}.loss-number,.outcome-loss{color:#b47d65!important}.outcome-win{color:#6a8e50}.outcome-win,.outcome-loss{display:inline-block;font-size:8px;margin-left:5px}.win-chart-caption{font-size:10px;color:#96a287;line-height:1.7;margin:-4px 0 12px;display:block}.band-key{display:inline-block;width:14px;height:7px;background:#dce8d1;border:1px solid #bfd0ad;border-radius:2px}.median-key{display:inline-block;width:13px;border-top:2px dashed #aa9465}.win-summary .section-header .button{padding:8px 11px}.metric-label #final-metric-label{font-size:inherit;color:inherit}#day-mode button:disabled{opacity:.65;cursor:default}
@media(max-width:1200px){.win-summary{padding:20px}.win-stat-grid{gap:12px}.win-stat-grid strong{font-size:21px}.simulation-grid strong{font-size:17px}.win-summary .section-header h2{font-size:16px}}
@media(max-width:760px){.inputs.win-active #principal-field{grid-column:1/-1}.win-fields{gap:0 14px}.winrate-field .field-hint{display:inline;font-size:8px}.win-fields .input-wrap input{font-size:18px}.win-fields .field label{font-size:11px}.win-input-help{font-size:10px;margin-bottom:15px}.win-summary{padding:20px 18px}.win-summary .section-header{gap:12px}.win-summary .section-header h2{font-size:17px}.win-summary .section-header .eyebrow{font-size:7px;line-height:1.8;letter-spacing:1px}.win-summary .section-header p{font-size:10px}.win-stat-grid{gap:11px;padding:20px 0}.win-stat-grid small{font-size:8px;min-height:40px}.win-stat-grid strong{font-size:21px;margin-top:8px}.simulation-grid{gap:16px 14px}.simulation-grid span{font-size:9px}.simulation-grid strong{font-size:16px;line-height:1.7}.win-model-note{font-size:9px}.win-chart-caption{font-size:9px}#new-path{padding:7px 9px;font-size:9px;min-height:36px}.metric-label #final-metric-label{font-size:inherit}.model-field .segmented button{min-height:39px}}
@media(max-width:390px){.win-stat-grid strong{font-size:19px}.simulation-grid strong{font-size:15px}.win-summary .section-header h2{font-size:16px}}

/* Win/loss scenario comparison */
.win-comparisons{margin-top:22px;padding:18px;background:#f8faf6;border:1px solid var(--border);border-radius:9px}.comparison-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.comparison-heading h3{font:650 14px Manrope,sans-serif;margin:0 0 7px}.comparison-heading p,.comparison-note{font-size:10px;color:#7d8977;line-height:1.7;margin:0}.comparison-heading p{max-width:430px}.comparison-heading .button{flex-shrink:0}.win-comparison-list{display:grid;gap:10px;margin-top:14px}.comparison-card{padding:13px;background:white;border:1px solid var(--border);border-left:3px solid var(--scenario-color);border-radius:7px;min-width:0}.comparison-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.comparison-card-header label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600}.comparison-card-header input{accent-color:var(--scenario-color)}.comparison-remove{font-size:10px;background:none;border:0;color:#8d766d;padding:4px}.comparison-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.comparison-fields label{display:block;font-size:9px;color:#74816e;margin-bottom:5px}.comparison-fields .input-wrap{padding:8px 10px;gap:5px}.comparison-fields input{font-size:14px}.comparison-fields .input-wrap span{font-size:10px}.comparison-results{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:10px;line-height:1.7;color:#7e8b75;margin-top:11px}.comparison-results strong{color:var(--ink);font-weight:600}.comparison-error{font-size:10px;color:#a55e48;margin:10px 0 0;line-height:1.5}.comparison-view{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}.comparison-view>span{font-size:9px;color:#839278}.comparison-note{margin-top:11px;font-size:9px}#win-comparison-legend{margin-top:-3px}.comparison-inspector{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:12px;padding:0 0 18px;font-size:10px}.comparison-inspector span{display:flex;align-items:center;gap:6px;color:#7b8a74}.comparison-inspector strong{display:block;margin-top:6px;font-size:13px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.comparison-card.is-hidden{background:#f5f7f2}.chart-legend .legend-line{width:14px;height:0;border-bottom:2px solid;display:inline-block}
@media(max-width:760px){.win-comparisons{padding:14px}.comparison-heading{flex-direction:column;gap:10px}.comparison-heading .button{align-self:flex-start}.comparison-fields{gap:7px}.comparison-fields .input-wrap{padding:8px}.comparison-note{font-size:9px}.comparison-view .check-label{white-space:normal}.comparison-inspector{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-results{gap:5px 14px}}

.win-comparison-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.comparison-base-summary{margin:13px 0 0;font-size:10px;color:#4a7351;line-height:1.7}.comparison-heading .button{white-space:nowrap}

.scenario-risk{margin-top:19px;border-top:1px solid var(--border);padding-top:16px}.risk-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.risk-heading h4{font:650 12px Manrope,sans-serif;margin:0}.risk-heading>span{font-size:9px;color:#87927d}.risk-table{margin-top:12px;white-space:normal;table-layout:fixed;font-size:10px}.risk-table th{letter-spacing:.3px;font-size:8px;line-height:1.7;padding:9px 8px}.risk-table td{padding:11px 8px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.risk-table td:first-child{color:var(--ink);font-weight:500}.risk-table td:nth-child(n+3){color:#99634c;font-weight:600}.risk-name{display:flex;align-items:center;gap:7px}.risk-table th:first-child{width:23%}.risk-table small{display:block;font-size:8px;color:#8c9587;font-weight:400;margin-top:4px}.risk-table tr.risk-base td{background:#eef4e9}.risk-note{font-size:9px;line-height:1.8;color:#7b8973;margin:10px 0 0}.risk-unavailable td:not(:first-child){color:#9a9d96!important}.risk-table .risk-status{font-size:8px;line-height:1.5;color:#9c6f5a}.scenario-risk .table-scroll:focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(max-width:760px){.risk-table{min-width:385px}.risk-heading{gap:5px}.risk-table th{font-size:8px}.risk-table td{font-size:10px}.risk-note{font-size:9px}.scenario-risk .table-scroll{margin-right:-5px}}
.risk-table tbody th{text-transform:none;letter-spacing:0;font:500 10px 'DM Sans',sans-serif;background:transparent;text-align:left;border-bottom:1px solid #f0f2eb}.risk-table tr.risk-base th{background:#eef4e9}
@media(max-width:760px){.risk-table{min-width:0;width:100%}.risk-table th{font-size:7px;padding:9px 5px;letter-spacing:0}.risk-table td,.risk-table tbody th{font-size:9px;padding:10px 5px}.risk-table th:first-child{width:25%}.risk-name{gap:4px}.risk-table .dot{width:5px;height:5px}.risk-table small{font-size:7px}}

.drawdown-panel{padding:24px}.drawdown-panel .eyebrow{font-size:8px;margin-bottom:8px}.drawdown-badge{background:#f6eee8;color:#9b7158;border:1px solid #ebdfd5;border-radius:5px;padding:6px 9px;font-size:9px;white-space:nowrap}.drawdown-description,.drawdown-note{font-size:10px;line-height:1.8;color:#839079;margin:0 0 15px}.drawdown-container{position:relative;min-width:0}#drawdown-chart{display:block;width:100%;touch-action:pan-y}.drawdown-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:4px 0 18px}.drawdown-value{border-left:2px solid var(--drawdown-color);padding-left:10px;min-width:0}.drawdown-value>span{font-size:10px;color:#7e8c75}.drawdown-value strong{display:block;font:650 20px Manrope,sans-serif;color:#9a674f;margin:7px 0;font-variant-numeric:tabular-nums}.drawdown-value small{display:block;font-size:9px;color:#839179;line-height:1.8}.drawdown-note{font-size:9px;margin:0;padding-top:13px;border-top:1px solid var(--border)}.drawdown-panel .chart-inspector{margin-top:10px}.drawdown-panel .chart-legend{margin:18px 0 12px}.drawdown-value .at-peak{color:#397456}
@media(max-width:760px){.drawdown-panel{padding:20px 16px}.drawdown-panel .chart-heading{gap:10px}.drawdown-panel h2{font-size:16px;line-height:1.5}.drawdown-badge{font-size:8px;padding:5px 7px}.drawdown-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 10px}.drawdown-value strong{font-size:19px}.drawdown-description{font-size:10px}}

.recovery-section{border-top:1px solid var(--border);padding-top:19px;margin:2px 0 16px}.recovery-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:15px}.recovery-heading h3{font:650 14px Manrope,sans-serif;margin:0}.recovery-heading>span{font-size:9px;color:#89967f}.recovery-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}.recovery-card{padding:16px;border:1px solid var(--border);border-top:3px solid var(--recovery-color);border-radius:8px;background:#fafbf8;min-width:0}.recovery-card h4{font:650 12px Manrope,sans-serif;margin:0 0 13px}.recovery-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px}.recovery-stats span{display:block;font-size:9px;color:#7d8a75;line-height:1.6;min-height:28px}.recovery-stats strong{display:block;font:650 20px Manrope,sans-serif;font-variant-numeric:tabular-nums;margin:5px 0;color:#496646;overflow-wrap:anywhere}.recovery-stats strong small{font:400 9px 'DM Sans',sans-serif;color:#89947d}.recovery-stats em{display:block;font:400 9px 'DM Sans',sans-serif;line-height:1.7;color:#89947d}.recovery-status{margin:14px 0 0;padding:10px;background:#eef4e9;border-radius:5px;font-size:10px;line-height:1.7;color:#527048}.recovery-status.ongoing{background:#f5ece5;color:#99694c}.recovery-note{font-size:9px;line-height:1.8;color:#7c8a73;margin:13px 0 0}.recovery-details{margin-top:13px;font-size:9px;color:#7c8a73;line-height:1.7}.recovery-details summary{cursor:pointer;color:#537247;font-weight:500}.recovery-details ol{padding-left:17px;margin:10px 0 0}.recovery-details li{margin-bottom:12px}.recovery-details strong{display:block;color:#536a4b;font-weight:600}.recovery-details li span{display:block}.recovery-empty{font-size:11px;color:#8b947e}@media(max-width:760px){.recovery-cards{grid-template-columns:1fr}.recovery-card{padding:16px}.recovery-heading h3{font-size:14px}.recovery-stats span{font-size:10px}.recovery-note{font-size:10px}.recovery-details{font-size:10px}}

.currency-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#72836a;letter-spacing:0}.top-actions{gap:12px}.top-actions #open-fx{font-size:10px;white-space:nowrap}.conversion-note{margin:-12px 0 20px;font-size:10px;color:#6d8260;line-height:1.7}.fx-dialog{width:min(640px,calc(100vw - 24px));max-width:640px;max-height:90vh;overflow:auto;padding:28px}.fx-dialog h2{font-size:25px;margin:12px 0 8px}.fx-dialog .fx-intro{font-size:12px;margin:0 0 20px}.fx-pair{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:10px;align-items:end}.fx-dialog label{display:block;font-size:11px;font-weight:500;margin-bottom:7px}.fx-dialog select{width:100%;min-width:0;border:1px solid var(--border);border-radius:7px;padding:11px 9px;background:#fafbf8;color:var(--ink);font-size:12px}.fx-pair button{height:40px;padding:8px}.fx-inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.fx-dialog .input-wrap input{font-size:18px}.fx-dialog input[readonly]{color:#7e8f74}.fx-rate-mode{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.fx-rate-mode .segmented{flex:1;max-width:330px}.fx-rate-mode .text-button{font-size:10px;padding:0}.fx-dialog .fx-rate-status{font-size:10px;line-height:1.7;margin:10px 0 14px;color:#7e8d74;min-height:18px}.fx-result{padding:17px 20px;border-radius:9px;background:#edf4e7;display:grid;gap:6px}.fx-result>span{font-size:10px;color:#7c8f71}.fx-result strong{font:650 27px Manrope,sans-serif;color:#3f6843;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.fx-result small{font-size:10px;color:#7d9072}.fx-account{margin-top:22px;padding-top:19px;border-top:1px solid var(--border)}.fx-account h3{font:650 15px Manrope,sans-serif;margin:0}.fx-dialog #fx-account-help{font-size:11px;line-height:1.7;margin:9px 0 14px}.fx-preview{display:grid;gap:8px;font-size:11px;margin-bottom:16px}.fx-preview>div{display:flex;justify-content:space-between;gap:15px}.fx-preview span{color:#7f8e75}.fx-preview strong{font-weight:500;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}.fx-account .button{margin:0 6px 8px 0}.fx-dialog .fx-small,.fx-dialog .fx-source{font-size:9px;line-height:1.8;margin:8px 0 0;color:#87927e}.fx-dialog .fx-source{margin-top:18px}.fx-source a{text-decoration:underline}.fx-rate-status.is-error{color:#a1684d!important}
@media(max-width:760px){.topbar>span{max-width:100px;line-height:1.7}.currency-label{font-size:0;gap:0}.top-actions{gap:7px}.top-actions select{max-width:90px;padding:8px}.top-actions #open-fx{font-size:10px;padding:8px}.fx-dialog{padding:24px 18px}.fx-dialog h2{font-size:22px}.fx-dialog select{font-size:11px;padding:10px 6px}.fx-pair{gap:7px;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}.fx-inputs{gap:10px}.fx-rate-mode{gap:10px;flex-wrap:wrap}.fx-rate-mode .segmented{flex-basis:100%;max-width:none}.fx-rate-mode .text-button{margin-left:0}.fx-dialog .input-wrap{padding:10px;gap:5px}.fx-dialog .input-wrap input{font-size:16px}.fx-result strong{font-size:25px}.fx-preview>div{flex-direction:column;gap:2px}.fx-preview strong{text-align:left}.fx-account .button{width:100%;margin-right:0}}
