:root{color-scheme:light;--accent:#ffdc46;--bg:#fff;--panel:#fff;--line:#ececec;--muted:#656565}body{color:#161616;background:var(--bg);font:16px Roboto,system-ui,sans-serif}header{background:var(--accent);color:#171717;max-width:720px;margin:auto;padding:14px 18px;position:sticky;top:0;z-index:2}header .brand{color:#292929}main{padding-top:12px}.card,dialog,.nav{background:var(--panel);color:inherit;border-color:var(--line)}.nav button{color:var(--muted)}.nav button.active,.link{color:#987100}.nav .plus,.btn,.bar span,.tabs .active{background:var(--accent);color:#171717}.nav .plus{box-shadow:0 0 0 5px var(--panel)}input,select,.cat,.tabs,.secondary{color:inherit;background:#f1f1f1;border-color:var(--line)}.cat{border-radius:50%;min-height:54px}.cat.selected{background:var(--accent);color:#171717}.transaction{border-color:var(--line)}.summary{background:var(--accent);color:#171717;padding:15px 12px}.summary span{color:#554919}.summary b{font-size:clamp(14px,3.8vw,21px)}dialog{animation:appear .16s ease-out}.bar{background:#ddd}.nav i svg{width:23px;height:23px}.themegrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.themegrid button{border:1px solid #aaa;border-radius:12px;height:75px;font-weight:700}body.dark{color-scheme:dark;--bg:#181818;--panel:#222;--line:#333;color:white}body.dark header,body.dark .summary{background:#202020;color:white}body.dark header .brand,body.dark .summary span{color:#bbb}body.dark :is(input,select,.cat,.tabs){background:#303030}body.dark .cat.selected{background:var(--accent)}@keyframes appear{from{transform:translateY(8px);opacity:.6}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:#eaebee;padding:8px}.keypad button{border:0;border-radius:5px;background:var(--panel);color:inherit;min-height:45px;font-size:21px}.keypad button:last-child{background:var(--accent);color:#181818}.donut{width:155px;height:155px;display:grid;place-items:center;border-radius:50%;margin:16px auto}.donut b{display:grid;place-items:center;background:var(--panel);border-radius:50%;width:102px;height:102px;font-size:15px}header>div{flex:1}.grid .cat{border-radius:12px}.grid .cat b{border-radius:50%;width:38px;height:38px;display:grid;place-items:center;margin:0 auto 4px}.dark .keypad{background:#252525}