/* Chart choices are plain text links across themes. */
.page-monthly .analysis-panel>.segments:has(>[data-action="chart-view"]){display:flex!important;justify-content:flex-start!important;align-items:center!important;flex-wrap:nowrap!important;gap:22px!important;width:100%;padding:0!important;margin:4px 0 18px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important}
.page-monthly .analysis-panel>.segments:has(>[data-action="chart-view"])>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:40px!important;padding:5px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;color:var(--muted)!important;font-size:13px!important;font-weight:600!important;white-space:nowrap!important;cursor:pointer!important}
.page-monthly .analysis-panel>.segments:has(>[data-action="chart-view"])>button.active{color:var(--accent-main,var(--ink))!important;background:transparent!important;box-shadow:inset 0 -2px var(--accent-main,var(--ink))!important;font-weight:750!important}
.page-monthly .analysis-panel>.segments:has(>[data-action="chart-view"])>button:focus-visible{outline:2px solid var(--accent-main,var(--ink))!important;outline-offset:3px!important}
.page-monthly .analysis-panel>.segments:has(>[data-action="flow-mode"]){display:grid!important;grid-template-columns:.8fr .8fr 2.2fr .7fr;gap:4px!important;width:100%;padding:5px!important;margin:18px 0 12px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--surface-soft,#f2edef)!important;box-shadow:none!important;backdrop-filter:none!important;overflow:hidden!important;position:relative;z-index:2}
.page-monthly .analysis-panel>.segments:has(>[data-action="flow-mode"])>button{display:grid!important;place-items:center!important;width:100%!important;min-width:0!important;min-height:40px!important;padding:7px 1px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;transform:none!important;color:var(--muted)!important;font-size:clamp(10px,2.7vw,12px)!important;font-weight:550!important;white-space:nowrap!important;cursor:pointer!important}
.page-monthly .analysis-panel>.segments:has(>[data-action="flow-mode"])>button.active{color:var(--accent-main,var(--ink))!important;background:var(--surface-main,#fff)!important;box-shadow:0 2px 9px #16192214!important;font-weight:750!important}
.page-monthly .analysis-panel>.segments:has(>[data-action="flow-mode"])>button:focus-visible{outline:2px solid var(--accent-main,var(--ink))!important;outline-offset:-3px!important}
.flow-period-field{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:100%;margin:6px 0 16px;color:var(--muted);font-size:12px}
.flow-period-field input{width:min(180px,55%);min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-main,#fff);color:var(--ink);font:600 13px Manrope,'Noto Sans SC',sans-serif;position:relative;z-index:2;cursor:pointer}
.flow-period-field input:focus-visible{outline:2px solid var(--accent-main,var(--ink));outline-offset:2px}
.flow-period-note{margin:7px 0 14px;color:var(--muted);font-size:12px}
.horizontal-flow .flow-column-toggle rect{fill:transparent!important;stroke:none!important}
.horizontal-flow .flow-column-toggle text{fill:var(--text-main,var(--ink))!important;font-size:9px;font-weight:700;pointer-events:all!important}
.horizontal-flow .flow-column-toggle.is-off text{opacity:.42;text-decoration:none!important}
.horizontal-flow .flow-column-toggle:hover text,.horizontal-flow .flow-column-toggle:focus-visible text{text-decoration:underline!important;text-underline-offset:3px}
.horizontal-flow .flow-column-toggle:focus-visible{outline:none}
.page-work .passive-income-section{padding:18px;border:1px solid var(--line);border-radius:var(--surface-radius,20px);background:var(--surface-main,#fff);box-shadow:0 9px 24px #18261a0a}
.page-work .passive-income-section .section{margin:0 0 14px;padding:0;align-items:start}
.page-work .passive-income-section .section h2{margin:0 0 3px}
.page-work .passive-income-section .section p{margin:0}
.page-work .passive-income-section .text-button{padding:0;background:none;border:0;white-space:nowrap;color:var(--accent-main,var(--teal))}
.passive-income-total{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.passive-income-total span{font-size:13px;color:var(--muted)}
.passive-income-total strong{font-size:21px}
.passive-income-list{display:grid}
.passive-income-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left}
.passive-income-item:last-child{border-bottom:0;padding-bottom:0}
.passive-income-item>span:first-child{display:grid;gap:3px;min-width:0}
.passive-income-item strong{font-size:14px}
.passive-income-item small{font-size:11px;color:var(--muted)}
.passive-income-item>.num{white-space:nowrap;font-size:14px}
.passive-income-item:hover strong{text-decoration:underline;text-underline-offset:3px}
.passive-income-item:focus-visible{outline:2px solid var(--accent-main,var(--teal));outline-offset:3px}
@media(max-width:350px){.page-monthly .analysis-panel>.segments:has(>[data-action="flow-mode"])>button{font-size:9px!important}.page-work .passive-income-section{padding:14px}}
/* Liquid progress applies to every theme, with each palette kept distinct. */
.liquid-gauge{--gauge-bg:#fff9fb;--gauge-rim:#bb7d91;--gauge-top:#f7b9c8;--gauge-bottom:#cf7894;--gauge-wave:#e696ad;--gauge-ink:#512d3d;isolation:isolate;overflow:hidden;border-radius:50%;box-shadow:0 7px 19px #32243118}
.liquid-gauge>svg{transform:none!important;rotate:0deg!important}
.liquid-gauge .liquid-rim{fill:var(--gauge-bg)!important;stroke:var(--gauge-rim)!important;stroke-width:2.5!important}
.liquid-gauge .liquid-stop-top{stop-color:var(--gauge-top)!important}
.liquid-gauge .liquid-stop-bottom{stop-color:var(--gauge-bottom)!important}
.liquid-gauge .liquid-wave-back{fill:var(--gauge-top)!important}
.liquid-gauge .liquid-wave{fill:var(--gauge-wave)!important}
.liquid-gauge .ring-inner{color:var(--gauge-ink)!important;text-shadow:0 1px 5px #fff9}
.liquid-gauge .ring-inner strong{font-size:21px;font-weight:750}
.liquid-gauge.large .ring-inner strong{font-size:28px}
.liquid-gauge .ring-inner small{color:var(--gauge-ink)!important}
[data-theme=sea] .liquid-gauge{--gauge-bg:#f3fcfa;--gauge-rim:#74afa5;--gauge-top:#afe8dc;--gauge-bottom:#58b6a5;--gauge-wave:#7ad0c0;--gauge-ink:#214f4c}
[data-theme=journal] .liquid-gauge{--gauge-bg:#fff9eb;--gauge-rim:#aa875d;--gauge-top:#f0d6a3;--gauge-bottom:#c7a16b;--gauge-wave:#e4bd80;--gauge-ink:#513f2f}
[data-theme=grid] .liquid-gauge{--gauge-bg:#f7faff;--gauge-rim:#4c6aaf;--gauge-top:#bad0fb;--gauge-bottom:#779ce0;--gauge-wave:#9eb8ed;--gauge-ink:#223865}
[data-theme=orbit] .liquid-gauge{--gauge-bg:#fcf8ff;--gauge-rim:#8264a9;--gauge-top:#dfc9f2;--gauge-bottom:#ad8ccd;--gauge-wave:#c7aae4;--gauge-ink:#503967}
[data-theme=glass] .liquid-gauge{--gauge-bg:#f6fffc;--gauge-rim:#ffffff;--gauge-top:#b6e7d8;--gauge-bottom:#64b5a0;--gauge-wave:#8dd1bd;--gauge-ink:#244d41}
[data-theme=terracotta] .liquid-gauge{--gauge-bg:#fff8ec;--gauge-rim:#bc7055;--gauge-top:#ffd1a9;--gauge-bottom:#dc8d65;--gauge-wave:#ecaa82;--gauge-ink:#663f31}
/* A single starting amount branching into two outcomes. */
.compare-feature-mark{padding:6px;transform:none!important}
.compare-feature-mark svg{display:block;width:100%;height:100%;overflow:visible}
.compare-feature-mark .compare-origin{fill:var(--feature-mark-bg);stroke:var(--feature-mark);stroke-width:2.4}
.compare-feature-mark .compare-branch{stroke:var(--feature-mark);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.compare-feature-mark .compare-destination{fill:var(--feature-mark-bg);stroke:var(--feature-mark);stroke-width:2.4}
.compare-feature-mark .compare-spark{stroke:var(--feature-mark);stroke-width:1.8;stroke-linecap:round}
.fire-data-notes{padding:16px 18px;border:1px solid var(--line);border-radius:var(--surface-radius,16px);background:var(--surface-soft,#faf8f8)}
.fire-data-notes summary{cursor:pointer;color:var(--accent-main,var(--ink));font-size:13px;font-weight:700}
.fire-data-notes[open] summary{margin-bottom:14px}
.fire-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.fire-data-grid>div{display:grid;align-content:start;gap:4px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-main,#fff)}
.fire-data-grid span,.fire-data-grid small{color:var(--muted);font-size:10px;line-height:1.5}
.fire-data-grid strong{font-size:14px;color:var(--ink)}
.fire-data-notes p{margin:14px 0 0;color:var(--muted);font-size:11px;line-height:1.65}
@media(max-width:350px){.fire-data-grid{gap:7px}.fire-data-grid>div{padding:9px}.fire-data-grid strong{font-size:12px}}