.investment-tools{padding-bottom:60px}.calculator-transfer-note{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:9px;margin-top:20px;padding:16px}.tool-privacy{color:var(--muted);margin:20px 0 28px;font-size:13px}.scenario-layout .calculator-form{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:24px}.portfolio-file:has(+input:focus-visible){outline:3px solid var(--accent);outline-offset:4px}.scenario-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.5fr);align-items:start;gap:32px;display:grid}.scenario-fieldset{border:0;min-width:0;margin:0;padding:0}.scenario-fieldset legend{margin-bottom:22px;font-size:19px;font-weight:800}.scenario-fieldset[hidden]{display:none}.scenario-key{background:var(--surface-2);width:30px;height:30px;color:var(--accent);border-radius:8px;place-items:center;margin-right:6px;display:inline-grid}.scenario-key-b{color:var(--text);border:1px solid var(--border)}.scenario-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.scenario-fields .field{min-width:0;margin:0}.scenario-fields .field-input input{min-width:0}.scenario-fields .field-input span{white-space:nowrap;font-size:11px}.scenario-fields label{min-height:36px;font-size:12px;line-height:1.5}.tool-check{cursor:pointer;align-items:center;gap:10px;margin:24px 0;font-size:14px;font-weight:700;display:flex}.tool-check input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.scenario-results{min-width:0}.scenario-results h2{margin:10px 0;font-size:clamp(24px,3vw,34px)}.scenario-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin:22px 0;display:grid}.scenario-result-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;padding:22px}.scenario-result-card h3{margin-bottom:16px;font-size:15px}.scenario-result-card>span{color:var(--muted);font-size:12px}.scenario-total{letter-spacing:-.04em;overflow-wrap:anywhere;margin:6px 0 20px;font-size:clamp(26px,3vw,38px);display:block}.scenario-result-card dl div{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding:10px 0;font-size:12px;display:flex}.scenario-result-card dt{color:var(--muted);max-width:65%}.scenario-result-card dd{text-align:right;white-space:normal;overflow-wrap:anywhere;max-width:100%;margin-left:auto;font-weight:750}.projection-panel{border:1px solid var(--line);border-radius:14px;min-width:0;padding:20px}.tool-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tool-panel-heading h3{font-size:16px}.tool-panel-heading select{background:var(--bg);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:7px;max-width:100%;padding:8px;font-size:12px}.scenario-chart{touch-action:pan-y;cursor:crosshair;width:100%;height:auto;display:block}.scenario-chart .chart-label{fill:var(--muted);font:11px Manrope Variable,sans-serif}.projection-line{stroke-width:2.5px;stroke-linejoin:round}.line-a{stroke:var(--accent)}.line-b{stroke:var(--text)}.line-capital{stroke-dasharray:5 4;stroke-width:1.5px}.projection-cursor{stroke:var(--border);stroke-dasharray:3 3}.projection-point-a{fill:var(--accent)}.projection-point-b{fill:var(--text)}.projection-legend{color:var(--muted);flex-wrap:wrap;gap:12px;margin:8px 0 18px;font-size:11px;display:flex}.projection-legend span{align-items:center;gap:5px;display:inline-flex}.projection-legend [hidden]{display:none}.projection-legend i{background:var(--accent);width:16px;height:3px;display:inline-block}.projection-legend .dot-b{background:var(--text)}.projection-legend .dot-invested,.projection-legend .dot-invested-b{background:repeating-linear-gradient(to right, var(--accent) 0 4px, transparent 4px 7px)}.projection-legend .dot-invested-b{background:repeating-linear-gradient(to right, var(--text) 0 4px, transparent 4px 7px)}.chart-year-label{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.chart-year{width:100%;accent-color:var(--accent);margin:10px 0}.chart-inspection{min-height:24px;font-size:13px;line-height:1.7}.yearly-section{margin:48px 0}.yearly-section h2{font-size:26px}.projection-table{min-width:650px}.projection-table caption{text-align:left;color:var(--muted);padding:12px 0;font-size:12px}.projection-table td{white-space:nowrap}@media (width<=1000px){.scenario-layout{grid-template-columns:1fr}.calculator-form{max-width:none}.scenario-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.scenario-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.scenario-layout{gap:28px}.projection-panel{padding:14px 10px}.scenario-result-card{padding:18px}.scenario-fields .field-input span{font-size:10px}.scenario-fields .field-input input{padding-inline:10px}.scenario-results h2{font-size:27px}}@media (width<=360px){.scenario-fields{grid-template-columns:1fr}.scenario-fields label{min-height:0}}.portfolio-layout{grid-template-columns:minmax(280px,.85fr) minmax(0,1.5fr);align-items:start;gap:32px;display:grid}.portfolio-editor{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:24px}.portfolio-editor h2,.portfolio-analysis h2,.portfolio-positions h2,.portfolio-storage h2{margin-bottom:18px;font-size:25px}.portfolio-editor .field{margin-bottom:18px}.portfolio-editor input,.portfolio-editor select{border:1px solid var(--border);width:100%;min-width:0;color:var(--text);background:var(--bg);font:inherit;border-radius:7px;min-height:48px;padding:12px;font-size:16px;display:block}.portfolio-editor [aria-invalid=true]{border-color:var(--error)}.portfolio-editor .field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.portfolio-actions [hidden]{display:none}.text-button{font:inherit;color:var(--accent);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:10px 4px;font-size:13px;text-decoration:underline}.portfolio-rates{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.portfolio-rates h3{margin-bottom:10px;font-size:17px}.portfolio-rates .field{margin-top:16px}.portfolio-rates label{font-size:13px}.portfolio-analysis{min-width:0}.portfolio-analysis h2{margin:10px 0}.portfolio-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.portfolio-metrics>div{border-top:2px solid var(--line);min-width:0;padding-top:14px}.portfolio-metrics span{color:var(--muted);font-size:12px;line-height:1.6;display:block}.portfolio-metrics strong{letter-spacing:-.04em;overflow-wrap:anywhere;margin-top:10px;font-size:clamp(20px,2.5vw,28px);display:block}.allocation-panel{border:1px solid var(--line);border-radius:14px;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:24px;padding:24px;display:grid}.allocation-donut{background:var(--surface-2);border-radius:50%;place-items:center;width:180px;height:180px;display:grid;position:relative}.allocation-donut:before{content:"";background:var(--bg);border-radius:50%;position:absolute;inset:20px}.allocation-donut span{white-space:pre-line;text-align:center;max-width:110px;font-size:14px;font-weight:750;position:relative}.allocation-choices{gap:10px;display:grid}.allocation-choices button{background:var(--surface);border:1px solid var(--line);font:inherit;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.allocation-choices button[aria-pressed=true]{border-color:var(--accent);outline:1px solid var(--accent)}.allocation-choices strong{white-space:nowrap;margin-left:auto}.allocation-panel>p{grid-column:1/-1;min-height:22px}.asset-color{background:var(--accent);border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.asset-color-1{background:var(--text)}.asset-color-2{background:var(--muted)}.largest-panel{margin-top:28px}.largest-panel h3{margin-bottom:16px;font-size:18px}.largest-panel ol{padding:0;list-style:none}.largest-panel li{overflow-wrap:anywhere;justify-content:space-between;gap:14px;padding:14px 0 18px;font-size:13px;display:flex;position:relative}.largest-panel li i{background:var(--accent);border-radius:3px;max-width:100%;height:3px;position:absolute;bottom:3px;left:0}.largest-panel li strong{text-align:right;flex-shrink:0;font-size:12px}.portfolio-positions{margin:42px 0}.position-row{border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(120px,auto) auto;align-items:center;gap:24px;margin-bottom:12px;padding:20px;display:grid}.position-row h3{overflow-wrap:anywhere;font-size:16px}.position-row p,.position-values span{color:var(--muted);margin-top:7px;font-size:12px;display:block}.position-values{text-align:right;overflow-wrap:anywhere}.position-values strong{font-size:15px}.position-actions{gap:12px;display:flex}.portfolio-empty{border:1px dashed var(--border);color:var(--muted);border-radius:12px;padding:30px;line-height:1.8}.portfolio-storage{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:36px 0;padding:28px}.portfolio-storage>.small-note{max-width:800px;margin:14px 0}.portfolio-file{cursor:pointer}.portfolio-storage input[type=file]{max-width:100%;color:var(--muted);margin:12px 0;font-size:12px;display:block}.import-preview{border:1px solid var(--accent);border-radius:10px;margin-top:20px;padding:20px}.import-preview p{margin-bottom:16px;line-height:1.7}.import-preview button{white-space:normal;max-width:100%}.portfolio-storage .tool-check{margin:20px 0 12px}@media (width<=1000px){.portfolio-layout{grid-template-columns:1fr}.portfolio-editor{max-width:none}.portfolio-rates{max-width:600px}}@media (width<=600px){.portfolio-editor,.portfolio-storage{padding:20px}.portfolio-metrics{grid-template-columns:1fr 1fr}.portfolio-metrics>div:first-child{grid-column:1/-1}.allocation-panel{grid-template-columns:1fr;gap:20px;padding:20px}.allocation-donut{margin-inline:auto}.position-row{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px}.position-values{text-align:left}.position-actions{justify-content:space-between}.largest-panel li{flex-wrap:wrap}.largest-panel li strong{text-align:left;max-width:100%}.portfolio-actions .button{white-space:normal;text-align:center}.portfolio-editor .field-row{grid-template-columns:1fr}}
