:root{--bg: #14161b;--card: #1c1f26;--card-2: #232731;--line: #262a33;--line-soft: #2f3441;--ink: #eef1f6;--ink-dim: #98a0ae;--ink-mute: #6f7787;--ink-ghost: #565f6f;--accent: #8b7cf6;--accent-soft: #b5a9fb;--accent-ink: #14161b;--red: #e66767;--green: #199e70;--r-lg: 26px;--r-md: 22px;--r-sm: 16px;--r-xs: 12px;--pad: 20px;--tabbar-h: 96px;--font: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-top: 0px;--safe-bottom: 0px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.4;letter-spacing:-.01em;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}button,.chip,.tab,.key{user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;padding:0}input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}input:focus-visible,textarea:focus-visible,button:focus-visible{box-shadow:0 0 0 2px var(--accent)}.app{min-height:100%;padding:calc(var(--safe-top) + 18px) 0 calc(var(--tabbar-h) + var(--safe-bottom))}.screen{display:flex;flex-direction:column;gap:14px;padding:0 var(--pad)}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.02em}h1{font-size:22px}h2{font-size:17px}h3{font-size:15px}.dim{color:var(--ink-dim)}.mute{color:var(--ink-mute);font-size:13px}.label{font-size:13px;color:var(--ink-mute)}.big{font-size:30px;font-weight:700;letter-spacing:-.025em}.huge{font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1}.num{font-variant-numeric:tabular-nums}.card{background:var(--card);border-radius:var(--r-lg);padding:18px}.card.tight{padding:16px;border-radius:var(--r-md)}.card.flat{background:none;padding:0}.head{display:flex;align-items:center;justify-content:space-between;gap:12px}.head .link{font-size:13px;color:var(--accent)}.row{display:flex;align-items:center;gap:13px;min-height:54px;width:100%;text-align:left}.row+.row{border-top:1px solid var(--line)}.row .grow{flex-grow:1;min-width:0}.row .name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row .sub{font-size:12px;color:var(--ink-mute)}.row .amount{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.tile{width:34px;height:34px;border-radius:var(--r-xs);flex:none;display:flex;align-items:center;justify-content:center}.tile.sm{width:30px;height:30px;border-radius:10px}.dot{width:9px;height:9px;border-radius:3px;flex:none}.chip{height:38px;padding:0 14px;border-radius:var(--r-xs);background:var(--card);color:var(--ink-dim);display:inline-flex;align-items:center;gap:8px;flex:none;font-size:14px;transition:background .12s linear,color .12s linear}.chip[data-active=true]{background:var(--accent);color:var(--accent-ink);font-weight:500}.chip.outline[data-active=true]{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1px currentColor}.btn{height:48px;border-radius:var(--r-sm);padding:0 18px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600}.btn.ghost{background:var(--card-2);color:var(--ink)}.btn.danger{background:var(--red);color:var(--bg)}.btn.wide{width:100%}.btn.tall{height:56px;border-radius:18px;font-size:16px}.btn:disabled{opacity:.4}.icon-btn{width:44px;height:44px;border-radius:var(--r-xs);background:var(--card);display:flex;align-items:center;justify-content:center;flex:none}.seg{display:flex;gap:4px;padding:4px;background:var(--card);border-radius:var(--r-xs);height:42px}.seg button{flex-grow:1;border-radius:10px;font-size:14px;color:var(--ink-dim);display:flex;align-items:center;justify-content:center}.seg button[data-active=true]{background:var(--card-2);color:var(--ink);font-weight:500}.field{min-height:48px;border-radius:var(--r-sm);background:var(--card);display:flex;align-items:center;gap:10px;padding:0 14px}.field input{flex-grow:1;min-width:0;font-size:15px}.field input::placeholder{color:var(--ink-mute)}.dashed{min-height:52px;border-radius:var(--r-sm);border:1px dashed var(--line-soft);display:flex;align-items:center;justify-content:center;gap:8px;color:var(--ink-dim);font-size:14px;width:100%}.bar{height:8px;border-radius:4px;background:var(--line);overflow:hidden}.bar>i{display:block;height:100%;border-radius:4px;background:var(--accent);transform-origin:left;animation:grow .9s cubic-bezier(.16,1,.3,1) both}.bar.thin{height:4px;border-radius:2px}.bar.thin>i{border-radius:2px}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:rise .6s cubic-bezier(.16,1,.3,1) both}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:10px;padding:12px var(--pad) calc(14px + var(--safe-bottom));background:linear-gradient(180deg,rgba(20,22,27,0) 0%,var(--bg) 42%)}.tabbar .strip{flex-grow:1;height:62px;border-radius:var(--r-md);background:var(--card);display:flex;align-items:center;justify-content:space-around;padding:0 6px}.tab{display:flex;flex-direction:column;align-items:center;gap:4px;width:68px;height:56px;justify-content:center;font-size:11px;color:var(--ink-mute)}.tab[data-active=true]{color:var(--accent)}.fab{width:62px;height:62px;border-radius:var(--r-md);background:var(--accent);display:flex;align-items:center;justify-content:center;flex:none}.sheet-bd{position:fixed;inset:0;background:#0a0b0ea8;z-index:40;animation:fade .18s ease-out both}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--card);border-radius:28px 28px 0 0;padding:20px var(--pad) calc(24px + var(--safe-bottom));display:flex;flex-direction:column;gap:14px;max-height:86vh;overflow-y:auto;animation:up .22s cubic-bezier(.16,1,.3,1) both}@keyframes up{0%{transform:translateY(100%)}to{transform:none}}.sheet .grab{width:40px;height:4px;border-radius:2px;background:var(--line-soft);margin:-6px auto 4px}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + 16px);transform:translate(-50%);z-index:50;background:var(--card-2);color:var(--ink);padding:12px 18px;border-radius:var(--r-sm);font-size:14px;max-width:calc(100% - 40px);text-align:center;animation:rise .2s ease-out both}.empty{padding:40px 20px;text-align:center;color:var(--ink-mute)}.empty h3{color:var(--ink-dim);margin-bottom:8px}.skel{background:var(--card);border-radius:var(--r-sm);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.55}50%{opacity:.85}}.scroll-x{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--pad) * -1);padding:0 var(--pad)}.scroll-x::-webkit-scrollbar{display:none}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}