:root{--bg:#f4f8fb;--ink:#243947;--muted:#788b98;--line:#e3edf3;--green:#709fb9;--pale:#eaf4fb;--accent:#c9eafb;--card:#fff;--accentink:#37677e}body{background:var(--bg);color:var(--ink)}aside,.card,.month,input,select,.secondary{background:var(--card)}.brand{font-size:29px;letter-spacing:-1px}.mark{background:var(--accent);letter-spacing:0;font-size:17px;padding:8px;width:39px}.tag,.sidebottom,.desktoplabel{display:none}.topbar{border:0;padding:0;justify-content:space-between}.topbar .avatar{display:none}.demo{background:var(--pale);color:var(--accentink);font-size:10px}.langbtn{border-radius:20px;background:var(--card);border:1px solid var(--line);padding:9px 15px;min-height:40px}.heading h1{font-size:28px;font-weight:650}.heading{margin:25px 0}.summary{display:grid;grid-template-columns:1fr 1fr;gap:15px}.summary .card{padding:24px}.summary .primary{background:var(--pale);border:1px solid var(--line)}.summary h2{font-size:12px;color:var(--muted);font-weight:500;margin:0}.summary .value{font-size:33px;font-weight:600;letter-spacing:-1px;margin:16px 0}.summary .value small{font-size:13px;font-weight:400;letter-spacing:0}.balancecheck{font-size:12px;color:var(--accentink);min-height:32px}.sectionhead{margin:28px 0 16px}.sectionhead h2{font-size:15px;font-weight:600}.cat{border:0;border-radius:18px;box-shadow:0 2px 12px #7690a407}.cat .symbol{background:var(--pale);color:var(--accentink)}.catamount{font-weight:600}.track{display:none}.attention{margin:18px 0;background:var(--card);color:var(--ink);border-color:var(--line);padding:0;display:block}.attention summary{list-style:none;padding:17px;cursor:pointer}.attention summary:after{content:'⌄';float:right;color:var(--muted)}.attention button{display:flex;justify-content:space-between;width:100%;padding:15px 17px;border-top:1px solid var(--line);font-size:13px}.fab{position:fixed;bottom:32px;right:35px;width:58px;height:58px;border-radius:50%;background:var(--accent);color:#21475b;font-size:32px;box-shadow:0 5px 20px #5b8ca440;z-index:4}.button{background:var(--accent);color:#21475b}.secondary{background:var(--card);color:var(--ink)}.pill{background:var(--pale);color:var(--accentink)}.link{color:var(--accentink)}.nav button.active{background:var(--pale);color:var(--accentink)}.txclick{cursor:pointer}.txclick:hover{background:var(--pale)}.sheettable{width:100%;border-collapse:collapse;margin-top:20px;font-size:13px}.sheettable th{text-align:left;color:var(--muted);font-size:11px;font-weight:500;padding:12px 5px}.sheettable td{padding:16px 5px;border-top:1px solid var(--line)}.sheettable th:last-child,.sheettable td:last-child{text-align:right}.sheettable tr[data-id]{cursor:pointer}.sheettable tr[data-id]:hover{background:var(--pale)}dialog{background:var(--card);max-height:85dvh;overflow:auto}dialog h2{font-weight:600}.formactions{position:sticky;bottom:-29px;background:var(--card);padding:14px 0}.themechoices{display:flex;gap:8px;flex-wrap:wrap}.themechoices button{border:1px solid var(--line);border-radius:9px;padding:12px 16px}.themechoices button.chosen{background:var(--pale);border-color:var(--accent)}.swatch{width:40px;height:40px;border-radius:50%;border:3px solid var(--card);outline:1px solid var(--line)}.swatch.chosen{outline:2px solid var(--accentink)}.settinggroup{margin-bottom:22px}.settinggroup label{margin:0 0 12px}.result{background:var(--pale)}.avatar{background:var(--pale);color:var(--accentink)}.manualnote{font-size:11px;color:var(--muted);margin-top:8px}html[data-dark=true]{--bg:#131b22;--card:#1d2831;--ink:#e5eef5;--muted:#9aabb9;--line:#2a3a46;--pale:#243746;--accentink:#abd0e7}html[data-dark=true] .txicon{background:var(--pale)}html[data-dark=true] .pendingbox{background:#3b3327;color:#eddbc0}html[data-dark=true] .pendingbox p{color:#bdb1a0}html[data-dark=true] .attention{background:var(--card)}html[data-dark=true] .transaction{border-color:var(--line)}.profilebutton{display:flex;gap:14px;align-items:center;text-align:left;width:100%;padding:0}@media(max-width:700px){.workspace{padding:19px 18px 115px}.summary{gap:10px}.summary .card{padding:18px 15px;border-radius:18px}.summary .value{font-size:26px;margin:16px 0 10px}.summary h2{font-size:12px}.categories{grid-template-columns:1fr 1fr}.fab{bottom:100px;right:22px;width:53px;height:53px}.nav button{min-height:49px}.nav button.active{background:none;color:var(--accentink)}aside{background:var(--card)}.heading{align-items:center;flex-wrap:nowrap;gap:6px}.heading h1{font-size:25px;margin:0}.month input{width:125px;font-size:12px}.month button{width:23px}.catamount{font-size:23px}.caption{font-size:11px}dialog{border-radius:23px;width:calc(100vw - 24px);padding:24px}.formactions{bottom:-24px}.sheettable td{padding:16px 4px}.settings .card{padding:21px}.txdetail strong{font-size:12px}.txdetail p{font-size:10px}.amount{font-size:12px}}
/* iOS Safari focuses form controls without enlarging the visual viewport at 16px. */
@media (max-width: 700px) {
  input, select, textarea, button[type="submit"] { font-size: 16px !important; }
  input[type="color"] { min-height: 44px; }
  dialog { max-width: calc(100vw - 24px); }
}