:root{--bg:#fff;--surface:#f5f5f4;--surface-2:#ececea;--elevated:#fff;--text:#2c2c30;--text-2:#75757a;--text-3:#a9a9ae;--on-pastel:#3d3a36;--line:#ececea;--dash:#9a9a9a;--accent:#e8604c;--accent-text:#fff;--expense:#e5484d;--income:#30a46c;--warn:#d97706;--shadow:0 8px 28px #00000014, 0 1px 3px #0000000f;--backdrop:#00000047;--radius:18px;--font:ui-rounded, "SF Pro Rounded", "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c0c0c;--surface:#1a1a1a;--surface-2:#262626;--elevated:#1c1c1c;--text:#e6e6e8;--text-2:#9d9da2;--text-3:#6b6b6b;--line:#262626;--dash:#6b6b6b;--shadow:0 8px 28px #00000080;--backdrop:#0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0c0c0c;--surface:#1a1a1a;--surface-2:#262626;--elevated:#1c1c1c;--text:#e6e6e8;--text-2:#9d9da2;--text-3:#6b6b6b;--line:#262626;--dash:#6b6b6b;--shadow:0 8px 28px #00000080;--backdrop:#0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0}body{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{max-width:520px;min-height:100dvh;padding:calc(var(--safe-top) + 12px) 16px calc(var(--safe-bottom) + 110px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.topbar h1{margin:0;font-size:20px;font-weight:750}.pill{background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:15px;font-weight:650;display:inline-flex}.pill.small{height:30px;padding:0 11px;font-size:13px}.pill.active{background:var(--text);color:var(--bg)}.icon-btn{background:var(--surface);border-radius:999px;flex:none;place-items:center;width:40px;height:40px;display:grid}svg{flex:none;width:18px;height:18px}.icon-btn svg,.fab svg,.dock svg{width:20px;height:20px}.month-nav{color:var(--text-2);justify-content:center;align-items:center;gap:4px;margin-top:14px;font-size:14px;font-weight:600;display:flex}.month-nav button{border-radius:999px;place-items:center;width:32px;height:32px;display:grid}.month-nav button:disabled{opacity:.25}.hero{text-align:center;margin-top:6px}.hero .hint{color:var(--text-2);min-height:18px;font-size:13px;font-weight:600}.hero .hint.over{color:var(--expense)}.balance{letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;margin:2px 0 10px;font-size:clamp(40px,13vw,54px);font-weight:800;line-height:1.1;display:inline-flex}.balance .cur{color:var(--text-3);font-size:18px;font-weight:700}.totals{background:var(--surface);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.totals span{background:var(--elevated);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:700;display:inline-flex}.dot{border-radius:999px;flex:none;width:9px;height:9px}.dot.expense{background:var(--expense)}.dot.income{background:var(--income)}.bars{--bar-max:230px;scrollbar-width:none;align-items:flex-end;gap:10px;margin:14px -16px 0;padding:14px 16px 6px;display:flex;overflow:auto hidden}.bars::-webkit-scrollbar{display:none}.bar{height:var(--bar-max);flex-direction:column;flex:0 0 74px;justify-content:flex-end;display:flex;position:relative}.bar .limit{border:2px dashed var(--dash);pointer-events:none;z-index:1;border-radius:20px;position:absolute;bottom:0;left:0;right:0}.bar .fill{min-height:74px;color:var(--on-pastel);border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:center;padding:8px 4px 10px;transition:height .4s cubic-bezier(.2,.8,.2,1),transform .15s;display:flex;position:relative}.bar.selected .fill{box-shadow:0 0 0 3px var(--text)}.bar:active .fill{transform:scale(.97)}.bar .emoji{font-size:22px;line-height:1}.bar .amt{font-variant-numeric:tabular-nums;margin-top:4px;font-size:13px;font-weight:800}.bar .pct{opacity:.65;font-size:11px;font-weight:600}.bar.over .pct{color:#b42318;opacity:1}.bars-empty{border:2px dashed var(--line);border-radius:var(--radius);height:160px;color:var(--text-3);text-align:center;place-items:center;margin-top:22px;padding:16px;font-size:14px;font-weight:600;display:grid}.filter-bar{align-items:center;gap:8px;margin-top:18px;display:flex}.day{margin-top:20px}.day-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chip{background:var(--surface);color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:650;display:inline-flex}.tx{text-align:left;align-items:center;gap:12px;width:100%;padding:10px 0;display:flex}.tx-icon{border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.tx-main{flex:1;min-width:0}.tx-cat{color:var(--text-2);font-size:12px;font-weight:600}.tx-title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;overflow:hidden}.tx-meta{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.tx-meta .chip{padding:2px 8px;font-size:11px}.tx-amt{font-variant-numeric:tabular-nums;background:var(--surface);white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:750}.tx-amt.income{color:var(--income)}.empty{text-align:center;color:var(--text-2);padding:48px 16px;font-weight:600}.empty .big{margin-bottom:8px;font-size:40px;display:block}.dock{left:50%;bottom:calc(var(--safe-bottom) + 18px);pointer-events:none;z-index:20;justify-content:space-between;align-items:center;width:min(520px,100%);padding:0 16px;display:flex;position:fixed;transform:translate(-50%)}.dock>*{pointer-events:auto}.dock-group{background:var(--elevated);box-shadow:var(--shadow);border-radius:999px;gap:2px;padding:5px;display:flex}.dock-group button{border-radius:999px;place-items:center;width:44px;height:44px;display:grid}.dock-group button.active{background:var(--surface-2)}.fab{background:var(--accent);width:62px;height:62px;color:var(--accent-text);border-radius:999px;place-items:center;transition:transform .15s;display:grid;box-shadow:0 10px 24px #e8604c66}.fab svg{width:26px;height:26px}.fab:active{transform:scale(.94)}.backdrop{background:var(--backdrop);z-index:40;animation:.2s fade;position:fixed;inset:0}.sheet{width:min(520px,100%);max-height:calc(100dvh - var(--safe-top) - 24px);background:var(--bg);padding:10px 16px calc(var(--safe-bottom) + 16px);z-index:41;border-radius:26px 26px 0 0;animation:.28s cubic-bezier(.2,.8,.2,1) rise;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}.sheet.full{height:calc(100dvh - var(--safe-top) - 24px);flex-direction:column;display:flex}.sheet-grip{background:var(--surface-2);border-radius:99px;width:38px;height:5px;margin:0 auto 8px}.sheet-head{justify-content:space-between;align-items:center;gap:8px;min-height:40px;display:flex}.sheet-head h2{margin:0;font-size:18px;font-weight:750}@keyframes rise{0%{transform:translate(-50%,100%)}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.sheet,.backdrop{animation:none}.bar .fill{transition:none}}.chips-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.quick{background:var(--surface);border-radius:14px;align-items:center;gap:8px;margin-top:12px;padding:0 12px;display:flex}.quick input{background:0 0;border:0;outline:none;flex:1;height:44px;font-size:15px}.quick small{color:var(--text-3);font-weight:600}.title-input{letter-spacing:-.02em;background:0 0;border:0;outline:none;width:100%;margin-top:22px;padding:0;font-size:28px;font-weight:800}.amount-row{align-items:baseline;gap:6px;display:flex}.amount-row .sym{color:var(--text-3);font-size:30px;font-weight:800}.amount-input{letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0;font-size:34px;font-weight:800}.title-input::placeholder,.amount-input::placeholder{color:var(--text-3)}.budget-note{color:var(--text-2);min-height:18px;margin-top:4px;font-size:13px;font-weight:650}.budget-note.over{color:var(--expense)}.cat-chip{border:1.5px solid var(--line);border-radius:999px;align-items:center;gap:8px;height:40px;margin-top:14px;padding:0 14px 0 6px;font-weight:700;display:inline-flex}.cat-chip .tx-icon{border-radius:999px;width:30px;height:30px;font-size:16px}.field{flex-direction:column;gap:6px;margin-top:14px;display:flex}.field label,.label{color:var(--text-2);font-size:13px;font-weight:700}.input,select.input,textarea.input{background:var(--surface);border:0;border-radius:14px;outline:none;width:100%;height:46px;padding:0 14px;font-size:16px}textarea.input{resize:vertical;height:auto;min-height:70px;padding:12px 14px}.row{gap:10px;display:flex}.row>*{flex:1;min-width:0}.toggle-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.switch{background:var(--surface-2);border-radius:999px;flex:none;width:50px;height:30px;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:999px;width:24px;height:24px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch[aria-checked=true]{background:var(--income)}.switch[aria-checked=true]:after{transform:translate(20px)}.segmented{background:var(--surface);border-radius:999px;gap:2px;padding:4px;display:flex}.segmented button{height:34px;color:var(--text-2);border-radius:999px;flex:1;font-size:14px;font-weight:700}.segmented button[aria-pressed=true]{background:var(--elevated);color:var(--text);box-shadow:0 1px 3px #0000001a}.tags-row{scrollbar-width:none;gap:6px;margin-top:18px;padding-bottom:2px;display:flex;overflow-x:auto}.tags-row::-webkit-scrollbar{display:none}.tag{background:var(--surface);height:32px;color:var(--text-2);border-radius:999px;flex:none;padding:0 12px;font-size:13px;font-weight:650}.tag.on{background:var(--text);color:var(--bg)}.actions{gap:8px;margin-top:18px;display:flex}.btn{background:var(--surface);border-radius:16px;justify-content:center;align-items:center;gap:8px;height:50px;padding:0 18px;font-size:16px;font-weight:750;display:inline-flex}.btn.primary{background:var(--text);color:var(--bg);flex:1}.btn.accent{background:var(--accent);color:var(--accent-text)}.btn.danger{color:var(--expense)}.btn.block{width:100%}.btn:disabled{opacity:.4}.btn svg{width:20px;height:20px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;margin-top:10px;display:grid}.cat-cell{text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;font-size:12px;font-weight:700;display:flex}.cat-cell .tx-icon{border-radius:16px;width:48px;height:48px}.cat-cell.on{background:var(--surface)}.section{margin-top:24px}.section>h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin:0 0 6px;font-size:13px;font-weight:750}.card{background:var(--surface);border-radius:var(--radius);padding:4px 14px}.item{text-align:left;border-bottom:1px solid var(--line);align-items:center;gap:12px;width:100%;min-height:54px;padding:8px 0;display:flex}.card .item{border-color:var(--surface-2)}.item:last-child{border-bottom:0}.item .grow{flex:1;min-width:0}.item .sub{color:var(--text-2);font-size:13px;font-weight:600}.item .title{font-weight:700}.item .end{color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.progress{background:var(--surface-2);border-radius:99px;height:8px;margin-top:6px;overflow:hidden}.progress>i{background:var(--income);border-radius:99px;height:100%;display:block}.progress>i.warn{background:var(--warn)}.progress>i.over{background:var(--expense)}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.stat{background:var(--surface);border-radius:var(--radius);padding:14px}.stat .k{color:var(--text-2);font-size:12px;font-weight:700}.stat .v{font-variant-numeric:tabular-nums;margin-top:4px;font-size:20px;font-weight:800}.stat .d{margin-top:2px;font-size:12px;font-weight:700}.up{color:var(--expense)}.down{color:var(--income)}.chart{align-items:flex-end;gap:6px;height:150px;margin-top:12px;display:flex}.chart .col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;height:100%;display:flex}.chart .pair{justify-content:center;align-items:flex-end;gap:2px;width:100%;height:100%;display:flex}.chart .pair i{border-radius:4px 4px 2px 2px;width:42%;max-width:14px;min-height:2px;display:block}.chart .pair i.e{background:var(--expense)}.chart .pair i.n{background:var(--income)}.chart .col span{color:var(--text-3);font-size:10px;font-weight:700}.chart .col.cur span{color:var(--text)}.legend{color:var(--text-2);gap:14px;margin-top:8px;font-size:12px;font-weight:650;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.auth{flex-direction:column;justify-content:center;max-width:400px;min-height:100dvh;margin:0 auto;padding:24px 16px;display:flex}.auth .logo{width:72px;height:72px}.auth h1{letter-spacing:-.02em;margin:18px 0 4px;font-size:30px}.auth p{color:var(--text-2);margin:0 0 18px}.link{color:var(--text-2);text-underline-offset:3px;font-weight:650;text-decoration:underline}.toast{left:50%;bottom:calc(var(--safe-bottom) + 96px);background:var(--text);color:var(--bg);z-index:60;border-radius:14px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:650;animation:.2s fade;position:fixed;transform:translate(-50%)}.banner{background:var(--surface);color:var(--text-2);border-radius:14px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.banner b{color:var(--text)}.muted{color:var(--text-2)}.small{font-size:13px}.mono{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.spacer{flex:1}.emoji-input{text-align:center;width:64px;font-size:24px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid #0000;border-radius:999px;width:34px;height:34px}.swatch.on{border-color:var(--text)}.code-box{background:var(--bg);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;margin:8px 0 12px;padding:10px 12px;font-size:18px;font-weight:800;display:flex}ol.steps{color:var(--text-2);margin:8px 0;padding-left:20px;font-size:14px;line-height:1.6}ol.steps b{color:var(--text)}.split{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.split>:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.split>.end{flex:none}.lp{max-width:1040px;padding:calc(var(--safe-top) + 12px) 16px calc(var(--safe-bottom) + 32px);grid-template-columns:1fr;column-gap:48px;margin:0 auto;display:grid}.lp-header{grid-column:1/-1;justify-content:space-between;align-items:center;min-height:48px;display:flex}.lp-brand{align-items:center;gap:10px;font-size:20px;font-weight:800;display:inline-flex}.lp-brand img{display:block}.lp-hero{padding:40px 0 8px}.lp-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:13px;font-weight:750}.lp-hero h1{letter-spacing:-.035em;margin:0;font-size:clamp(38px,10vw,60px);font-weight:850;line-height:1.04}.lp-hero h1 span{color:var(--accent)}.lp-lead{color:var(--text-2);max-width:34ch;margin:16px 0 24px;font-size:18px;line-height:1.5}.lp-install{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.lp-cta{border-radius:999px;height:56px;padding:0 28px;font-size:17px;box-shadow:0 10px 24px #e8604c59}.lp-web{font-size:14px}.lp-note{color:var(--text-2);max-width:40ch;margin:0;line-height:1.5}.lp-note b{color:var(--text)}.lp-steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lp-steps li{color:var(--text-2);align-items:center;gap:10px;font-size:15px;line-height:1.4;display:flex}.lp-steps b{color:var(--text)}.lp-num{background:var(--text);width:28px;height:28px;color:var(--bg);border-radius:999px;flex:none;place-items:center;font-size:14px;font-weight:800;display:inline-grid}.lp-key{background:var(--surface);color:#0a84ff;vertical-align:middle;border-radius:7px;place-items:center;width:26px;height:26px;display:inline-grid}.lp-key svg{width:16px;height:16px}.lp-phone{background:#1b1b1b;border-radius:46px;justify-self:center;width:280px;margin:36px 0 8px;padding:10px;box-shadow:0 30px 60px #0000002e,inset 0 0 0 2px #3a3a3a}.lp-screen{color:#2c2c30;text-align:center;background:#fff;border-radius:37px;height:540px;padding:34px 14px 18px;position:relative;overflow:hidden}.lp-screen .pill{color:#2c2c30;background:#f2f2f0}.lp-mock-top{text-align:left}.lp-mock-hint{color:#75757a;margin-top:14px;font-size:10px;font-weight:650}.lp-mock-balance{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:850}.lp-mock-balance small{color:#a3a3a3;margin-left:4px;font-size:11px}.lp-mock-totals{background:#f2f2f0;border-radius:999px;gap:4px;padding:3px;font-size:10px;font-weight:750;display:inline-flex}.lp-mock-totals span{background:#fff;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.lp-mock-totals .dot{width:6px;height:6px}.lp-mock-bars{align-items:flex-end;gap:7px;height:160px;margin:18px 0 10px;display:flex}.lp-mock-bar{flex:1;align-items:flex-end;height:100%;display:flex;position:relative}.lp-mock-fill{border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;padding-bottom:7px;font-size:15px;display:flex}.lp-mock-fill b{margin-top:2px;font-size:10px}.lp-mock-limit{z-index:1;border:1.5px dashed #9a9a9a;border-radius:14px;position:absolute;bottom:0;left:0;right:0}.lp-mock-row{text-align:left;align-items:center;gap:8px;padding:6px 0;display:flex}.lp-mock-row .tx-icon{border-radius:10px;width:32px;height:32px;font-size:16px}.lp-mock-row .tx-amt{color:#2c2c30;background:#f2f2f0;padding:4px 8px;font-size:11px}.lp-mock-title{flex:1;font-size:12px;font-weight:750}.lp-mock-fab{background:var(--accent);color:#fff;border-radius:999px;width:44px;height:44px;font-size:26px;line-height:44px;position:absolute;bottom:16px;right:14px;box-shadow:0 8px 18px #e8604c66}.lp-section{grid-column:1/-1;margin-top:64px}.lp-section h2{letter-spacing:-.025em;margin:0 0 20px;font-size:clamp(26px,6vw,36px)}.lp-section h3{margin:10px 0 6px;font-size:17px}.lp-section p{color:var(--text-2);margin:0;font-size:15px;line-height:1.5}.lp-grid{grid-template-columns:1fr;gap:12px;display:grid}.lp-card{background:var(--surface);border-radius:22px;padding:20px}.lp-emoji{font-size:28px}.lp-how{grid-template-columns:1fr;gap:20px;display:grid}.lp-final{text-align:left;background:var(--surface);border-radius:28px;padding:28px 20px}.lp-footer{text-align:center;color:var(--text-3);flex-direction:column;grid-column:1/-1;align-items:center;gap:4px;margin-top:56px;font-size:13px;display:flex}.lp-footer img{margin-bottom:6px}.lp-footer p{margin:0}.lp-footer b{color:var(--text-2)}@media (width>=640px){.lp-grid{grid-template-columns:1fr 1fr}.lp-how{grid-template-columns:repeat(3,1fr)}.lp-final{padding:40px}}@media (width>=900px){.lp{grid-template-columns:1.1fr .9fr;padding-left:32px;padding-right:32px}.lp-hero{padding-top:96px}.lp-phone{margin-top:56px}.lp-grid{grid-template-columns:repeat(3,1fr)}}