:root{--page:#fff;--egp:#c6bdb4;--ink:#231f20;--muted:#8a8279;--bg:#fff;--cream-track:#f3eee8;--charcoal:#231f20;--in:#c47d79;--out:#6d8672;--font:"PingFang SC", "HarmonyOS Sans SC", "MiSans", -apple-system, BlinkMacSystemFont, "Noto Sans SC", "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--page)}html,body,#root{min-height:100dvh;overscroll-behavior-x:none;min-height:-webkit-fill-available}body{font-family:var(--font);background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}#root{background:var(--page);max-width:430px;height:100dvh;min-height:100dvh;margin:0 auto}.home,.page{min-height:100dvh;background:var(--page);flex-direction:column;height:100%;min-height:-webkit-fill-available;display:flex;position:relative}.home{touch-action:none;overscroll-behavior:none;overflow:hidden}.stack{height:100%;min-height:100dvh;background:var(--page);min-height:-webkit-fill-available;position:relative;overflow:hidden}.layer{position:absolute;inset:0}.layer-over{z-index:1;will-change:transform}.edge-grip{z-index:4;touch-action:none;width:22px;position:absolute;top:0;bottom:0;left:0}.edge-grip[hidden]{display:none}.page.tint-egp,.page.tint-cny{background:var(--page);color:var(--ink)}.topbar{padding:calc(10px + env(safe-area-inset-top)) 16px 8px;background:var(--page);grid-template-columns:48px 1fr 56px;align-items:center;display:grid}.topbar h1{text-align:center;letter-spacing:.01em;font-size:18px;font-weight:500}.icon-btn{width:44px;height:44px;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;place-items:center;display:grid}.text-btn{height:44px;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0 12px;font-size:15px;font-weight:500}.topbar-home{grid-template-columns:none;justify-content:space-between;display:flex}.bar-space{width:44px;height:44px}.backup-list{padding:20px 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;display:flex}.backup-list button{background:var(--charcoal);color:#faf7f2;-webkit-tap-highlight-color:transparent;border:none;border-radius:18px;height:54px;font-size:16px;font-weight:500}.backup-list button:nth-child(2){background:var(--bg);color:var(--ink)}.backup-list button:nth-child(3){background:var(--cream-track);color:var(--ink)}.backup-list button:active{filter:brightness(.94)}.backup-msg{text-align:center;color:var(--ink);padding-top:8px;font-size:14px}.pair{flex:none;grid-template-columns:1fr 1fr;gap:14px;height:38vh;min-height:220px;margin-top:auto;padding:0 18px;display:grid}.card{-webkit-tap-highlight-color:transparent;border:none;border-radius:32px;justify-content:center;align-items:flex-end;padding:0 12px 4px;display:flex;overflow:visible;-webkit-mask-image:linear-gradient(#0000 22%,#0006 48%,#000 72% 100%);mask-image:linear-gradient(#0000 22%,#0006 48%,#000 72% 100%)}.card-egp{color:var(--charcoal);background:linear-gradient(#c6bdb400 38%,#c6bdb466 62%,#c6bdb4e0 84%,#c6bdb4 100%)}.card-cny{color:#f7f4ef;background:linear-gradient(#231f2000 36%,#231f2066 60%,#231f20e6 82%,#231f20 100%)}.card span{letter-spacing:0;font-size:28px;font-weight:500;line-height:1}.card-cny span{color:#f7f4ef;text-shadow:0 1px #00000059}.card:active{filter:brightness(1.08)}.home-stats{flex-direction:column;flex:1;gap:12px;min-height:0;padding:6px 20px 8px;display:flex}.stat-block{width:100%;color:inherit;text-align:left;-webkit-tap-highlight-color:transparent;border:none;border-radius:20px;padding:14px 16px 12px;display:block}.stat-egp,.stat-cny{background:var(--cream-track)}.amt-in{color:var(--in)}.amt-out{color:var(--out)}.stat-block header{color:var(--muted);align-items:baseline;gap:8px;font-size:13px;display:flex}.stat-block header span{color:var(--ink);font-size:18px;font-weight:500}.stat-block div{grid-template-columns:1fr 1fr;gap:12px;margin-top:10px;display:grid}.stat-block p span{font-size:13px;display:block}.stat-block p.amt-in span,.stat-block p.amt-in b{color:var(--in)}.stat-block p.amt-out span,.stat-block p.amt-out b{color:var(--out)}.stat-block p b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:26px;font-weight:600;display:block}.page-egp{touch-action:none;overflow:hidden}.more-pop{top:calc(10px + env(safe-area-inset-top) + 44px);z-index:10;background:#fff;border-radius:14px;flex-direction:column;min-width:148px;display:flex;position:absolute;right:10px;overflow:hidden;box-shadow:0 10px 28px #231f2024}.more-pop button{text-align:left;height:48px;color:var(--ink);background:0 0;border:none;padding:0 16px;font-size:15px;font-weight:500}.more-pop button+button{border-top:1px solid #231f200f}.more-pop button.danger{color:var(--in)}.page-egp .note,.page-egp .add-name{touch-action:manipulation}.page-egp.has-dock .cat-stack{padding-bottom:12px}.kind-tabs{justify-self:center;gap:22px;display:flex}.kind-tabs button{height:36px;color:var(--muted);background:0 0;border:none;padding:0;font-size:17px;font-weight:500}.kind-tabs button.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}.pager{touch-action:none;flex:1;min-height:0;overflow:hidden}.pager-track{will-change:transform;width:200%;height:100%;display:flex;transform:translate(0,0)}.pager-page{pointer-events:none;flex-direction:column;flex:0 0 50%;justify-content:flex-end;width:50%;height:100%;display:flex;overflow:hidden}.pager-page.on{pointer-events:auto}.cat-stack{padding:8px 22px calc(22px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex}.cat-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.cat-cell{color:var(--ink);background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.cat-tile{aspect-ratio:1;color:#fdfbf4;border-radius:18px;place-items:center;width:100%;max-width:108px;display:grid}.cat-tile.on{outline:2px solid var(--ink);outline-offset:3px}.cat-add{background:var(--cream-track);color:var(--ink)}.cat-cell:active{filter:brightness(.94)}.dock{background:#fff;border-top:1px solid #231f200f}.dock-top{align-items:center;gap:10px;padding:10px 16px 4px;display:flex}.dock-date{background:var(--cream-track);min-width:76px;height:36px;color:var(--ink);border-radius:10px;flex:none;place-items:center;padding:0 10px;font-size:13px;font-weight:500;display:grid;position:relative;overflow:hidden}.dock-date input{opacity:0;border:none;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.note{min-width:0;height:40px;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:15px}.dock-top strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:baseline;gap:4px;font-size:28px;font-weight:600;display:flex}.dock-top strong span{color:var(--muted);font-size:13px;font-weight:500}.pad{padding:6px 8px calc(10px + env(safe-area-inset-bottom));background:var(--cream-track);touch-action:manipulation;grid-template-rows:repeat(4,56px);grid-template-columns:repeat(3,1fr) 1.05fr;gap:1px;display:grid}.pad-key,.pad-ok,.sheet-ok{color:var(--ink);background:#fff;border:none;font-size:22px;font-weight:500}.pad-ok,.sheet-ok{background:var(--charcoal);color:#fdfbf4;grid-area:1/4/5;font-size:16px;font-weight:600}.sheet-ok{border-radius:16px;grid-area:auto;width:100%;height:52px;margin-top:14px}.pad-ok:disabled,.sheet-ok:disabled{opacity:.28}.add-name{background:var(--cream-track);width:100%;height:52px;color:var(--ink);border:none;border-radius:16px;outline:none;margin-top:12px;padding:0 16px;font-size:16px}.sheet-mask{z-index:6;background:#231f2047;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{background:var(--page);width:100%;padding:22px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.sheet-cat{font-size:16px;font-weight:500}.stats-body{padding:8px 20px calc(24px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.stats-hero{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.stats-hero button{background:var(--cream-track);text-align:left;border:none;border-radius:16px;padding:12px 14px}.stats-hero button.on{box-shadow:inset 0 0 0 1.5px}.stats-hero span{font-size:13px;display:block}.stats-hero b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:24px;font-weight:600;display:block}.stats-hero .amt-in span,.stats-hero .amt-in b{color:var(--in)}.stats-hero .amt-out span,.stats-hero .amt-out b{color:var(--out)}.stats-empty{color:var(--muted);padding:4px 2px 16px;font-size:14px}.stats-list{margin-bottom:18px;list-style:none}.stats-list li{border-top:1px solid #231f200f;justify-content:space-between;gap:12px;padding:12px 2px;font-size:16px;display:flex}.stats-list li:first-child{border-top:none}.stats-list li.day-break{border-top:2px solid var(--ink)}.stats-list em{font-variant-numeric:tabular-nums;flex:none;font-size:20px;font-style:normal;font-weight:600}.stats-row{width:100%;color:inherit;text-align:left;font:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.stats-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.stats-meta b{font-weight:500}.stats-meta small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.edit-field{margin-top:12px;display:block}.edit-field span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.edit-field input{background:var(--cream-track);width:100%;height:48px;color:var(--ink);text-align:left;border:none;border-radius:14px;outline:none;padding:0 14px;font-size:16px}.edit-field input[type=date]{appearance:none;align-items:center;line-height:48px;display:flex}.edit-field input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:48px;line-height:48px}.edit-field input[type=date]::-webkit-datetime-edit{text-align:left;align-items:center;height:48px;padding:0;line-height:48px;display:flex}.edit-field input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}.sheet-del{width:100%;height:48px;color:var(--in);background:0 0;border:none;margin-top:8px;font-size:16px;font-weight:500}