:root{--teal: #0a9396;--teal-d: #077a7d;--teal-l: #e6f6f6;--orange: #ee9b00;--orange-l: #fff4e0;--green: #2a9d8f;--red: #e76f51;--ink: #1f2a30;--muted: #6b7c84;--line: #eaf0f2;--bg: #eef3f5;--card: #ffffff;--shadow: 0 2px 10px rgba(10, 40, 50, .06);--radius: 16px;--nav-h: 64px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5}button{font-family:inherit;cursor:pointer;border:0;background:none}input,select,textarea{font-family:inherit;font-size:16px}a{color:inherit;text-decoration:none}.app{max-width:480px;margin:0 auto;min-height:100%;background:var(--bg);position:relative;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px))}.page{padding:14px}.hdr{background:linear-gradient(135deg,var(--teal),var(--teal-d));color:#fff;padding:calc(16px + env(safe-area-inset-top,0px)) 16px 20px;border-radius:0 0 22px 22px}.hdr-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.hdr-user{display:flex;align-items:center;gap:6px;background:#ffffff26;padding:5px 10px;border-radius:999px;color:#fff}.month-nav{display:flex;align-items:center;gap:6px;background:#ffffff2e;border-radius:999px;padding:4px 6px}.month-nav button{color:#fff;font-size:16px;width:26px;height:26px;border-radius:50%}.month-nav b{min-width:118px;text-align:center;font-size:14px}.balance{margin-top:16px}.balance small{opacity:.88;font-size:12.5px}.balance b{display:block;font-size:30px;font-weight:800;letter-spacing:.3px}.tc{display:flex;gap:10px;margin-top:14px}.tc>div{flex:1;background:#ffffff24;border-radius:12px;padding:9px 12px}.tc small{font-size:11px;opacity:.9;display:block}.tc span{font-weight:700;font-size:15px}.sec-title{font-size:12.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin:16px 2px 8px;display:flex;justify-content:space-between;align-items:center}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:14px 16px}.jars{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jar{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:11px 12px;box-shadow:var(--shadow)}.jar .jt{font-size:13px;font-weight:600;display:flex;gap:6px;align-items:center}.bar{height:6px;background:#eef3f5;border-radius:99px;margin:9px 0 5px;overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;transition:width .4s ease}.jar .pc{font-size:11.5px;color:var(--muted)}.warn{color:var(--red);font-weight:700}.tx{display:flex;align-items:center;gap:11px;padding:11px 14px;border-bottom:1px solid var(--line)}.tx:last-child{border-bottom:0}.tx .ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;flex:none;background:var(--teal-l)}.tx .nm{flex:1;min-width:0}.tx .nm b{font-size:14px;font-weight:600;display:block}.tx .nm small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.amt-out{color:var(--red);font-weight:700;white-space:nowrap}.amt-in{color:var(--green);font-weight:700;white-space:nowrap}.day-head{font-size:12.5px;color:var(--muted);font-weight:600;margin:14px 2px 6px;display:flex;justify-content:space-between}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:#fff;border-top:1px solid var(--line);padding:7px 4px calc(8px + env(safe-area-inset-bottom,0px));z-index:40}.nav a{flex:1;text-align:center;font-size:11px;color:var(--muted);padding:2px 0}.nav a .i{display:block;font-size:20px;margin-bottom:1px}.nav a.on{color:var(--teal);font-weight:600}.fab{position:fixed;bottom:calc(var(--nav-h) + 14px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(calc(222px - 50%));width:56px;height:56px;border-radius:50%;background:var(--orange);color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #ee9b0080;z-index:45}@media (max-width: 480px){.fab{transform:translate(calc(50vw - 50% - 32px))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--teal);color:#fff;border-radius:12px;padding:13px 16px;font-size:16px;font-weight:600;width:100%}.btn:disabled{opacity:.5}.btn-ghost{background:var(--teal-l);color:var(--teal-d)}.btn-danger{background:#fdecef;color:var(--red)}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--muted);font-weight:600;margin-bottom:6px}.input{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;outline:none}.input:focus{border-color:var(--teal)}.seg{display:flex;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px}.seg button{flex:1;padding:10px;border-radius:9px;font-weight:700;color:var(--muted)}.seg button.on-chi{background:#fdecef;color:var(--red)}.seg button.on-thu{background:#e7f6f1;color:var(--green)}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cat-cell{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:11px;text-align:center;color:var(--ink)}.cat-cell .e{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;background:var(--teal-l)}.cat-cell.on{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal-l)}.install-hint{max-width:480px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(135deg,var(--teal),var(--teal-d));color:#fff;padding:10px 12px calc(10px + env(safe-area-inset-top,0px))}.install-hint-body{display:flex;align-items:center;gap:10px;min-width:0}.install-hint-ic{font-size:22px;flex:none}.install-hint b{font-size:13.5px}.install-hint-steps{font-size:12px;opacity:.95;margin-top:2px;line-height:1.4}.ios-share{display:inline-block;background:#ffffff40;border-radius:5px;padding:0 5px;font-weight:700}.install-hint-actions{display:flex;align-items:center;gap:6px;flex:none}.install-hint-btn{background:#fff;color:var(--teal-d);font-weight:700}.install-hint-close{color:#fff;font-size:15px;opacity:.85;padding:6px}.cat-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 12px;margin-bottom:10px}.cat-search span{color:var(--muted);font-size:14px}.cat-search-input{flex:1;border:0;outline:none;padding:11px 0;background:transparent}.cat-search-clear{color:var(--muted);font-size:14px;padding:4px}.amount-display{text-align:center;font-size:40px;font-weight:800;padding:10px 0 4px}.amount-display .cur{font-size:18px;color:var(--muted);font-weight:600}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.numpad button{background:#fff;border:1px solid var(--line);border-radius:16px;aspect-ratio:1 / 1;padding:0;font-size:30px;font-weight:700;display:flex;align-items:center;justify-content:center}.numpad button:active{background:var(--teal-l)}.pin-dots{display:flex;gap:14px;justify-content:center;margin:18px 0}.pin-dots i{width:16px;height:16px;border-radius:50%;border:2px solid var(--teal);display:inline-block}.pin-dots i.f{background:var(--teal)}.center-screen{min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:24px}.banner{background:var(--orange-l);border:1px solid #f3d9a3;color:#8a5a00;border-radius:12px;padding:12px 14px;font-size:13.5px;margin:12px 0}.empty{text-align:center;color:var(--muted);padding:40px 20px}.spinner{text-align:center;color:var(--muted);padding:30px}.member-pick{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:20px 0}.member-card{background:#fff;border:2px solid var(--line);border-radius:18px;padding:18px 22px;text-align:center;min-width:110px}.member-card .av{font-size:40px}.member-card.on{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-l)}.row-between{display:flex;justify-content:space-between;align-items:center}.chip{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;background:var(--teal-l);color:var(--teal-d);font-weight:600}.list-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:0}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1e2373;z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--bg);width:100%;max-width:480px;border-radius:22px 22px 0 0;max-height:92vh;overflow:auto;padding:8px 14px calc(20px + env(safe-area-inset-bottom,0px))}.sheet-handle{width:40px;height:5px;background:#d3dde1;border-radius:99px;margin:8px auto 12px}.sheet h3{margin:4px 2px 14px}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#f4f9fa;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;opacity:1;transition:opacity .4s ease}.splash-screen.hide{opacity:0;pointer-events:none}.splash-screen:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(10,147,150,.12),transparent 70%);animation:sp-pulse 2.4s ease-in-out}@keyframes sp-pulse{0%{transform:scale(.8);opacity:.4}60%{transform:scale(1.15);opacity:1}to{transform:scale(1.05);opacity:.9}}.sp-logo{position:relative;width:130px;height:130px;margin-bottom:30px}.sp-ring{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.sp-ring-bg{fill:none;stroke:#e7eef0;stroke-width:7}.sp-ring-fg{fill:none;stroke:url(#spg);stroke-width:7;stroke-linecap:round;stroke-dasharray:364;stroke-dashoffset:364;animation:sp-draw 1.1s ease-in-out .35s forwards}@keyframes sp-draw{0%{stroke-dashoffset:364}to{stroke-dashoffset:55}}.sp-tile{position:absolute;top:24px;right:24px;bottom:24px;left:24px;border-radius:26px;background:linear-gradient(140deg,#0a9396,#055e60);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px #0a5a5f59;transform:scale(0) rotate(-25deg);animation:sp-pop .6s cubic-bezier(.2,1.3,.4,1) .15s forwards}.sp-tile span{color:#fff;font-size:46px;font-weight:800;letter-spacing:-2px;font-family:Georgia,Segoe UI,serif}@keyframes sp-pop{0%{transform:scale(0) rotate(-25deg)}60%{transform:scale(1.12) rotate(4deg)}to{transform:scale(1) rotate(0)}}.sp-spark{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#ffd166,#ee9b00);opacity:0;transform:scale(0);animation:sp-spark .5s ease-out 1s forwards}@keyframes sp-spark{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.sp-brand{text-align:center;opacity:0;animation:sp-rise .6s ease-out 1.35s forwards}.sp-brand b{color:#077a7d;font-size:28px;font-weight:800;letter-spacing:.3px;display:block}.sp-brand small{color:#7a9aa0;font-size:12.5px;letter-spacing:3px}@keyframes sp-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.splash-screen *,.splash-screen:before{animation:none!important}.sp-tile{transform:scale(1) rotate(0)}.sp-ring-fg{stroke-dashoffset:55}.sp-spark{opacity:1;transform:scale(1)}.sp-brand{opacity:1}}