:root{--bg: #f5f7fb;--surface: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e6eaf1;--primary: #2563eb;--primary-press: #1d4ed8;--primary-soft: #eef3ff;--accent: #f97316;--accent-soft: #fff4ec;--danger: #e5484d;--danger-soft: #fdeeee;--success: #16a34a;--success-soft: #eaf7ee;--radius: 16px;--radius-sm: 12px;--shadow: 0 1px 2px rgb(15 23 42 / .04), 0 4px 16px rgb(15 23 42 / .05);--tabbar-h: 64px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:16px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Inter,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#app{min-height:100%}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default}a{color:var(--primary);text-decoration:none;font-weight:600}h1,h2,h3{margin:0;letter-spacing:-.01em}p{margin:0}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.block{display:block}.grow{flex:1}.min0{min-width:0}.row{display:flex;align-items:center}.row-between{display:flex;align-items:center;justify-content:space-between;gap:8px}.gap-8{gap:8px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.ml-4{margin-left:4px;vertical-align:-2px}.pad{padding:16px}.pad-x{padding:0 4px;margin:8px 0 12px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-accent{color:var(--accent)}.shell{max-width:560px;margin:0 auto;min-height:100dvh;background:var(--bg);position:relative}.main{padding-bottom:calc(var(--tabbar-h) + var(--safe-b))}.page{padding:calc(8px + var(--safe-t)) 16px 24px}.splash{min-height:100dvh;background:var(--surface)}.page-header{display:flex;align-items:center;gap:8px;min-height:52px;margin-bottom:8px}.page-header h1{flex:1;font-size:20px;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-header-right{display:flex;justify-content:flex-end}.icon-btn{width:40px;height:40px;display:inline-grid;place-items:center;border-radius:12px;color:var(--text)}.icon-btn:active{background:var(--primary-soft)}.icon-btn:disabled{opacity:.3}.icon-btn-spacer{width:40px;height:40px;display:inline-block}.section-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:20px 4px 8px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.list{overflow:hidden}.list-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;text-align:left;min-height:56px}.list-row+.list-row{border-top:1px solid var(--border)}button.list-row:active{background:var(--bg)}.row-icon{color:var(--primary);display:inline-grid}.env-icon{display:inline-grid;place-items:center;border-radius:12px;flex:none}.tx-income{background:var(--success-soft);color:var(--success)}.tx-transfer{background:var(--primary-soft);color:var(--primary)}.progress{position:relative;height:6px;border-radius:3px;background:#edf0f5;margin:6px 0 4px;overflow:visible}.progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.progress-marker{position:absolute;top:-3px;width:2px;height:12px;background:var(--text);opacity:.35;border-radius:1px}.empty{text-align:center;padding:40px 16px}.empty-icon{width:56px;height:56px;border-radius:16px;display:inline-grid;place-items:center;background:var(--primary-soft);color:var(--primary);margin-bottom:12px}.empty h3{margin-bottom:4px}.callout{display:block;width:100%;background:var(--primary-soft);color:var(--text);border-radius:var(--radius-sm);padding:14px 16px;text-align:left;font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:var(--radius-sm);font-weight:600;font-size:16px;transition:background .15s,transform .05s}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45}.btn-block{width:100%}.btn-sm{min-height:34px;padding:0 12px;font-size:14px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:active:not(:disabled){background:var(--primary-press)}.btn-secondary{background:var(--primary-soft);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{color:var(--muted)}.btn-ghost-danger{color:var(--danger)}.form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:14px;font-weight:600}.input{width:100%;min-height:48px;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font:inherit;color:var(--text);outline:none;appearance:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2364748b' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.input-sm{min-height:40px;padding:6px 12px;font-size:14px}.textarea{resize:vertical;min-height:120px}.amount-input{font-variant-numeric:tabular-nums}.segmented{display:flex;background:#eef1f6;border-radius:12px;padding:3px;gap:2px}.segmented button{flex:1;padding:8px 12px;border-radius:9px;font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0f172a1a}.toggle{display:flex;gap:12px;align-items:flex-start}.toggle input{width:22px;height:22px;accent-color:var(--primary);margin:2px 0 0;flex:none}.toggle span{display:flex;flex-direction:column;gap:2px}.pill{position:relative;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:17px;background:var(--surface);border:1px solid var(--border);font-size:14px;color:var(--text);max-width:60%;white-space:nowrap;flex:none}.pill-on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.pill-warn{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.date-overlay{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.chip-sm{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 12px;border-radius:15px;background:var(--primary-soft);color:var(--primary);font-size:14px;font-weight:600}.chip-removable{padding-right:6px}.chip-removable button{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:10px}.sub-chips{display:flex;flex-wrap:wrap;gap:6px}.sub-chips:empty{display:none}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:560px;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;z-index:10}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:11px;font-weight:600}.tab.on{color:var(--primary)}.tab-icon{display:grid;place-items:center;width:44px;height:30px;border-radius:15px}.tab.on .tab-icon{background:var(--primary-soft)}.tab-add .tab-icon{background:var(--primary);color:#fff}.tab-add.on .tab-icon{background:var(--primary)}.add-page{display:flex;flex-direction:column;height:calc(100dvh - var(--tabbar-h) - var(--safe-b));padding:calc(10px + var(--safe-t)) 16px 8px;background:var(--surface)}.add-top{display:flex;align-items:center;gap:8px}.add-top .segmented{flex:1;max-width:260px;margin:0 auto}.amount{text-align:center;font-size:48px;font-weight:700;letter-spacing:-.02em;margin-top:14px;font-variant-numeric:tabular-nums;line-height:1.1}.amount-zero{color:#c3cad6}.amount-income{color:var(--success)}.amount-income.amount-zero{color:#b9dcc4}.amount-hint{text-align:center;color:var(--muted);font-size:14px;min-height:20px;margin:4px 0 10px}.chips{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:start;padding:2px}.chips-income{display:block}.chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;border-radius:14px;background:var(--bg);border:2px solid transparent;min-width:0;transition:transform .05s,border-color .15s}.chip:active{transform:scale(.96)}.chip-on{border-color:var(--primary);background:var(--primary-soft)}.chip-locked{background:var(--danger-soft)}.chip-top{position:relative}.chip-badge{position:absolute;right:-8px;top:-6px;background:var(--surface);border-radius:8px;padding:1px}.chip-name{font-size:13px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-bal{font-size:12px;font-variant-numeric:tabular-nums}.add-opts{display:flex;gap:6px;overflow-x:auto;padding:10px 0 8px;scrollbar-width:none}.add-opts::-webkit-scrollbar{display:none}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.key{height:clamp(46px,7.2dvh,60px);border-radius:14px;background:var(--bg);font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;display:grid;place-items:center;transition:background .1s;user-select:none}.key:active{background:#e3e8f0}.key-muted{color:var(--muted)}.key-confirm{background:var(--primary);color:#fff}.key-confirm:active:not(:disabled){background:var(--primary-press)}.key-confirm:disabled{background:#c7d6f8}.toast{position:fixed;left:50%;transform:translate(-50%);top:calc(var(--safe-t) + 10px);width:calc(100% - 24px);max-width:536px;background:#0f172a;color:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 10px 30px #0f172a40;z-index:30;animation:toast-in .2s ease-out}.toast-error{background:var(--danger)}.toast-row{display:flex;align-items:center;gap:12px}.toast-text{flex:1;display:flex;flex-direction:column;min-width:0}.toast-text span{font-size:13px;opacity:.75}.toast-action{color:#93b4ff;font-weight:700;padding:6px 4px}.toast-tags{display:flex;align-items:center;gap:6px;margin-top:10px;overflow-x:auto;color:#94a3b8}.toast-tags .chip-sm{background:#ffffff1f;color:#fff;flex:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}.sheet-backdrop{position:fixed;inset:0;background:#0f172a59;z-index:20;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s}.sheet{width:100%;max-width:560px;max-height:90dvh;overflow-y:auto;background:var(--surface);border-radius:20px 20px 0 0;padding:8px 16px calc(20px + var(--safe-b));animation:sheet-up .22s ease-out}.sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--border);margin:0 auto 8px}.sheet-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet-title h2{font-size:18px}.sheet .list-row{padding-left:4px;padding-right:4px}.sheet>p{margin-bottom:12px}@keyframes sheet-up{0%{transform:translateY(40px);opacity:.5}}@keyframes fade{0%{opacity:0}}.summary{padding:18px}.summary-main{display:flex;flex-direction:column;margin-bottom:8px}.label{font-size:13px;font-weight:600;color:var(--muted)}.big{font-size:32px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.summary-row{display:flex;justify-content:space-between;font-size:13px}.summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.summary-stats>*{display:flex;flex-direction:column;text-align:left;background:var(--bg);border-radius:var(--radius-sm);padding:10px 12px}.summary-stats strong{font-size:17px;font-variant-numeric:tabular-nums}.stat-btn.text-accent strong,.stat-btn.text-danger strong{color:inherit}.env-row{align-items:flex-start}.env-row .env-icon{margin-top:2px}.env-name{font-weight:600}.env-amount{font-weight:700;font-variant-numeric:tabular-nums}.env-hero{padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.env-hero .big{margin-top:8px}.breakdown{display:flex;justify-content:center;gap:18px;margin-top:14px;flex-wrap:wrap}.breakdown>div{display:flex;flex-direction:column}.breakdown strong{font-variant-numeric:tabular-nums}.env-hero .row{width:100%}.sub-row+.sub-row{margin-top:12px}.tx-day{margin-bottom:12px}.tx-day-label{font-size:13px;font-weight:600;color:var(--muted);margin:0 4px 6px;text-transform:capitalize}.tx-amount{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.month-switch{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.filters{display:flex;gap:8px;margin-bottom:12px}.assign{padding:16px 18px;display:flex;flex-direction:column;margin-top:12px}.assign-ok{background:var(--success-soft);color:var(--success);box-shadow:none}.assign-warn{background:var(--accent-soft);color:var(--accent);box-shadow:none}.assign-bad{background:var(--danger-soft);color:var(--danger);box-shadow:none}.assign .label{color:inherit;opacity:.85}.plan-row{cursor:text}.plan-input{width:132px;flex:none}.plan-input .input{text-align:right;min-height:42px}.sticky-save{position:sticky;bottom:calc(var(--tabbar-h) + var(--safe-b) + 8px);margin-top:16px}.env-preview{display:flex;justify-content:center}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.icon-pick{height:44px;border-radius:12px;display:grid;place-items:center;background:var(--bg);color:var(--muted);border:2px solid transparent}.icon-pick.on{background:var(--surface)}.color-row{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:34px;height:34px;border-radius:17px;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--border)}.swatch.on{box-shadow:0 0 0 2px var(--text)}.avatar{width:36px;height:36px;border-radius:18px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:700;flex:none}.invite-code{font-size:32px;font-weight:800;letter-spacing:.08em;margin:6px 0;font-variant-numeric:tabular-nums;color:var(--primary)}.auth-page{max-width:420px;margin:0 auto;padding:calc(24px + var(--safe-t)) 16px 32px;min-height:100dvh}.auth-page h2{margin:0 0 12px}.auth-lang{display:flex;justify-content:flex-end}.auth-lang .segmented{width:110px}.brand{text-align:center;margin:24px 0}.brand-mark{width:64px;height:64px;border-radius:18px;background:var(--primary);color:#fff;display:inline-grid;place-items:center;box-shadow:0 8px 24px #2563eb4d}.brand h1{font-size:28px;margin-top:12px}.setup{max-width:480px;margin:0 auto;padding-top:calc(24px + var(--safe-t))}.setup h1{font-size:26px}.steps{display:flex;gap:6px;justify-content:center;margin-bottom:24px}.step-dot{width:28px;height:4px;border-radius:2px;background:var(--border)}.step-dot.on{background:var(--primary)}@media(min-width:600px){.shell{box-shadow:0 0 0 1px var(--border)}}.chip-add{border:2px dashed var(--border);background:var(--surface);color:var(--muted)}.chip-add .env-icon{background:var(--bg);color:var(--muted)}.assign-sub{opacity:.8;margin-top:2px}.btn-fill{background:var(--surface);color:var(--text);min-height:44px;box-shadow:0 1px 3px #0f172a14}.banner{display:flex;align-items:center;gap:8px;width:100%;margin-top:12px;padding:14px 16px;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);font-weight:600;text-align:left}.join-box{margin-top:8px;box-shadow:none;border:1px solid var(--border)}.banner-info{background:var(--primary-soft);color:var(--primary);font-weight:500;font-size:14px;margin-top:0}.banner-btn{font-weight:700;color:var(--primary);white-space:nowrap}.prose ul{padding-left:20px;margin:12px 0 0}.prose li{margin-bottom:10px;line-height:1.5}.install-page{min-height:100dvh;max-width:420px;margin:0 auto;padding:calc(56px + var(--safe-t)) 24px calc(96px + var(--safe-b));display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bg)}.install-app-icon{width:88px;height:88px;border-radius:22px;box-shadow:0 10px 30px #2563eb40}.install-page h1{font-size:24px;margin:18px 0 24px}.install-cta{min-height:54px;font-size:17px}.install-steps{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:8px;text-align:left;counter-reset:step}.install-steps li{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow);font-weight:600;counter-increment:step}.install-steps li:after{content:counter(step);margin-left:auto;color:var(--muted);font-size:13px;font-weight:600}.install-icon{width:36px;height:36px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex:none}.install-page .btn-secondary{margin-top:12px}.install-more{display:flex;align-items:center;gap:4px;margin:20px 0 8px;color:var(--muted);font-size:14px;font-weight:600}.install-more .rot{transform:rotate(180deg)}.install-others{width:100%;text-align:left}.install-other{padding:12px 14px}.install-other+.install-other{border-top:1px solid var(--border)}.install-other summary{font-weight:600;font-size:14px;cursor:pointer}.install-other .install-steps{margin-top:10px}.install-other .install-steps li{box-shadow:none;background:var(--bg)}.install-later{margin-top:auto;padding-top:24px}.install-arrow{position:fixed;bottom:calc(8px + var(--safe-b));color:var(--primary);animation:install-bounce 1.2s ease-in-out infinite;pointer-events:none}.install-arrow-right{right:22px}.install-arrow-center{left:calc(50% - 14px)}@keyframes install-bounce{0%,to{transform:translateY(-6px)}50%{transform:translateY(4px)}}