/* Miisaaniyad: warm daylight, clear type, thumb-friendly controls. */
:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-variant-numeric:tabular-nums}
html[data-theme="light"]{--paper:#f6eedf;--surface:#fcf8ef;--card:#fcf8ef;--surface-soft:#efe4cf;--ink:#382f24;--muted:#75654f;--ink-soft:#62503a;--line:#e5d7bd;--green:#8b591e;--green-light:#f0e2c6;--accent:#8b591e;--chart-plan:#d4bd91;--chart-actual:#a6702d;--shadow:0 6px 24px #6b491008}
html[data-theme="light"] .balance-card{background:linear-gradient(120deg,#f0d8aa,#f5e6c8);border:1px solid #dcc08d;color:#493313;box-shadow:0 7px 24px #9163160a}
html[data-theme="light"] .balance-top,html[data-theme="light"] .balance-card>p,html[data-theme="light"] .balance-bottom{color:#775b32}
html[data-theme="light"] .balance-bottom{border-color:#b68d4d35}html[data-theme="light"] .balance-bottom b{color:#493313}
html[data-theme="light"] .balance-mark,html[data-theme="light"] .hero-link{background:#fff8e966;color:#684718}
html[data-theme="light"] .balance-card::after{border-color:#b68d4d16;box-shadow:0 0 0 38px #b68d4d05}
html[data-theme="light"] .primary,html[data-theme="light"] .brand-mark{background:#8b591e;color:#fff9ed;box-shadow:none}
html[data-theme="light"] .secondary,html[data-theme="light"] .row-actions .secondary,html[data-theme="light"] .tabs .selected,html[data-theme="light"] .welcome-icon{background:var(--surface-soft);color:var(--accent)}
html[data-theme="light"] .category-icon,html[data-theme="light"] .metric-icon,html[data-theme="light"] .tag{background:#f0e5d0;color:#8b591e}
html[data-theme="light"] .dialog-body input,html[data-theme="light"] .dialog-body select,html[data-theme="light"] .dialog-body textarea,html[data-theme="light"] .income-row input,html[data-theme="light"] .close{background:#f8f0e2;border-color:var(--line);color:var(--ink)}
html[data-theme="light"] .dialog-body .hint,html[data-theme="light"] .empty{background:#f3ead8;border-color:var(--line)}
html[data-theme="light"] .numbers{border-color:var(--line)}html[data-theme="light"] .numbers strong{color:var(--ink)}
html[data-theme="light"] .insight-alert.info>span{background:#efe4cf;color:#8b591e}
html[data-theme="light"] .progress-track i{background:#af7834}html[data-theme="light"] .theme-knob{background:#e8c98e}
body{font-size:15px;line-height:1.55}.shell{max-width:1040px}.brand{font-size:19px}.brand small{font-size:9px}.intro h1{font-size:30px;letter-spacing:-.8px}.intro .eyebrow{display:none}.intro .subhead{font-size:13px}.intro{padding:22px 0 14px}.sync-status{font-size:11px}.connection{display:none}
.primary,.secondary,.small-button,.plain,.text-action{font-size:14px;min-height:44px}.icon-button{min-width:40px;min-height:44px}.topbar{gap:10px}.account{gap:7px}.brand-mark{background:var(--accent)}
.tabs button{font-size:13px;min-height:46px}.tabs .icon{width:21px;height:21px}.tabs button span:last-child{font-size:13px}
.balance-card{padding:19px 21px;border-radius:22px}.balance-top{font-size:14px}.balance-card>strong{font-size:38px;margin-top:5px;letter-spacing:-1px}.balance-card>p{font-size:12px;margin:5px 0 12px}.balance-bottom{font-size:12px}.balance-bottom b{font-size:14px}.hero-link{font-size:13px;min-height:44px;padding:8px 11px}
.home-segments>button{font-size:14px;min-height:44px;padding:8px}.home-segments>.settings-shortcut{flex-basis:44px;max-width:44px}
.snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.snapshot{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:15px;text-align:left;color:var(--ink);min-width:0}.snapshot>span{font-size:13px;color:var(--muted)}.snapshot strong{display:block;font-size:25px;letter-spacing:-.5px;margin:5px 0}.snapshot small{display:block;font-size:11px;line-height:1.5;color:var(--muted)}
.compact-alert{padding:13px}.compact-alert b{font-size:14px}.compact-alert small{font-size:12px;line-height:1.55}.compact-alert>span .icon{width:20px;height:20px}
.daily-tip{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:16px;margin:12px 0}.tip-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tip-head>span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--accent);font-weight:600}.tip-head .icon{width:17px;height:17px}.tip-head>button{border:0;border-radius:10px;background:var(--surface-soft);color:var(--accent);min-height:44px;padding:8px 10px;font-size:12px}.daily-tip h3{font-size:17px;margin:9px 0 6px;letter-spacing:-.3px}.daily-tip p{font-size:14px;color:var(--muted);line-height:1.6;margin:0}.daily-tip .text-action{padding-bottom:0;min-height:44px}
.home-extra{border-bottom:1px solid var(--line);margin:12px 0}.home-extra>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:13px;color:var(--ink-soft);cursor:pointer;list-style:none}.home-extra>summary::-webkit-details-marker{display:none}.home-extra .icon{width:17px;height:17px}.home-extra[open]>summary .icon{transform:rotate(90deg)}
.compact-metrics .insight-metric p{font-size:12px}.compact-metrics .insight-metric small{font-size:11px}.compact-metrics .insight-metric strong{font-size:24px}.quick-heading h3,.recent-mini h3{font-size:16px}.quick-heading small{font-size:11px}.quick-entries>button{min-height:64px}.quick-entries>button>span{font-size:13px}.quick-entries>button>.icon:first-child{width:20px;height:20px}
.section-intro h2{font-size:23px}.section-intro p,.muted-copy,.help-text,.empty-note,.hint{font-size:13px;line-height:1.6}.section-intro{margin-top:18px}.dashboard-panel{padding:18px}.panel-heading h3,.scenario-panel h3{font-size:19px}.panel-heading .eyebrow,.scenario-panel .eyebrow{font-size:10px}.panel-heading select,#ledgerKind{font-size:16px;min-height:44px;max-width:155px}.category-legend button{font-size:14px;min-height:48px}.category-legend small{font-size:11px}.category-legend strong{font-size:14px}.donut small{font-size:12px}.donut strong{font-size:20px}.trend-column small,.trend-key,.history-table p{font-size:12px}
.insight-alert h4{font-size:16px}.insight-alert p{font-size:14px;line-height:1.6}.insight-alert button{font-size:13px;min-height:44px}.review-item h4,.recent-row h4,.goal-row h4{font-size:14px}.review-item small,.recent-row small{font-size:12px;line-height:1.5}.review-item>strong,.recent-row>strong{font-size:15px}.review-item .small-button{font-size:13px;min-height:44px;padding:8px}.scenario-options label,.scenario-options strong,.range-label{font-size:14px}.scenario-result small{font-size:12px}.scenario-result strong{font-size:25px}.goal-row>p{font-size:12px}
.toolbar h3{font-size:20px}.toolbar p{font-size:13px}.filter-wrap{font-size:12px}.search-box input,.filter-wrap select,#monthInput{font-size:16px;min-height:44px}.search-box{min-height:46px}.toolbar{gap:12px}.finance-row h4,.compact-item .item-heading h4{font-size:16px;line-height:1.4}.finance-row p,.compact-item .item-heading p{font-size:12px;line-height:1.6}.compact-item .item-total strong{font-size:17px}.compact-item .item-total small{font-size:11px}.compact-item .item-heading .category-icon{width:36px;height:36px}.item-details,.item-details>summary,.plan-details,.numbers{font-size:13px}.item-details>summary{min-height:44px}.row-actions{gap:8px}.row-actions .plain,.expense-list[data-view="funds"] .row-actions .plain{font-size:13px}.value-button{min-width:44px;min-height:44px}.fund-heading h4{font-size:17px}.fund-balance{font-size:30px}.finance-row .tag{font-size:12px}.list-pagination button,.list-pagination>span{font-size:14px;min-height:44px}.list-pagination small{font-size:12px}.list-pagination{gap:14px}.numbers{gap:7px}.numbers strong{font-size:15px}.recent-mini .recent-row h4{font-size:14px}.recent-mini .recent-row small{font-size:12px}
dialog{width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 28px);border-radius:22px}.dialog-head{padding:22px 20px 15px}.dialog-head h2{font-size:23px}.dialog-head p{font-size:13px;line-height:1.6}.dialog-head .eyebrow{font-size:10px}.dialog-body{padding:0 20px 24px}.dialog-body label,.account-body .income-row label{font-size:14px}.dialog-body input,.dialog-body select,.dialog-body textarea{font-size:16px;min-height:48px;max-width:100%;width:100%}.dialog-body input[type="checkbox"]{width:20px;min-height:20px;flex-shrink:0}.dialog-body .hint{font-size:13px}.dialog-body .checkbox-label{font-size:14px}.close{min-width:44px;min-height:44px}.form-grid{gap:10px;min-width:0}.form-grid>label{min-width:0}.account-body .summary .sum-card p{font-size:13px}.account-body .summary .sum-card small{font-size:12px}.account-body .summary strong{font-size:20px}.monthly-details>summary,.income-settings>summary{font-size:14px;min-height:48px}.savings-strip>div{font-size:14px}.strip-note{display:none}.account-body .hint{font-size:13px}.account-body .income-row .plain{font-size:14px}.error,.toast{font-size:14px}.auth-links{flex-wrap:wrap;gap:8px}footer{font-size:11px;color:var(--muted)}
html[data-theme="dark"] .daily-tip{background:#1c2d36}html[data-theme="dark"] .snapshot{background:var(--surface)}
html[data-theme="light"] .toast{background:#76501e;color:#fff9ed}html[data-theme="light"] #availableTotal.negative{color:#873c27!important}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:800px){.shell{padding:0 16px calc(100px + env(safe-area-inset-bottom))}.topbar{height:72px;gap:5px}.brand{font-size:16px;gap:7px;white-space:nowrap}.brand small{display:none}.brand-mark{width:31px;height:34px;border-radius:11px}.account{gap:3px}.account .icon-button{width:40px;height:44px;padding:8px}.account #signOut{width:40px;height:44px;padding:9px}.theme-switch{width:54px;min-height:36px}.intro{padding:16px 0 11px;gap:12px}.intro h1,html[data-view] .intro h1{font-size:27px}.intro .subhead{display:none}.intro .primary{min-height:44px;padding:10px 12px;font-size:13px}.intro .primary .icon{width:18px;height:18px}.sync-status{font-size:11px;min-height:17px;margin-bottom:8px}.month-nav{gap:5px}.month-row{margin-bottom:13px}.month-nav .arrow{width:36px;height:44px}.today-button{min-height:44px;font-size:13px;padding:8px}.month-nav #monthInput{width:150px;min-height:44px;font-size:16px}.balance-card{padding:17px;border-radius:19px}.balance-top{font-size:13px}.balance-card>strong{font-size:35px}.balance-card>p{font-size:12px;line-height:1.5}.balance-bottom{font-size:12px}.balance-bottom b{font-size:13px}.hero-link{font-size:13px}.home-segments{margin:12px 0}.home-segments>button{font-size:13px;min-height:44px}.home-segments>.settings-shortcut{max-width:39px;flex-basis:39px}.snapshot{padding:13px}.snapshot>span{font-size:13px}.snapshot strong{font-size:24px}.snapshot small{font-size:11px}.compact-alert b{font-size:14px}.compact-alert small{font-size:12px}.daily-tip{padding:15px}.daily-tip p{font-size:14px}.compact-metrics .insight-metric p{font-size:12px}.compact-metrics .insight-metric strong{font-size:23px}.compact-metrics .insight-metric small{font-size:11px}.quick-heading{margin-top:19px}.quick-heading h3{font-size:16px}.quick-heading small{display:none}.quick-entries{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-entries>button{min-height:85px;padding:11px;gap:7px}.quick-entries>button>span{font-size:12px;line-height:1.4;overflow-wrap:normal}.quick-entries>button>.icon:last-child{display:none}.tabs{border-top:1px solid var(--line);box-shadow:0 -5px 25px #00000005}.tabs button span:last-child{font-size:11px}.tabs button{min-height:48px}.tabs .icon{width:21px;height:21px}html[data-theme="light"] .tabs{background:#fcf8eff7}.toolbar{display:flex;flex-wrap:wrap;align-items:center}.toolbar>div:first-child{width:100%}.toolbar .search-box{width:100%;flex-basis:100%}.toolbar .filters{max-width:100%;width:100%;justify-content:space-between;gap:8px;flex-wrap:wrap}.filter-wrap select{max-width:145px}.filters .secondary{font-size:13px;padding:10px}.expense-list{gap:11px}.compact-item{padding:15px}.compact-item .item-heading{gap:9px}.compact-item .item-heading h4{font-size:15px}.compact-item .item-heading p{font-size:12px}.compact-item .item-total strong{font-size:17px}.compact-item .item-total small{font-size:11px}.item-details>summary{font-size:13px;min-height:44px}.finance-row h4{font-size:15px}.finance-row p{font-size:12px}.finance-row .row-actions{flex-wrap:wrap}.row-actions .secondary,.row-actions .plain{font-size:13px}.expense-list[data-view="funds"] .row-actions{flex-wrap:wrap}.expense-list[data-view="schedule"] .row-actions .plain{width:auto}.category-chart{flex-direction:column;gap:14px}.category-legend{width:100%}.category-legend button{font-size:14px}.category-legend strong{font-size:14px}.category-legend small{font-size:12px}.panel-heading{align-items:flex-start}.panel-heading h3,.scenario-panel h3{font-size:18px}.section-intro p{font-size:13px}.review-item{display:grid;grid-template-columns:1fr auto;gap:5px 8px}.review-item .category-icon{display:none}.review-item>div{grid-column:1;grid-row:1/3}.review-item>strong{grid-column:2;font-size:15px}.review-item .small-button{grid-column:2;font-size:13px}.review-item h4{font-size:15px}.review-item small{font-size:12px}.muted-copy,.help-text{font-size:13px}.recent-mini h3{font-size:15px}.recent-mini .recent-row h4{font-size:14px}.recent-mini .recent-row small{font-size:12px}.account-body .summary strong{font-size:20px}.account-body .summary .sum-card{padding:12px}.scenario-result{padding:14px;gap:8px}.scenario-result strong{font-size:23px}.scenario-result small{font-size:12px}.scenario-panel .eyebrow{max-width:230px;line-height:1.5}.scenario-options label{font-size:14px}.scenario-options strong{font-size:13px}.range-label{font-size:14px}.trend-key,.trend-column small,.history-table p{font-size:12px}.insight-alert h4{font-size:15px}.insight-alert p{font-size:14px}.insight-alert button{font-size:13px}footer{font-size:11px;line-height:1.7;margin-top:22px}.account #setupOpen{max-width:95px;font-size:12px;line-height:1.3}.empty h2{font-size:24px}.empty p{font-size:15px}}
@media(max-width:359px){.shell{padding-left:12px;padding-right:12px}.brand{font-size:14px;gap:5px}.brand-mark{width:28px;height:31px}.account .icon-button,.account #signOut{width:35px;min-width:35px;padding:7px}.account{gap:1px}.theme-switch{width:50px}.theme-switch[aria-checked="true"] .theme-knob{transform:translateX(16px)}.month-nav #monthInput{width:140px}.today-button{padding:7px}.intro h1,html[data-view] .intro h1{font-size:25px}.intro .primary{font-size:12px;padding:9px}.home-segments>button{font-size:12px;padding:7px 4px}.home-segments>.settings-shortcut{flex-basis:32px;max-width:32px}.snapshot{padding:12px}.snapshot strong{font-size:23px}.snapshot>span{font-size:12px}.quick-entries>button>span{font-size:12px}.compact-item .item-heading .category-icon{display:none}.compact-item .item-heading h4{font-size:15px}.form-grid{grid-template-columns:1fr}.account-body .summary{grid-template-columns:1fr}.panel-heading{flex-wrap:wrap}.account .theme-switch{flex-shrink:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.toolbar>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center}.toolbar #viewTitle{grid-column:1;grid-row:1;margin:0}.toolbar #viewHint{grid-column:1/-1;grid-row:2;margin:0}.toolbar #newPlan{grid-column:2;grid-row:1;width:auto;min-width:112px;min-height:44px;white-space:nowrap;font-size:13px;padding:10px 12px}.filters .filter-wrap{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin:0;font-size:12px;line-height:1.4}.filters .filter-wrap select{margin:0;min-height:44px;max-width:none;width:100%;font-size:16px;line-height:1.3;padding:9px 30px 9px 12px;border-radius:11px}
@media(max-width:800px){.toolbar{gap:12px}.toolbar>div:first-child{width:100%}.toolbar #viewTitle{font-size:18px}.toolbar .filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:100%;max-width:none;align-items:start}.toolbar .filters .filter-wrap{min-width:0;width:100%;font-size:12px;letter-spacing:0;color:var(--muted)}.toolbar .filters .filter-wrap select{width:100%;max-width:none;min-width:0;height:44px;min-height:44px;font-size:16px;font-weight:400;color:var(--ink);background:var(--surface);border:1px solid var(--line)}.toolbar #newPlan .icon{width:17px;height:17px}.toolbar #newPlan{min-width:112px}.toolbar #viewHint{font-size:12px;line-height:1.5}.toolbar:has(#ledgerKindWrap.hidden) .filters{grid-template-columns:minmax(0,1fr)}.toolbar:has(#ledgerKindWrap.hidden) .filter-wrap{max-width:220px}}
/* Preserve readable labels instead of the old icon-only add control. */
@media(max-width:800px){.filters #newPlan{width:auto;min-width:112px;white-space:nowrap}.search-box input{width:100%;min-width:0}.search-box{min-width:0}.search-box .icon{flex-shrink:0}.finance-row .fund-balance small{font-size:14px;margin-left:5px}.account-body input{font-size:16px}.privacy-mode .daily-tip p,.privacy-mode .compact-alert small,.privacy-mode .scenario-result,.privacy-mode .numbers,.privacy-mode .fund-heading p{filter:blur(7px);user-select:none}}
