:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1eb;--body-wash:linear-gradient(180deg, #fffdf8db, #f4f1eb00), var(--bg);--ink:#292524;--muted:#766f64;--panel:#fffdf8;--panel-strong:#292524;--line:#ded6c8;--field:#fbf8f1;--field-dark:#f4efe6;--green:#b86b00;--blue:#9a5f16;--coral:#c94f3a;--gold:#c98212;--progress-bg:#e7dccb;--shadow:0 20px 60px #4632191a}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16120f;--body-wash:linear-gradient(180deg, #312720a3, #16120f00), var(--bg);--ink:#f6efe6;--muted:#b8aa99;--panel:#211b17;--panel-strong:#d4943d;--line:#3a3028;--field:#1a1512;--field-dark:#2a221d;--green:#d4943d;--blue:#e0a657;--coral:#ff8a73;--gold:#f0c36a;--progress-bg:#3a3028;--shadow:0 18px 50px #00000059}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--ink);background:var(--body-wash);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.planner-shell{width:min(1420px,100%);margin:0 auto;padding:24px}.topbar,.usage-guide,.summary,.preset-strip,.planner-grid,.bottom-grid{width:100%}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.brand,.topbar-actions,.icon-button,.panel-heading,.tool-button,.delete-button{align-items:center;display:flex}.brand{gap:11px;font-size:22px;font-weight:850}.brand-mark{color:#fff7ed;background:var(--panel-strong);border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.topbar-actions select{flex:0 0 150px;width:150px}.topbar-actions select[aria-label=Copy\ format]{flex-basis:160px;width:160px}input,select{border:1px solid var(--line);width:100%;min-width:0;height:44px;color:var(--ink);background:var(--field);border-radius:8px;outline:none;padding:0 12px}input::placeholder{color:color-mix(in srgb, var(--muted) 72%, transparent)}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #b86b0024}input[type=range]{height:32px;accent-color:var(--green);background:0 0;padding:0}label{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:800;display:block}.icon-button,.tool-button,.delete-button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:var(--panel);border-radius:8px;justify-content:center}.icon-button{gap:8px;padding:0 13px;font-weight:800}.icon-button:hover:not(:disabled),.tool-button:hover{color:var(--green);border-color:#b86b005c}.icon-button:disabled{cursor:not-allowed;opacity:.48}.summary{grid-template-columns:1.18fr repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:14px;display:grid}.month-field,.metric,.usage-guide,.preset-strip,.plan-panel,.control-panel,.pace-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.month-field{align-content:center;gap:7px;min-height:104px;padding:18px;display:grid}.month-display{color:var(--muted);font-size:13px;font-weight:750}.metric{min-height:104px;padding:18px}.metric>span,.panel-kicker{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:850;display:block}.metric strong{color:var(--ink);overflow-wrap:anywhere;font-size:clamp(24px,2.7vw,36px);line-height:1.05;display:block}.metric-good{border-top:4px solid var(--green)}.metric-danger{border-top:4px solid var(--coral)}.usage-guide{gap:16px;margin-bottom:14px;padding:18px;display:grid}.guide-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.guide-heading h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(22px,2.5vw,32px);line-height:1.12}.guide-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.guide-steps li{border:1px solid var(--line);background:var(--field);border-radius:8px;align-content:start;gap:7px;min-height:132px;padding:13px;display:grid}.guide-steps strong{color:var(--ink);font-size:14px;line-height:1.2}.guide-steps span{color:var(--muted);font-size:13px;font-weight:650;line-height:1.35}.preset-strip{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto auto auto;align-items:end;gap:12px;margin-bottom:14px;padding:14px;display:grid}.preset-strip label{gap:7px;display:grid}.preset-strip .icon-button{min-width:96px;height:44px}.planner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.plan-panel{min-width:0;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding:18px}.panel-heading h2,.control-panel h2,.pace-panel h2{letter-spacing:0;margin:0;font-size:clamp(20px,2vw,27px);line-height:1.1}.panel-total{color:var(--blue);margin-top:7px;font-size:15px;font-weight:850;display:inline-block}.money-pair{flex-wrap:wrap;align-items:baseline;gap:4px 7px;max-width:100%;line-height:1.08;display:inline-flex}.money-primary{overflow-wrap:anywhere}.money-pair small,.money-suffix{color:var(--muted);font-weight:800}.money-pair small{white-space:nowrap;font-size:.68em}.money-suffix{font-size:.72em}.metric .money-pair{flex-direction:column;align-items:flex-start;gap:5px}.metric .money-pair small{font-size:14px}.panel-total .money-pair,.row-total .money-pair,.mirror-summary .money-pair{justify-content:flex-end}.tool-button,.delete-button{flex:none;width:42px;padding:0}.delete-button{color:var(--muted);background:var(--field)}.delete-button:hover{color:var(--coral);border-color:#d85f4561}.row-list{background:var(--line);gap:1px;display:grid}.money-row{background:var(--panel);grid-template-columns:minmax(130px,1.1fr) minmax(96px,.65fr) minmax(116px,.75fr) minmax(86px,.55fr) 42px;align-items:center;gap:10px;min-width:0;padding:12px 18px;display:grid}.money-row-with-cup{grid-template-columns:minmax(120px,1fr) minmax(88px,.55fr) minmax(112px,.68fr) minmax(132px,.82fr) minmax(86px,.52fr) 42px}.money-row input,.money-row select{background:var(--field-dark)}.row-total{color:var(--ink);text-align:right;overflow-wrap:anywhere;font-size:14px;font-weight:850}.bottom-grid{grid-template-columns:.82fr 1.18fr;gap:14px;margin-top:14px;display:grid}.control-panel,.pace-panel{padding:20px}.control-panel{gap:14px;display:grid}.mirror-grid{grid-template-columns:.72fr 1fr;gap:12px;display:grid}.mirror-grid label{gap:8px;display:grid}.mirror-summary{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding-top:14px;display:flex}.mirror-summary>span{color:var(--muted);font-size:13px;font-weight:800}.mirror-summary strong{overflow-wrap:anywhere;text-align:right;font-size:20px}.pace-panel{gap:20px;display:grid}.pace-bars{gap:13px;display:grid}.pace-row{gap:7px;display:grid}.pace-row div{justify-content:space-between;align-items:center;gap:16px;display:flex}.pace-row>div>span{color:var(--muted);font-weight:750}.pace-row strong{color:var(--ink);flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:4px 8px;display:flex}.pace-percent{color:var(--muted)}progress{background:var(--progress-bg);border:0;border-radius:999px;width:100%;height:10px;overflow:hidden}progress::-webkit-progress-bar{background:var(--progress-bg)}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}@media (max-width:1100px){.guide-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.month-field{grid-column:1/-1}.planner-grid,.bottom-grid{grid-template-columns:1fr}}@media (max-width:760px){.planner-shell{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:stretch;width:100%}.topbar-actions select,.icon-button{flex:104px}.topbar-actions select,.topbar-actions select[aria-label=Copy\ format]{width:auto}.summary,.guide-steps{grid-template-columns:1fr}.guide-steps li{min-height:0}.preset-strip{grid-template-columns:1fr 1fr}.preset-strip .icon-button{min-width:0}.money-row,.money-row-with-cup{grid-template-columns:1fr .86fr 42px}.money-row select{grid-column:1/2}.row-total{text-align:left}.delete-button{grid-area:1/3/span 3;align-self:stretch;height:auto}.mirror-grid{grid-template-columns:1fr}}@media (max-width:430px){.planner-shell{padding:12px}.brand{font-size:20px}.topbar-actions{grid-template-columns:1fr 1fr repeat(4,52px);gap:8px;display:grid}.topbar-actions select,.icon-button{width:100%;min-width:0}.icon-button span{display:none}.preset-strip{grid-template-columns:1fr}.preset-strip .icon-button span{display:inline}.money-row,.money-row-with-cup{grid-template-columns:1fr 42px}.money-row input:nth-of-type(2),.money-row select,.row-total{grid-column:1/2}.row-total:before{content:"Monthly ";color:var(--muted);font-weight:750}.delete-button{grid-area:1/2/span 5}}