.flow-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#eaf0df;border:1px solid #dbe5cc;padding:25px 28px;border-radius:14px;margin-bottom:20px}.flow-intro h2{font-size:22px;margin:8px 0}.flow-intro p{font-size:13px;max-width:700px;margin:0}.flow-rule{border-left:1px solid #cbd8bd;padding-left:28px;min-width:210px}.flow-rule strong{font-size:34px;display:block;line-height:1.2}.flow-rule span,.flow-rule small{display:block;font-size:12px}.flow-rule small{font-size:10px;color:var(--muted);margin-top:6px}.flow-controls{margin-bottom:24px}.flow-mode-group{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.flow-mode{background:#f6f8f1;border:1px solid var(--line);text-align:left;padding:18px;color:var(--ink)}.flow-mode>span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.flow-mode strong{display:block;font-size:15px}.flow-mode small{font-size:11px;color:var(--muted);display:block;font-weight:400;margin-top:6px}.flow-mode.selected{background:var(--green);border-color:var(--green);color:var(--lime)}.flow-mode.selected small,.flow-mode.selected>span{color:#c0d6c0}.flow-primary-controls{margin-top:23px}.flow-field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}.flow-checks{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:20px}.flow-check{display:flex;align-items:start;gap:9px;font-size:12px}.flow-check input,.flow-cut{width:auto!important}.flow-check input,input[data-flow][type=checkbox]{accent-color:var(--green);width:16px;height:16px;margin:2px 0}.flow-comparison{margin-bottom:25px}.flow-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:15px}.flow-compare{background:white;border:1px solid var(--line);padding:20px;border-radius:11px}.flow-compare.active{border-color:#83a069;box-shadow:inset 0 3px #83a069}.flow-compare h3{margin-bottom:18px;font-size:14px}.flow-compare>span{font-size:11px;color:var(--muted);display:block}.flow-compare>strong{font-size:29px;display:block;margin:6px 0 10px}.flow-compare p{font-size:12px;margin-bottom:12px}.flow-compare small{font-size:11px;color:var(--muted)}.flow-time{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line)}.flow-time label{margin-left:auto}.flow-time input{flex-basis:100%;accent-color:var(--green)}.flow-live-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.flow-stat{border-left:2px solid #c3d69b;padding:0 15px}.flow-stat>span,.flow-stat small{display:block;font-size:11px;color:var(--muted)}.flow-stat strong{display:block;font-size:22px;line-height:1.5;font-weight:600}.flow-stat small{font-size:10px}.flow-map{overflow:auto;overscroll-behavior-x:contain;background:#f6f8f2;border:1px solid #e6ebde;border-radius:12px}.flow-map svg{width:100%;min-width:1100px;display:block}.flow-lane{font-size:12px;letter-spacing:1px;fill:#6c7b72}.flow-edge path{fill:none;stroke:#c3cec4;stroke-width:2;stroke-linejoin:round}.flow-edge text{font-size:11px;fill:#607167;paint-order:stroke;stroke:#f6f8f2;stroke-width:5px;stroke-linejoin:round;pointer-events:none}.flow-edge.income path{stroke:#679371}.flow-edge.charge path{stroke:#a9843d;stroke-dasharray:7 4}.flow-edge.repay path{stroke:#6c849c}.flow-edge.focused path{stroke:#174d40;stroke-width:3.5}.flow-node{cursor:pointer;outline:none}.flow-node rect{fill:white;stroke:#d6e0d5;stroke-width:1.5;transition:stroke .15s}.flow-node.core rect{fill:#133f35;stroke:#133f35}.flow-node.credit rect{fill:#fff7e7}.flow-node.fixed rect{fill:#edf0e7}.flow-node.focused rect,.flow-node:focus rect{stroke:#59825c;stroke-width:3}.flow-node-title{font-size:14px;fill:#365548}.flow-node-value{font-size:20px;font-weight:600;fill:#173f34}.flow-node-sub,.flow-spend-line{font-size:11px;fill:#6c7b72}.flow-node.core text{fill:#e6f3d0}.flow-node:hover rect{stroke:#8ca475}.arrow-income{fill:#679371}.arrow-fixed,.arrow-transfer,.arrow-expense{fill:#9eafa0}.arrow-repay{fill:#6c849c}.arrow-charge{fill:#a9843d}.flow-map-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin:14px 0 24px}.flow-map-legend i{width:14px;height:3px;display:inline-block;margin:0 5px 3px 0;background:#bbcabc}.flow-map-legend .income{background:#679371}.flow-map-legend .credit{background:#a9843d}.flow-map-legend .repay{background:#6c849c}.flow-map-legend .problem{background:#bc6458}.flow-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.flow-node-detail{background:#f4f7ec;border-radius:8px;padding:20px}.flow-node-detail h3{font-size:15px}.flow-node-detail p{font-size:12px;margin-bottom:8px}.flow-events{max-height:300px;overflow:auto;display:grid;gap:7px}.flow-event{display:grid;grid-template-columns:1fr auto;text-align:left;gap:2px 15px;background:#f7f9f3;border:1px solid #e5eadf;padding:12px;color:var(--ink);font-size:12px;font-weight:400}.flow-event small{grid-column:1 / -1;color:var(--muted);font-size:10px}.flow-event.selected{border-color:#65866d;background:#ecf4dc}.flow-event.problem{background:#fff1e9;color:var(--red)}.flow-cut{max-width:65px;padding:6px}.flow-protocol{padding-left:22px;font-size:13px}.flow-protocol li{padding-left:4px;margin-bottom:16px;color:var(--muted)}.flow-protocol strong{color:var(--ink)}.flow-card-configs{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.flow-card-config{padding:20px;background:#f6f8f1;border-radius:10px}.flow-card-config .form-grid{grid-template-columns:1fr 1fr}.flow-export{display:flex;gap:8px;flex-shrink:0}.flow-export button{font-size:11px}summary{cursor:pointer}.flow-comparison .notice{margin-bottom:12px}.flow-map-panel{padding-bottom:25px}
@media(max-width:1050px){.flow-card-configs{grid-template-columns:1fr}.flow-compare-grid{gap:10px}.flow-compare{padding:16px}.flow-mode{padding:13px}.flow-mode strong{font-size:13px}.flow-mode small{font-size:10px}.flow-intro{padding:22px}.flow-rule{min-width:180px;padding-left:20px}}@media(max-width:740px){.flow-intro{display:block}.flow-rule{border-left:0;border-top:1px solid #cbd8bd;margin-top:20px;padding:15px 0 0;min-width:0}.flow-rule strong{font-size:26px}.flow-rule small{font-size:11px}.flow-intro h2{font-size:19px}.flow-mode-group{grid-template-columns:1fr}.flow-mode{display:grid;grid-template-columns:28px 1fr}.flow-mode span{grid-row:1/3}.flow-mode small{grid-column:2}.flow-mode strong{font-size:14px}.flow-mode small{font-size:11px}.flow-compare-grid{grid-template-columns:1fr}.flow-compare h3{margin-bottom:10px}.flow-compare>strong{font-size:26px}.flow-compare p{margin-bottom:7px}.flow-live-stats{grid-template-columns:1fr;gap:14px}.flow-stat{display:grid;grid-template-columns:1fr auto;gap:0 10px}.flow-stat strong{grid-column:2;grid-row:1/3;font-size:22px}.flow-stat small{font-size:11px}.flow-detail-grid{grid-template-columns:1fr}.flow-map-panel>.panel-head{flex-direction:column}.flow-time label{margin-left:0;flex-basis:100%}.flow-time button{font-size:12px}.flow-map-legend{font-size:11px}.flow-node-detail p{font-size:13px}.flow-field{font-size:12px}.flow-card-config{padding:15px}.flow-event small{font-size:11px}.flow-stat>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.flow-node rect{transition:none}}
.flow-map-panel:fullscreen{background:var(--bg);overflow:auto;padding:24px;max-width:none;border:0;border-radius:0}.flow-map-panel.flow-expanded{position:fixed;inset:12px;z-index:20;overflow:auto;background:var(--bg)}.flow-map-panel:fullscreen .flow-map svg,.flow-map-panel.flow-expanded .flow-map svg{min-width:1000px}.flow-edge.problem path{stroke:var(--red);stroke-width:4}.flow-export{flex-wrap:wrap;justify-content:flex-end}.flow-map-panel:fullscreen>.panel-head{position:sticky;top:-24px;background:var(--bg);z-index:2;padding:12px 0}
.flow-overlay-open{overflow:hidden}.flow-map-panel.flow-expanded{inset:0;border-radius:0;border:0;padding:24px}.flow-map-panel.flow-expanded>.panel-head{position:sticky;top:-24px;background:var(--bg);z-index:2;padding:12px 0}.flow-map-panel.flow-expanded .flow-map{border:0}.flow-map-panel.flow-expanded .flow-detail-grid{padding-bottom:24px}
.money-plan-picker{display:flex;align-items:end;gap:16px;padding:20px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:16px}.money-plan-picker label{flex:1;max-width:300px;display:flex;flex-direction:column;gap:7px}.money-plan-picker>button{min-height:44px;margin-left:auto}.money-rule-banner{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:#e9efdd;padding:20px 24px;border-radius:10px}.money-rule-banner span{font-size:12px;color:#617357}.money-rule-banner strong{font-size:21px;display:block;color:var(--ink);font-weight:600;margin-bottom:4px}.money-assumption{font-size:11px;margin:12px 0 24px}.money-month-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:12px;margin-top:16px}.money-month-tabs button{white-space:nowrap;background:#e9eddf;color:#67795f;font-size:12px;border:1px solid transparent}.money-month-tabs button.active{background:white;color:var(--green);border-color:#9fb78c}.money-month-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 0 17px}.money-month-heading h2{font-size:21px;margin:0}.money-month-heading>span{font-size:11px;color:var(--muted)}.money-story-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:20px}.money-story-step{position:relative;background:white;border:1px solid var(--line);border-radius:12px;text-align:left;padding:20px;min-width:0;color:var(--ink);font-weight:400}.money-story-step:not(:last-child):after{content:'→';position:absolute;right:-20px;top:48%;font-size:20px;color:#859675}.money-step-num{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ecf1e0;color:#617851;font-size:12px;font-weight:600;margin-bottom:18px}.money-step-title{font-size:12px;display:block;margin-bottom:10px}.money-story-step>strong{font-size:29px;line-height:1.2;display:block;font-weight:600;margin-bottom:14px;letter-spacing:-.7px}.money-step-sub{display:block;font-size:11px;color:#62735e;margin-bottom:12px}.money-story-step>small{display:block;font-size:11px;color:var(--muted);line-height:1.5}.money-story-step.active{background:var(--green);border-color:var(--green);color:#e3f1cd}.money-story-step.active>strong{color:var(--lime)}.money-story-step.active .money-step-sub,.money-story-step.active>small{color:#bdd1ba}.money-story-step.active .money-step-num{background:#315a43;color:#d8efad}.money-step-detail{border-top:3px solid #a8bf84}.money-detail-heading{margin-bottom:18px}.money-detail-heading>span{font-size:10px;letter-spacing:1.3px;color:var(--muted)}.money-detail-heading h2{font-size:19px;margin:7px 0}.money-simple-row{display:flex;justify-content:space-between;align-items:start;gap:22px;border-bottom:1px solid var(--line);padding:11px 0;font-size:13px}.money-simple-row strong{white-space:nowrap}.money-step-detail>p{margin:18px 0 0}.money-one-purchase .panel-head h2{margin-top:6px;font-size:21px}.money-purchase-select{display:flex;flex-direction:column;gap:7px;max-width:380px;min-width:220px}.money-purchase-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:14px 0 20px}.money-purchase-timeline>div{position:relative;padding-top:15px}.money-purchase-timeline>div:not(:last-child):after{content:'→';position:absolute;top:21px;right:-22px;font-size:23px;color:#859675}.money-timeline-dot{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9f0db;color:var(--green);margin-bottom:17px;font-weight:600}.money-purchase-timeline small{display:block;font-size:13px;color:#6b805a;margin-bottom:10px}.money-purchase-timeline h3{font-size:19px;margin-bottom:10px}.money-purchase-timeline p{font-size:13px;line-height:1.6;margin:0}.money-key-message{display:flex;gap:20px;background:#f0f4e6;padding:16px 20px;border-radius:8px;font-size:12px;margin-bottom:18px}.money-key-message>strong{flex-shrink:0}.money-key-message>span{color:#62735e}.money-one-purchase .notice{margin-bottom:0;font-size:13px}.money-three-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.money-three-options>div{padding:18px;border:1px solid var(--line);border-radius:8px}.money-three-options>div.active{background:#f0f4e7;border-color:#acc08d}.money-three-options span,.money-three-options small{display:block;font-size:12px;color:var(--muted)}.money-three-options strong{font-size:25px;display:block;margin:10px 0;font-weight:600}.money-three-options small{font-size:11px}.money-saving-result{display:flex;align-items:center;gap:30px;justify-content:space-between;margin-top:22px;font-size:12px;color:var(--muted)}.money-saving-result strong{display:block;font-size:20px;color:var(--green);margin-top:3px;font-weight:600}.money-bottom-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px}.money-bottom-bar span{font-size:11px;color:var(--muted)}
@media(max-width:1150px){.money-story-rail{gap:16px}.money-story-step{padding:16px}.money-story-step>strong{font-size:25px}.money-story-step:not(:last-child):after{right:-16px;font-size:17px}.money-one-purchase .panel-head{flex-direction:column}.money-purchase-select{max-width:100%;width:100%}.money-key-message{display:block}.money-key-message strong{display:block;margin-bottom:7px}.money-plan-picker{flex-wrap:wrap}.money-plan-picker label{min-width:200px}.money-plan-picker>button{margin-left:0}.money-saving-result{flex-wrap:wrap}.money-story-step small,.money-step-sub{font-size:11px}}
@media(max-width:740px){.money-plan-picker{padding:16px;gap:13px}.money-plan-picker label{max-width:none;min-width:0;flex-basis:100%}.money-plan-picker>button{width:100%}.money-rule-banner{gap:12px;padding:16px;grid-template-columns:1fr}.money-rule-banner span{display:flex;align-items:center;gap:15px;font-size:12px}.money-rule-banner strong{font-size:20px;min-width:80px;margin:0}.money-month-heading{display:block}.money-month-heading>span{display:block;margin-top:6px}.money-story-rail{grid-template-columns:1fr;gap:13px}.money-story-step{padding:18px;display:grid;grid-template-columns:32px 1fr auto;gap:5px 12px}.money-step-num{grid-column:1;grid-row:1/4;margin:0}.money-step-title{grid-column:2;margin:0;font-size:14px}.money-story-step>strong{grid-column:3;grid-row:1/3;margin:0;font-size:26px;align-self:start}.money-step-sub{grid-column:2;margin:4px 0;font-size:12px}.money-story-step>small{grid-column:2/4;font-size:12px;margin-top:4px}.money-story-step:not(:last-child):after{content:none}.money-purchase-timeline{grid-template-columns:1fr;gap:0;padding-top:0}.money-purchase-timeline>div{padding:8px 0 22px 52px;min-height:135px}.money-timeline-dot{position:absolute;left:0;top:8px;width:32px;height:32px;margin:0}.money-purchase-timeline>div:not(:last-child):after{content:'';position:absolute;width:1px;left:16px;top:46px;bottom:1px;background:#c0cfab;right:auto}.money-purchase-timeline h3{font-size:20px}.money-purchase-timeline small{margin-bottom:6px}.money-purchase-timeline p{font-size:13px}.money-simple-row{font-size:12px}.money-detail-heading h2{font-size:18px}.money-three-options{grid-template-columns:1fr;gap:10px}.money-three-options>div{display:grid;grid-template-columns:1fr auto;gap:6px 12px}.money-three-options strong{grid-column:2;grid-row:1/3;margin:0}.money-three-options small{font-size:11px}.money-saving-result{align-items:start;gap:18px}.money-saving-result button{width:100%}.money-bottom-bar{align-items:start;flex-direction:column}.money-bottom-bar button{width:100%}.money-assumption{font-size:12px}}