:root{--bg: #fff6e9;--bg-deep: #ffedd6;--surface: #ffffff;--ink: #4a3f35;--ink-2: #8a7a6b;--ink-3: #b8a893;--line: #f2e5cf;--line-strong: #e7d5b6;--green: #58cc02;--green-deep: #4cad00;--green-soft: #edffc4;--orange: #ff9600;--orange-deep: #e08500;--orange-soft: #fff0d2;--red: #ff4b4b;--red-deep: #e02f2f;--red-soft: #ffe1e1;--blue: #1cb0f6;--blue-deep: #1899d6;--blue-soft: #ddf4ff;--yellow: #ffc800;--yellow-deep: #e6a800;--yellow-soft: #fff6d1;--pink: #ff4b8b;--pink-deep: #f02f74;--pink-soft: #ffe3ec;--purple: #a566ff;--purple-deep: #8f43f5;--purple-soft: #f3e8ff;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;--shadow-card: 0 3px 0 var(--line-strong);--font-display: "Baloo 2", "ZCOOL KuaiLe", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-body: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-fun: "ZCOOL KuaiLe", "PingFang SC", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at 12% 8%,#ffe7bd66 0%,transparent 42%),radial-gradient(circle at 90% 90%,#ffd9e05c 0%,transparent 40%),var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{display:flex;justify-content:center}.app-shell{width:100%;max-width:460px;min-height:100dvh;display:flex;flex-direction:column;position:relative;padding-top:env(safe-area-inset-top)}@media (min-width: 520px){.app-shell{border-left:2px solid var(--line);border-right:2px solid var(--line);box-shadow:0 0 60px #e8d4ae55}}.fun{font-family:var(--font-fun);letter-spacing:.02em}.num{font-family:var(--font-display);font-weight:800;font-variant-numeric:tabular-nums}h1,h2,h3,p{margin:0}.btn{--c: var(--green);--cd: var(--green-deep);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border:none;border-radius:var(--radius-md);border-bottom:4px solid var(--cd);background:var(--c);color:#fff;font-family:var(--font-body);font-size:16px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .15s,transform .06s,border-bottom-width .06s}.btn:active{transform:translateY(3px);border-bottom-width:1px}.btn:disabled{filter:saturate(.2) opacity(.6);pointer-events:none}.btn.green{--c: var(--green);--cd: var(--green-deep)}.btn.orange{--c: var(--orange);--cd: var(--orange-deep)}.btn.blue{--c: var(--blue);--cd: var(--blue-deep)}.btn.red{--c: var(--red);--cd: var(--red-deep)}.btn.yellow{--c: var(--yellow);--cd: var(--yellow-deep);color:#7a5800}.btn.pink{--c: var(--pink);--cd: var(--pink-deep)}.btn.purple{--c: var(--purple);--cd: var(--purple-deep)}.btn.ghost{--c: var(--surface);--cd: var(--line-strong);color:var(--ink);border:2px solid var(--line-strong);border-bottom-width:4px}.btn.soft{--c: var(--orange-soft);--cd: #f5d9a6;color:var(--orange-deep);border-bottom-color:#f0cd92}.btn.small{padding:8px 14px;font-size:14px;border-radius:var(--radius-sm);border-bottom-width:3px}.btn.block{width:100%}.pressable{transition:transform .08s ease;cursor:pointer}.pressable:active{transform:scale(.96)}.card{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--bg);color:var(--ink-2);white-space:nowrap}.amount-pill{font-family:var(--font-display);font-weight:800;font-size:15px;padding:2px 10px;border-radius:999px;white-space:nowrap}.amount-pill.pos{background:var(--green-soft);color:var(--green-deep)}.amount-pill.neg{background:var(--red-soft);color:var(--red-deep)}.amount-pill.zero{background:var(--bg);color:var(--ink-3)}.field-label{font-size:13px;font-weight:700;color:var(--ink-2);margin:14px 0 6px;display:flex;justify-content:space-between;align-items:center}.input{width:100%;padding:12px 14px;border:2px solid var(--line-strong);border-radius:var(--radius-sm);background:#fffdf8;font-size:16px;font-family:var(--font-body);color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ff960026}textarea.input{resize:none}.stepper{display:flex;align-items:center;gap:10px}.stepper button{width:46px;height:46px;border-radius:14px;border:none;border-bottom:4px solid var(--line-strong);background:var(--surface);font-size:24px;font-family:var(--font-display);color:var(--ink);cursor:pointer;transition:transform .06s,border-bottom-width .06s}.stepper button:active{transform:translateY(2px);border-bottom-width:2px}.stepper .value{flex:1;text-align:center;font-family:var(--font-display);font-weight:800;font-size:26px;padding:8px 0;background:var(--bg);border-radius:var(--radius-sm);border:2px solid var(--line)}.switch{position:relative;width:52px;height:30px;border-radius:999px;background:#e8dcc8;border:none;cursor:pointer;transition:background .2s;flex-shrink:0}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.switch.on{background:var(--green)}.switch.on:after{transform:translate(22px)}.tab-bar{position:sticky;bottom:0;z-index:40;display:flex;justify-content:space-around;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fffdf8ee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:2px solid var(--line)}.tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:none;font-size:11px;font-weight:700;color:var(--ink-3);cursor:pointer;padding:4px 12px;border-radius:12px;transition:color .15s,transform .1s}.tab-item svg{width:26px;height:26px}.tab-item.active{color:var(--orange-deep)}.tab-item:active{transform:scale(.9)}.tab-item .tab-badge{position:absolute;margin-left:26px;margin-top:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--red);color:#fff;font-size:10px;font-family:var(--font-display);display:flex;align-items:center;justify-content:center}@keyframes pop-in{0%{opacity:0;transform:scale(.85) translateY(8px)}70%{transform:scale(1.03)}to{opacity:1;transform:scale(1) translateY(0)}}.pop-in{animation:pop-in .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float-y{animation:float-y 3s ease-in-out infinite}@keyframes wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.wiggle{animation:wiggle .5s ease-in-out infinite}@keyframes coin-up{0%{opacity:0;transform:translateY(6px) scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(-46px) scale(1.15)}}.coin-fx{position:absolute;left:50%;top:-4px;transform:translate(-50%);font-family:var(--font-display);font-weight:800;color:var(--green-deep);font-size:16px;pointer-events:none;animation:coin-up .9s ease-out forwards}@keyframes confetti-fall{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}}.confetti-bit{position:absolute;width:10px;height:14px;border-radius:3px;animation:confetti-fall 1.1s ease-out forwards}@keyframes shake-draw{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-14deg) scale(1.05)}40%{transform:rotate(12deg) scale(1.08)}60%{transform:rotate(-10deg) scale(1.05)}80%{transform:rotate(8deg) scale(1.02)}}.shake-draw{animation:shake-draw .7s ease-in-out infinite}@keyframes shine{0%{background-position:-200% center}to{background-position:200% center}}.shine-text{background:linear-gradient(110deg,#b8860b 20%,gold 40%,#fff8dc,gold 60%,#b8860b 80%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 2.4s linear infinite}.page-pad{padding:0 16px;flex:1}.page-scroll{flex:1;overflow-y:auto;padding-bottom:24px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.grow{flex:1;min-width:0}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.muted{color:var(--ink-2)}.section-title{display:flex;align-items:baseline;gap:8px;font-family:var(--font-fun);font-size:19px;margin:22px 2px 10px}.section-title .cnt{font-family:var(--font-display);font-size:13px;color:var(--ink-2)}.empty{text-align:center;padding:36px 16px;color:var(--ink-3)}.empty .big{font-size:44px;margin-bottom:8px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none}.chip-row{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px}.chip-row .filter-chip{flex-shrink:0;padding:8px 16px;border-radius:999px;border:2px solid var(--line-strong);background:var(--surface);font-size:14px;font-weight:700;color:var(--ink-2);cursor:pointer;transition:all .15s}.chip-row .filter-chip.active{background:var(--ink);border-color:var(--ink);color:#fff}