:root{font-family:system-ui,'Yu Gothic',sans-serif;color:#383a42;background:#f9f9f9;font-size:15px;--green:#23974a;--red:#d52753;--line:#e1e2e8}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #0098dd;outline-offset:2px}button{min-height:44px;border:1px solid var(--line);border-radius:10px;background:white;color:inherit;padding:9px 14px}button.primary,button.active{background:#275fe4;color:white;border-color:#275fe4}input,select,textarea{width:100%;min-width:0;border:1px solid #cdd0dc;border-radius:9px;background:white;color:inherit;padding:11px;font-size:16px}input[type=checkbox]{width:20px;height:20px;accent-color:#275fe4}label{display:grid;gap:6px;min-width:0}h1,h2,h3,p{margin:0}h1{font-size:1.55rem}h2{font-size:1.15rem}h3{font-size:1rem}small,.muted{color:#6b7080;font-size:.85rem}.shell{max-width:1100px;margin:auto;padding:20px 24px 105px}.top,.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{font-weight:700;letter-spacing:.03em}.brand span{display:inline-grid;place-items:center;background:#275fe4;color:white;width:32px;height:32px;border-radius:10px;margin-right:9px}.demo{font-size:.8rem;background:#eaf0ff;border-radius:20px;padding:5px 10px}.heading{margin:26px 0 18px}.heading p{margin-top:6px}:is(.panel,.card){background:white;border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}.layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:18px;align-items:start}.summary{display:flex;gap:22px;flex-wrap:wrap;margin:18px 0}.summary strong{display:block;font-size:1.25rem;font-variant-numeric:tabular-nums}.income{color:var(--green)}.expense{color:var(--red)}.legend{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0;font-size:.8rem}.legend span{display:flex;align-items:center;gap:5px}.sample{width:13px;height:13px;border-radius:3px;background:#23974a}.sample.red{background:#d52753}.sample.outline{background:white;border:1px dashed #9ba3b7}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.weekday{text-align:center;color:#6b7080;padding:7px 0;font-size:.8rem}.day{padding:6px 2px;min-height:83px;display:flex;flex-direction:column;gap:4px;align-items:stretch;border:1px solid #275fe430;border-radius:9px;font-size:.85rem}.day:hover{background:#f2f5ff}.day.selected{border-color:#275fe4;background:#edf2ff}.day .date{text-align:left;padding-left:4px;font-weight:600}.day.today .date{text-decoration:underline;text-underline-offset:4px}.chip{display:block;border-radius:4px;padding:2px 0;font-size:.72rem;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.chip.income{background:#23974a;color:white}.chip.expense{background:#d52753;color:white}.chip.planned.income{background:#eef8f1;color:#23974a;border:1px dashed #97c8a6}.chip.planned.expense{background:#fff0f4;color:#d52753;border:1px dashed #e6a1b3}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.actions>*{flex:1;min-width:110px}.record{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #e9eaf0}.record:last-child{border:0}.record small{display:block;margin-top:4px}.record strong{white-space:nowrap;font-variant-numeric:tabular-nums}.status{border-radius:5px;padding:2px 6px;background:#eef0f8;margin-left:6px;font-size:.75rem;color:#6b7080}.status.plan{background:#fff3de;color:#8c6526}.empty{padding:30px 0;color:#6b7080}.nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:8px;background:#fffffff5;border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom));z-index:5}.nav :is(button,a){flex:1;max-width:170px;border:0}.nav :is(button,a):not(.active){background:transparent;color:#6b7080}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.fields .full{grid-column:1/-1}.stack{display:grid;gap:14px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0}.toolbar label{display:flex;align-items:center;gap:7px}.chart{width:100%;height:300px;display:block}.wallets{display:flex;gap:15px;flex-wrap:wrap}.wallets label{display:flex;align-items:center;gap:6px}.balance{font-size:2rem;font-weight:650;margin-top:12px;font-variant-numeric:tabular-nums}.split-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.transfer{background:#eef1ff;padding:14px;border-radius:9px;margin-top:10px}.payline{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}dialog{border:0;border-radius:18px;padding:22px;width:min(520px,calc(100% - 24px));max-height:88dvh;overflow-y:auto;color:inherit}dialog::backdrop{background:#383a4266}.close{padding:8px 13px}.amount{font-size:1.8rem}details{margin:16px 0}summary{cursor:pointer;padding:6px 0}.notice{margin-top:16px;padding:12px;background:#f0f2f8;border-radius:9px;font-size:.85rem;color:#6b7080}[hidden]{display:none!important}#feedback{min-height:24px;color:#23974a;margin-top:10px}svg text{font-family:inherit;font-size:12px;fill:#6b7080}.date-title{display:flex;align-items:baseline;gap:8px}.menu-list{display:grid;gap:10px;margin-top:20px}.error{color:#d52753;margin-top:10px}@media(max-width:740px){.shell{padding:16px 12px 100px}.layout,.split-grid{grid-template-columns:1fr}:is(.panel,.card){padding:14px}.heading{margin-top:20px}.day{min-height:75px}.chip{font-size:clamp(9px,2.45vw,12px)}.fields{gap:12px}.chart{height:260px}}@media(max-width:380px){.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}.calendar{gap:1px}.day{padding:5px 0}.nav{gap:2px}.nav :is(button,a){padding:9px 5px}}
.period-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 18px}.period-nav h2{text-align:center}.period-nav button{flex:0 0 44px}.wallet-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.wallet-row button{grid-column:1/-1;justify-self:start}.wallet-value{font-size:1.25rem;font-variant-numeric:tabular-nums}.adjustment{color:#823ff1}#adjust-diff{font-variant-numeric:tabular-nums}.chip.adjustment{background:#f2ebff;color:#823ff1}
/* Muted gray surfaces; income and expense colors remain semantic. */
:root{background:#eeeeef;color:#383a42;--green:#627b36;--red:#9a602e;--line:#dcdde1}
button{background:#f5f5f6}
button.primary,button.active{background:#697383;border-color:#697383;color:#fff}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#8b97ab}
input,select,textarea{background:#f1f1f2;border-color:#cfd0d5}
input[type=checkbox]{accent-color:#758196}
.brand span{background:#747b88}
.demo{background:#e2e3e6;color:#666b76}
:is(.panel,.card),dialog{background:#f9f9f9}
.nav{background:#eeeeeff5}
.nav :is(button,a).active{background:#dfe2e7;color:#383a42}
.day{background:#f9f9f9}
.day:hover{background:#eff0f3}
.day.selected{background:#e9ecf2}
.sample{background:#bdcb99}
.sample.red{background:#e5c29c}
.sample.outline{background:#f9f9f9;border-color:#969ba5}
.chip.income{background:#cedbb0;color:#455a28}
.chip.expense{background:#edd0af;color:#81502a}
.chip.planned.income{background:#f4f6ed;color:#627b36;border-color:#a9b98a}
.chip.planned.expense{background:#faf3eb;color:#9a602e;border-color:#cfa77e}
.status{background:#e8e9ed;color:#626774}
.status.plan{background:#eee7db;color:#816c48}
.transfer{background:#e8eaee}
.adjustment{color:#74658b}
.chip.adjustment{background:#ece8f0;color:#74658b}
#feedback{color:#627b36}
.error{color:#9a602e}

:root{background:#eeedeb;color:#3e4247;--green:#697d3d;--red:#996c42;--line:#dddedb}
:is(.panel,.card),dialog,.day{background:#faf9f6}
button{background:#f3f2ef}
button.primary,button.active{background:#687c8c;border-color:#687c8c}
input,select,textarea{background:#f0efec;border-color:#cfd0cb}
input[type=checkbox]{accent-color:#687c8c}
.brand{display:flex;align-items:center;gap:10px}
.app-symbol{border-radius:10px;display:block}
.demo{background:#e1e2de}
.nav{background:#eeedebf5}
.nav :is(button,a){display:flex;flex-direction:column;align-items:center;gap:3px}
.nav :is(button,a) svg{height:22px;width:22px;flex-shrink:0}
.nav :is(button,a).active{background:#e0e4e6;color:#475e70}
.day.selected{background:#e8ecee}
.day:hover{background:#eff0ed}
.chip.income{background:#d3dcba;color:#4f612d}
.chip.expense{background:#ebd5bd;color:#805a35}
.chip.planned.income{background:#f2f4ec;border-color:#acba8e;color:#697d3d}
.chip.planned.expense{background:#f8f2eb;border-color:#cfb191;color:#996c42}
.sample{background:#b7c592}.sample.red{background:#d4b38e}

:root{color-scheme:light;--chart-grid:#e4e6ee;--chart-line:#78869c;--chart-today:#a0a1a7}
.design-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.design-option{display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:1px solid var(--line);color:inherit}
.design-option[aria-pressed="true"]{background:#e0e4e6;border-color:#879aa7;color:#3e4247}
.design-swatch{display:flex;align-items:center;gap:3px;flex-shrink:0;width:38px;height:30px;padding:6px;border-radius:7px;background:#eeedeb;border:1px solid #c9ccc9}
.design-swatch i{display:block;width:10px;height:12px;border-radius:3px;background:#b7c592}
.design-swatch i+i{background:#d4b38e}
.design-swatch.night{background:#191a1d;border-color:#4b4d54}
.design-swatch.night i{background:#8fbfae}.design-swatch.night i+i{background:#c69ba8}
html[data-design="2"]{color-scheme:dark;background:#151619;color:#e1e0dc;--green:#a1cdbd;--red:#d7adba;--line:#383b42;--chart-grid:#383b42;--chart-line:#a2b6c7;--chart-today:#777e88}
html[data-design="2"] :is(.panel,.card),html[data-design="2"] dialog,html[data-design="2"] .day{background:#202125}
html[data-design="2"] button{background:#2c2e34;border-color:#42464e;color:#e1e0dc}
html[data-design="2"] button.primary{background:#8095a5;border-color:#8095a5;color:#12171b}
html[data-design="2"] input,html[data-design="2"] select,html[data-design="2"] textarea{background:#292b30;border-color:#454951;color:#e1e0dc}
html[data-design="2"] input[type="checkbox"]{accent-color:#a2b6c7}
html[data-design="2"] small,html[data-design="2"] .muted,html[data-design="2"] .weekday,html[data-design="2"] .empty{color:#a6a9b0}
html[data-design="2"] .demo{background:#303239;color:#bec1c8}
html[data-design="2"] .nav{background:#191a1df5}
html[data-design="2"] .nav :is(button,a){background:transparent;color:#a6a9b0}
html[data-design="2"] .nav :is(button,a).active{background:#343b43;color:#dce6ee}
html[data-design="2"] .day{border-color:#a2b6c733}
html[data-design="2"] .day.selected{border-color:#a2b6c7;background:#303943}
html[data-design="2"] .day:hover{background:#292e36}
html[data-design="2"] .chip.income{background:#8fbfae;color:#162b24}
html[data-design="2"] .chip.expense{background:#c69ba8;color:#301e26}
html[data-design="2"] .chip.planned.income{background:#24342e;border-color:#668d7d;color:#acd6c6}
html[data-design="2"] .chip.planned.expense{background:#392b32;border-color:#956e7c;color:#dfb6c4}
html[data-design="2"] .sample{background:#8fbfae}
html[data-design="2"] .sample.red{background:#c69ba8}
html[data-design="2"] .sample.outline{background:#202125;border-color:#a6a9b0}
html[data-design="2"] .record{border-color:#383b42}
html[data-design="2"] .status{background:#36383e;color:#bec1c8}
html[data-design="2"] .status.plan{background:#40372b;color:#dcc59f}
html[data-design="2"] .transfer{background:#30353c}
html[data-design="2"] .adjustment{color:#bdafd0}
html[data-design="2"] .chip.adjustment{background:#3b3346;color:#d0c0e4}
html[data-design="2"] #feedback{color:#a1cdbd}
html[data-design="2"] .error{color:#d7adba}
html[data-design="2"] svg text{fill:#a6a9b0}
html[data-design="2"] dialog::backdrop{background:#000a}
html[data-design="2"] .design-option{background:transparent}
html[data-design="2"] .design-option[aria-pressed="true"]{background:#343b43;border-color:#a2b6c7;color:#e1e0dc}

.design-option{min-width:0}.design-option>span:last-child{overflow-wrap:anywhere}.design-choices{align-items:stretch}
html[data-design="3"]{color-scheme:light;background:#e9eff5;color:#35495d;--green:#567e86;--red:#9a7184;--line:#ccd9e4;--chart-grid:#ccd9e4;--chart-line:#6586a4;--chart-today:#667c90}
html[data-design="3"] :is(.panel,.card),html[data-design="3"] dialog,html[data-design="3"] .day{background:#f7fafc}
html[data-design="3"] button{background:#edf3f8;color:#35495d;border-color:#ccd9e4}
html[data-design="3"] button.primary{background:#6586a4;color:#fff;border-color:#6586a4}
html[data-design="3"] button:focus-visible,html[data-design="3"] input:focus-visible,html[data-design="3"] select:focus-visible,html[data-design="3"] summary:focus-visible{outline-color:#6586a4}
html[data-design="3"] input,html[data-design="3"] select,html[data-design="3"] textarea{background:#edf3f8;border-color:#ccd9e4;color:#35495d}
html[data-design="3"] input[type="checkbox"]{accent-color:#6586a4}
html[data-design="3"] small,html[data-design="3"] .muted,html[data-design="3"] .weekday,html[data-design="3"] .empty{color:#667c90}
html[data-design="3"] .demo,html[data-design="3"] .status{background:#dce7f0;color:#667c90}
html[data-design="3"] .nav{background:#e9eff5f5;border-color:#ccd9e4}
html[data-design="3"] .nav :is(button,a){background:transparent;color:#667c90}
html[data-design="3"] .nav :is(button,a).active{background:#dce7f0;color:#35495d}
html[data-design="3"] .day{border-color:#6586a440}
html[data-design="3"] .day.selected{background:#e0ebf4;border-color:#6586a4}
html[data-design="3"] .day:hover{background:#dce7f0}
html[data-design="3"] .chip.income{background:#c2dce0;color:#375b63}
html[data-design="3"] .chip.expense{background:#e5cbd7;color:#725064}
html[data-design="3"] .chip.planned.income{background:#edf6f7;color:#567e86;border-color:#9bbec5}
html[data-design="3"] .chip.planned.expense{background:#f8f0f5;color:#9a7184;border-color:#cba6b9}
html[data-design="3"] .sample{background:#c2dce0}
html[data-design="3"] .sample.red{background:#e5cbd7}
html[data-design="3"] .sample.outline{background:#f7fafc;border-color:#667c90}
html[data-design="3"] .record{border-color:#ccd9e4}
html[data-design="3"] .status.plan{background:#f8f0f5;color:#9a7184}
html[data-design="3"] .transfer{background:#dce7f0}
html[data-design="3"] .adjustment{color:#7d7598}
html[data-design="3"] .chip.adjustment{background:#ece9f4;color:#7d7598}
html[data-design="3"] #feedback{color:#567e86}
html[data-design="3"] .error{color:#725064}
html[data-design="3"] svg text{fill:#667c90}
html[data-design="3"] dialog::backdrop{background:#35495d66}
html[data-design="3"] .design-option{background:transparent}
html[data-design="3"] .design-option[aria-pressed="true"]{background:#dce7f0;border-color:#6586a4;color:#35495d}
html[data-design="3"] .app-symbol>rect:first-of-type{fill:#6586a4}
html[data-design="3"] .app-symbol>rect:nth-of-type(2){fill:#f7fafc}
html[data-design="3"] .app-symbol>path:first-of-type{stroke:#ccd9e4}
html[data-design="3"] .app-symbol>path:nth-of-type(2){stroke:#567e86}
html[data-design="3"] .app-symbol>circle{fill:#9a7184}
.design-swatch.theme-3{background:#e9eff5;border-color:#ccd9e4}.design-swatch.theme-3 i{background:#9bbec5}.design-swatch.theme-3 i+i{background:#cba6b9}
html[data-design="4"]{color-scheme:light;background:#f3e9ee;color:#5d414f;--green:#76864e;--red:#a16d8a;--line:#e2ccd7;--chart-grid:#e2ccd7;--chart-line:#ad7e98;--chart-today:#8b6d7c}
html[data-design="4"] :is(.panel,.card),html[data-design="4"] dialog,html[data-design="4"] .day{background:#fcf8fa}
html[data-design="4"] button{background:#f6edf2;color:#5d414f;border-color:#e2ccd7}
html[data-design="4"] button.primary{background:#ad7e98;color:#fff;border-color:#ad7e98}
html[data-design="4"] button:focus-visible,html[data-design="4"] input:focus-visible,html[data-design="4"] select:focus-visible,html[data-design="4"] summary:focus-visible{outline-color:#ad7e98}
html[data-design="4"] input,html[data-design="4"] select,html[data-design="4"] textarea{background:#f6edf2;border-color:#e2ccd7;color:#5d414f}
html[data-design="4"] input[type="checkbox"]{accent-color:#ad7e98}
html[data-design="4"] small,html[data-design="4"] .muted,html[data-design="4"] .weekday,html[data-design="4"] .empty{color:#8b6d7c}
html[data-design="4"] .demo,html[data-design="4"] .status{background:#ecdce5;color:#8b6d7c}
html[data-design="4"] .nav{background:#f3e9eef5;border-color:#e2ccd7}
html[data-design="4"] .nav :is(button,a){background:transparent;color:#8b6d7c}
html[data-design="4"] .nav :is(button,a).active{background:#ecdce5;color:#5d414f}
html[data-design="4"] .day{border-color:#ad7e9840}
html[data-design="4"] .day.selected{background:#f0dfe9;border-color:#ad7e98}
html[data-design="4"] .day:hover{background:#ecdce5}
html[data-design="4"] .chip.income{background:#d6dfbb;color:#536333}
html[data-design="4"] .chip.expense{background:#e9c9db;color:#77465f}
html[data-design="4"] .chip.planned.income{background:#f3f6ec;color:#76864e;border-color:#b2bf91}
html[data-design="4"] .chip.planned.expense{background:#fbf0f6;color:#a16d8a;border-color:#c99cb4}
html[data-design="4"] .sample{background:#d6dfbb}
html[data-design="4"] .sample.red{background:#e9c9db}
html[data-design="4"] .sample.outline{background:#fcf8fa;border-color:#8b6d7c}
html[data-design="4"] .record{border-color:#e2ccd7}
html[data-design="4"] .status.plan{background:#fbf0f6;color:#a16d8a}
html[data-design="4"] .transfer{background:#ecdce5}
html[data-design="4"] .adjustment{color:#89749b}
html[data-design="4"] .chip.adjustment{background:#eee7f4;color:#89749b}
html[data-design="4"] #feedback{color:#76864e}
html[data-design="4"] .error{color:#77465f}
html[data-design="4"] svg text{fill:#8b6d7c}
html[data-design="4"] dialog::backdrop{background:#5d414f66}
html[data-design="4"] .design-option{background:transparent}
html[data-design="4"] .design-option[aria-pressed="true"]{background:#ecdce5;border-color:#ad7e98;color:#5d414f}
html[data-design="4"] .app-symbol>rect:first-of-type{fill:#ad7e98}
html[data-design="4"] .app-symbol>rect:nth-of-type(2){fill:#fcf8fa}
html[data-design="4"] .app-symbol>path:first-of-type{stroke:#e2ccd7}
html[data-design="4"] .app-symbol>path:nth-of-type(2){stroke:#76864e}
html[data-design="4"] .app-symbol>circle{fill:#a16d8a}
.design-swatch.theme-4{background:#f3e9ee;border-color:#e2ccd7}.design-swatch.theme-4 i{background:#b2bf91}.design-swatch.theme-4 i+i{background:#c99cb4}
html[data-design="5"]{color-scheme:light;background:#f3efdf;color:#56503c;--green:#6f8051;--red:#a07345;--line:#ded5b9;--chart-grid:#ded5b9;--chart-line:#897744;--chart-today:#82775c}
html[data-design="5"] :is(.panel,.card),html[data-design="5"] dialog,html[data-design="5"] .day{background:#fcfaf1}
html[data-design="5"] button{background:#f5f0df;color:#56503c;border-color:#ded5b9}
html[data-design="5"] button.primary{background:#897744;color:#fff;border-color:#897744}
html[data-design="5"] button:focus-visible,html[data-design="5"] input:focus-visible,html[data-design="5"] select:focus-visible,html[data-design="5"] summary:focus-visible{outline-color:#897744}
html[data-design="5"] input,html[data-design="5"] select,html[data-design="5"] textarea{background:#f5f0df;border-color:#ded5b9;color:#56503c}
html[data-design="5"] input[type="checkbox"]{accent-color:#897744}
html[data-design="5"] small,html[data-design="5"] .muted,html[data-design="5"] .weekday,html[data-design="5"] .empty{color:#82775c}
html[data-design="5"] .demo,html[data-design="5"] .status{background:#eae2c6;color:#82775c}
html[data-design="5"] .nav{background:#f3efdff5;border-color:#ded5b9}
html[data-design="5"] .nav :is(button,a){background:transparent;color:#82775c}
html[data-design="5"] .nav :is(button,a).active{background:#eae2c6;color:#56503c}
html[data-design="5"] .day{border-color:#89774440}
html[data-design="5"] .day.selected{background:#f0e7c7;border-color:#897744}
html[data-design="5"] .day:hover{background:#eae2c6}
html[data-design="5"] .chip.income{background:#d7dfbb;color:#4d6132}
html[data-design="5"] .chip.expense{background:#ead2af;color:#78532c}
html[data-design="5"] .chip.planned.income{background:#f2f5e9;color:#6f8051;border-color:#b2bf8e}
html[data-design="5"] .chip.planned.expense{background:#fbf2e5;color:#a07345;border-color:#cbae82}
html[data-design="5"] .sample{background:#d7dfbb}
html[data-design="5"] .sample.red{background:#ead2af}
html[data-design="5"] .sample.outline{background:#fcfaf1;border-color:#82775c}
html[data-design="5"] .record{border-color:#ded5b9}
html[data-design="5"] .status.plan{background:#fbf2e5;color:#a07345}
html[data-design="5"] .transfer{background:#eae2c6}
html[data-design="5"] .adjustment{color:#8f7b66}
html[data-design="5"] .chip.adjustment{background:#eee6d9;color:#8f7b66}
html[data-design="5"] #feedback{color:#6f8051}
html[data-design="5"] .error{color:#78532c}
html[data-design="5"] svg text{fill:#82775c}
html[data-design="5"] dialog::backdrop{background:#56503c66}
html[data-design="5"] .design-option{background:transparent}
html[data-design="5"] .design-option[aria-pressed="true"]{background:#eae2c6;border-color:#897744;color:#56503c}
html[data-design="5"] .app-symbol>rect:first-of-type{fill:#897744}
html[data-design="5"] .app-symbol>rect:nth-of-type(2){fill:#fcfaf1}
html[data-design="5"] .app-symbol>path:first-of-type{stroke:#ded5b9}
html[data-design="5"] .app-symbol>path:nth-of-type(2){stroke:#6f8051}
html[data-design="5"] .app-symbol>circle{fill:#a07345}
.design-swatch.theme-5{background:#f3efdf;border-color:#ded5b9}.design-swatch.theme-5 i{background:#b2bf8e}.design-swatch.theme-5 i+i{background:#cbae82}
.menu-entry{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin:0;min-height:68px}.menu-entry svg{width:26px;height:26px;flex:0 0 26px}.menu-entry .menu-arrow{margin-left:auto;font-size:1.5rem;line-height:1}.menu-entry+.menu-list{margin-top:18px}
/* Application adapters */
main.shell{padding-top:12px}.top{max-width:1100px}.brand{color:inherit}.brand .app-symbol{display:block;flex:none}.bottom.nav{max-width:none}.bottom.nav a{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:54px;min-width:0;padding:8px 5px;border-radius:10px;flex:1}.bottom.nav a svg{width:22px;height:22px;flex:none}.bottom.nav a span{font-size:.85rem}.card{margin-bottom:18px}.layout>.card{margin:0}.row{flex-wrap:wrap}.field{min-width:0}.fields>*{min-width:0}.actions>*{min-width:0;flex:1 1 130px}.day{border-width:1px}.day.selected{border-width:1px}.day small{font-size:.72rem}#app h1{margin:8px 0 18px}.menu-entry{color:inherit}.menu-links{display:grid;gap:10px}.menu-links a{display:flex;justify-content:space-between;color:inherit;padding:12px 0}.menu-links button{text-align:left}.menu-entry svg{width:26px;height:26px;flex:none}.record small{display:block}.list-item{overflow-wrap:anywhere}.pay-line,.pay-pattern{background:transparent;border-color:var(--line)}.pay-line .row{flex-wrap:wrap}.pay-line .fields,.pay-pattern .fields{gap:12px}.positive{color:var(--green)}.negative{color:var(--red)}.tag{background:transparent;color:inherit;border:1px solid var(--line)}a{color:inherit}.quiet,.secondary{background:transparent!important;color:inherit!important;border:1px solid var(--line)}button.primary{background:var(--chart-line);color:#fff}.danger{background:transparent;color:var(--red);border:1px solid var(--line)}.warning,.success{background:transparent;color:inherit;border:1px solid var(--line)}.note{color:inherit;border-color:var(--line)}dialog{background:var(--surface,#f9f9f9)}[hidden]{display:none!important}#toast{bottom:95px}#graph-point{font-variant-numeric:tabular-nums}#money-chart{height:300px}.period-nav button{min-width:44px}.design-option[aria-pressed=true]{outline:1px solid currentColor}.split-grid>.card{align-self:start}.split-grid input{max-width:100%}.brand span:not(.menu-arrow){background:transparent}button,input,select,textarea{max-width:100%}@media(max-width:600px){main.shell{padding:12px 12px 110px}.fields{grid-template-columns:1fr}.card{padding:16px}.top{padding:16px 12px}.calendar{gap:3px}.day{min-height:78px}.chip{font-size:clamp(9px,2.4vw,12px)}.bottom.nav a{max-width:none}dialog{padding:18px}.split-row{grid-template-columns:1fr}.pay-toolbar{flex-wrap:wrap}}

#graph-unit{width:auto}.transfer-amount{display:block}.menu-entry{margin-bottom:18px}.layout{margin-bottom:18px}html[data-design="2"]{--surface:#202125}html[data-design="3"]{--surface:#f7fafc}html[data-design="4"]{--surface:#fcf8fa}html[data-design="5"]{--surface:#fcfaf1}

/* Calendar: iPhone widths from 320px; seven equal cells with bounded labels. */
.calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar .day{min-width:0;max-width:100%;padding:6px 1px;min-height:80px}.calendar .chip{box-sizing:border-box;max-width:100%;min-width:0;white-space:nowrap;font-size:10px;letter-spacing:-.025em;line-height:1.5}.calendar .chip.adjustment{font-size:9px;white-space:normal;overflow-wrap:anywhere}
.day-balances{margin:8px 0 18px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.day-balances h3{margin:0}.balance-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0}.balance-row>span{min-width:0;overflow-wrap:anywhere}.balance-row strong{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.balance-row small{display:block}.day-balances .balance-shortfall,.day-balances .balance-shortfall small{color:#bd334a!important}html[data-design="2"] .day-balances .balance-shortfall,html[data-design="2"] .day-balances .balance-shortfall small{color:#ff9bad!important}
@media(max-width:600px){main.shell{padding-left:10px;padding-right:10px}.layout>.card:first-child{padding:12px 8px}.layout{grid-template-columns:minmax(0,1fr)}.calendar .day{min-height:78px}.calendar .chip{font-size:10px}.bottom.nav a{max-width:180px}.summary{gap:14px}.summary strong{font-size:1.1rem}}

.calendar .chip.mixed{font-size:9px}

/* v10: full-width month grid, exact digits; exceptionally long values wrap. */
.calendar .chip,.calendar .chip.mixed{font-size:10px;white-space:normal;overflow-wrap:anywhere;word-break:normal;letter-spacing:-.04em;line-height:1.25;padding:3px 0;font-variant-numeric:tabular-nums}
@media(max-width:600px){.layout>.card:first-child{margin-left:-10px;margin-right:-10px;width:calc(100% + 20px);max-width:none;padding:12px 3px;border-radius:12px}.calendar{gap:2px}.calendar .day{padding:6px 0;min-height:82px}.calendar .chip,.calendar .chip.mixed{font-size:10px}.calendar .date{padding-left:4px}}

/* v11: align the calendar card with the selected-day card; center amounts. */
.summary{justify-content:center;text-align:center}.summary>div{flex:1;min-width:0}.summary strong{display:block;text-align:center}.calendar .chip{text-align:center}
@media(max-width:740px){.layout>.card:first-child,.layout>.panel:first-child{margin-left:0;margin-right:0;width:auto;max-width:100%;padding:14px;border-radius:18px}.calendar{gap:2px}.calendar .chip,.calendar .chip.mixed{font-size:10px}}

.setup-progress{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:12px 0}.setup-progress li{border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:.85rem}.setup-progress li[aria-current]{font-weight:700;border-color:currentColor}.setup-progress+.muted{margin-bottom:16px}.list-item small{display:block}.app-version{padding-top:8px}.setup-progress~.actions{margin-bottom:24px}

/* v13: constrain Safari date controls to the dialog's available width. */
dialog form,dialog .fields,dialog .field{min-width:0;max-width:100%}
dialog .fields{grid-template-columns:repeat(2,minmax(0,1fr))}
input:is([type="date"],[type="month"],[type="time"],[type="datetime-local"]){display:block;width:100%;min-width:0;max-width:100%;min-inline-size:0;box-sizing:border-box}
input::-webkit-date-and-time-value{min-width:0;text-align:left}
input::-webkit-datetime-edit{min-width:0;padding:0}
dialog{overflow-x:hidden;overscroll-behavior-x:contain}
@media(max-width:600px){dialog .fields{grid-template-columns:minmax(0,1fr)}}
/* Card withdrawals are separate from purchase expenses. */
:root{--withdrawal-bg:#e8e3f1;--withdrawal-fg:#65517f;--withdrawal-line:#a99abb;--shift-color:#6b57aa}
html[data-design="2"]{--withdrawal-bg:#352f43;--withdrawal-fg:#d4c6eb;--withdrawal-line:#8977a4;--shift-color:#ccb5ff}
html[data-design="3"]{--withdrawal-bg:#dce5f3;--withdrawal-fg:#4b638e;--withdrawal-line:#92a4bf;--shift-color:#7259a0}
html[data-design="4"]{--withdrawal-bg:#e8e0f1;--withdrawal-fg:#745785;--withdrawal-line:#b69bc3;--shift-color:#75529b}
html[data-design="5"]{--withdrawal-bg:#e4e0ce;--withdrawal-fg:#65623e;--withdrawal-line:#aaa47e;--shift-color:#76619b}
.calendar .chip.withdrawal{background:var(--withdrawal-bg);color:var(--withdrawal-fg);border:1px dashed var(--withdrawal-line)}
.calendar .chip.withdrawal.paid{border-style:solid}
.sample.withdrawal-key{background:var(--withdrawal-bg);border:1px dashed var(--withdrawal-line)}
.calendar .date.shift-date,.shift-legend{color:var(--shift-color);font-weight:800}
.calendar .date.shift-date{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.calendar-bills{margin-bottom:18px}.calendar-bills .row>*{min-width:0;overflow-wrap:anywhere}
.pay-pattern>small{display:block;margin:10px 0}