:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Noto Sans SC,sans-serif;font-size:17px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-text-size-adjust:100%}button{font:inherit;min-height:48px;touch-action:manipulation;-webkit-user-select:none;user-select:none}input,textarea,select{font:inherit;min-height:44px;width:100%}.screen{display:flex;flex-direction:column;height:100%;height:100dvh}.bar{display:flex;align-items:center;gap:8px;padding:2px 6px;min-height:52px;flex:0 0 auto;font-size:.85rem;border-bottom:1px solid}.undobar{justify-content:space-between}.topbar-date{font-variant-numeric:tabular-nums;flex:0 0 auto}.cityrow{display:flex;gap:4px;flex:1 1 auto;min-width:0}.cityrow button{flex:1 1 0;min-width:0;min-height:44px;padding:0 2px;font-size:.85rem;white-space:nowrap}.cityrow-wide button{min-height:48px;font-size:.95rem}.balance{display:flex;justify-content:space-between;align-items:baseline;gap:8px;width:100%;flex:0 0 auto;padding:6px 10px;min-height:44px;font-size:.9rem;text-align:left;background:none;border:0;border-bottom:1px solid}.balance-static{display:flex}.balance-amt{font-variant-numeric:tabular-nums;font-size:1.15rem}.amount{padding:8px 12px 0}.amount-jpy{font-size:2.6rem;font-variant-numeric:tabular-nums;text-align:right;line-height:1.1}.amount-cny{font-size:1rem;text-align:right;padding-bottom:6px}.list{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;border-top:1px solid;border-bottom:1px solid;min-height:0}.list-empty{padding:12px;font-size:.9rem}.row{display:flex;width:100%;align-items:baseline;gap:8px;padding:8px 10px;min-height:48px;text-align:left;background:none;border:0;border-bottom:1px solid}.row-time{font-variant-numeric:tabular-nums;font-size:.85rem;flex:0 0 auto}.row-cat{flex:0 0 auto}.row-note{flex:1 1 auto;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-amt{flex:0 0 auto;font-variant-numeric:tabular-nums}.pad{flex:0 0 auto;padding:6px 6px calc(6px + env(safe-area-inset-bottom))}.payrow{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.catrow{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:6px}.catrow button{padding:0 2px;min-height:56px;font-size:.95rem;white-space:nowrap}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.numpad button{min-height:54px;font-size:1.3rem;font-variant-numeric:tabular-nums}[aria-pressed=true]{font-weight:700;outline:2px solid;outline-offset:-2px}.form{padding:12px;overflow-y:auto;flex:1 1 auto}.field{margin-bottom:14px}.field label{display:block;font-size:.85rem;margin-bottom:4px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{flex:1 1 auto;min-width:120px}.hint{font-size:.85rem;margin:8px 0}@media (max-height: 640px){.bar{min-height:48px}.cityrow button{min-height:44px}.amount{padding-top:2px}.amount-jpy{font-size:1.9rem}.amount-cny{font-size:.9rem;padding-bottom:2px}.balance{min-height:40px;padding:4px 10px}.catrow button{min-height:50px}.numpad button{min-height:46px;font-size:1.15rem}}.hero{padding:8px 0 4px}.hero-label{font-size:.9rem}.hero-amt{font-size:3rem;line-height:1.05;font-variant-numeric:tabular-nums}.hero-cny{font-size:1rem}.sec-title{font-size:1rem;font-weight:700;margin:12px 0 8px}.bars{display:flex;flex-direction:column;gap:10px}.barrow-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.9rem;margin-bottom:3px}.barrow-val{font-variant-numeric:tabular-nums;flex:0 0 auto}.bartrack{height:14px;border:1px solid;overflow:hidden}.barfill{height:100%;background:currentColor;min-width:0}.citytable{width:100%;border-collapse:collapse;font-size:.95rem}.citytable td{padding:8px 4px;border-bottom:1px solid}.citytable .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.hero-sub{font-size:.9rem;margin-top:4px}