@import"https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600&family=Manrope:wght@600;700;800&display=swap";:root{--bg: #F6F3EC;--bg-tint: #EFE6D3;--card: #FFFFFF;--ink: #1A1917;--muted: #6B6760;--line: rgba(26, 25, 23, .08);--chip: #F3F1E9;--field: #FAF8F3;--moss: #3F5D43;--moss-ink: #2F4A33;--moss-soft: #E7EDE6;--moss-grad: linear-gradient(180deg, #4C6F50 0%, #375239 100%);--track: #EAE6DB;--track-2: #E2DDD0;--plan: #8C6A3F;--bad: #A8432C;--bad-ink: #8E3A26;--bad-soft: #F6E7E2;--glass: linear-gradient(180deg, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .62) 100%);--glass-line: rgba(255, 255, 255, .85);--glass-shadow: 0 1px 0 rgba(255, 255, 255, .95) inset, 0 -8px 20px -14px rgba(26, 25, 23, .35) inset, 0 14px 34px -12px rgba(26, 25, 23, .3), 0 2px 6px rgba(26, 25, 23, .06);--card-shadow: 0 1px 2px rgba(26, 25, 23, .05), 0 10px 28px -16px rgba(26, 25, 23, .18);--num: "Manrope", system-ui, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #141513;--bg-tint: #2C3128;--card: #1F211D;--ink: #F4F2EB;--muted: #A3A096;--line: rgba(255, 255, 255, .1);--chip: #2A2C26;--field: #262822;--moss: #7FA983;--moss-ink: #CBE0CD;--moss-soft: rgba(159, 196, 163, .18);--moss-grad: linear-gradient(180deg, #86B08A 0%, #5F8863 100%);--track: #33352F;--track-2: #3A3B36;--plan: #C39B62;--bad: #C4563A;--bad-ink: #E88A6F;--bad-soft: #3A2B27;--glass: linear-gradient(180deg, rgba(64, 68, 62, .62) 0%, rgba(34, 36, 32, .55) 100%);--glass-line: rgba(255, 255, 255, .14);--glass-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 -8px 20px -14px rgba(0, 0, 0, .6) inset, 0 16px 34px -12px rgba(0, 0, 0, .6);--card-shadow: 0 1px 2px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}body{margin:0;font-family:Golos Text,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,select{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}.app{position:relative;max-width:480px;margin:0 auto;min-height:100dvh}.app:before{content:"";position:fixed;top:0;left:0;right:0;height:320px;background:linear-gradient(180deg,var(--bg-tint) 0%,rgba(246,243,236,0) 100%);pointer-events:none;z-index:0}@media(prefers-color-scheme:dark){.app:before{background:linear-gradient(180deg,var(--bg-tint) 0%,rgba(20,21,19,0) 100%)}}.screen{position:relative;z-index:1;padding:14px 16px 120px;display:flex;flex-direction:column;gap:12px}.loader{min-height:60dvh;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}.topbar{display:flex;align-items:center;justify-content:center;gap:6px;height:44px}.topbar .title{font-family:var(--num);font-weight:700;font-size:17px;letter-spacing:-.01em;min-width:140px;text-align:center}.page-title{font-family:var(--num);font-weight:800;font-size:26px;letter-spacing:-.02em}.arrow{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:14px;color:var(--muted);cursor:pointer}.card{background:var(--card);border-radius:24px;padding:16px;box-shadow:var(--card-shadow)}.card.hero{padding:18px 18px 16px}.label{font-size:13px;font-weight:600}.label-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.big{font-family:var(--num);font-weight:800;letter-spacing:-.025em}.big.xl{font-size:42px}.big.lg{font-size:34px}.big.md{font-size:24px}.small{font-size:12.5px}.tiny{font-size:11.5px}.muted{color:var(--muted)}.bad{color:var(--bad-ink)}.empty{padding:20px 8px;text-align:center;color:var(--muted);font-size:13px;line-height:1.5}.divider{height:1px;background:var(--line)}.split{display:flex;gap:3px;height:8px;margin-top:15px}.split>span{border-radius:4px}.split .s-plan{background:var(--plan)}.split .s-spent{background:var(--moss)}.split .s-free{background:var(--track-2)}.legend{display:flex;justify-content:space-between;margin-top:9px;font-size:11.5px;color:var(--muted)}.bar{flex-grow:1;display:block;height:6px;border-radius:3px;background:var(--track);position:relative;overflow:hidden}.bar.tall{height:8px;border-radius:4px}.bar.over{background:var(--bad-soft)}.bar>span{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;background:var(--moss)}.bar.over>span{background:var(--bad)}.row{display:flex;align-items:center;gap:11px;min-height:56px;width:100%;background:transparent;border:0;padding:0;text-align:left;color:inherit;cursor:pointer}.grow{flex-grow:1;min-width:0}.name{display:block;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);margin-top:2px}.amount{font-family:var(--num);font-weight:700;font-size:14px;white-space:nowrap}.daybadge{width:42px;height:42px;flex-shrink:0;border-radius:14px;background:var(--chip);display:flex;flex-direction:column;align-items:center;justify-content:center}.daybadge b{font-family:var(--num);font-weight:700;font-size:15px;line-height:1}.daybadge span{font-size:8.5px;color:var(--muted);letter-spacing:.08em;margin-top:2px}.mark{width:30px;height:30px;flex-shrink:0;border-radius:10px;background:var(--chip);color:var(--ink);display:flex;align-items:center;justify-content:center}.mark.ok{background:var(--moss-soft);color:var(--moss-ink)}.mark.alert{background:var(--bad-soft);color:var(--bad-ink)}.cat{display:block;width:100%;background:transparent;border:0;padding:9px 0;text-align:left;color:inherit;cursor:pointer}.cat-head{display:flex;align-items:center;gap:10px}.cat-meter{display:flex;align-items:center;gap:10px;margin-top:7px}.cat-meter .gap{width:30px;flex-shrink:0}.btn{height:54px;border:0;border-radius:18px;background:var(--moss-grad);color:#fff;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 10px 20px -10px #2f4a3299;width:100%}@media(prefers-color-scheme:dark){.btn{color:#12180f}}.btn:disabled{opacity:.45;box-shadow:none;cursor:default}.btn.ghost{background:transparent;color:var(--moss-ink);border:1.5px dashed color-mix(in srgb,var(--moss) 45%,transparent);box-shadow:none}.btn.danger{background:transparent;color:var(--bad-ink);box-shadow:none}.btn.pay{width:auto;height:44px;padding:0 13px;border-radius:15px;font-size:13px;flex-shrink:0;box-shadow:none}.link{background:transparent;border:0;padding:0;font-size:12px;font-weight:500;color:var(--moss-ink);cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{height:36px;padding:0 14px;border-radius:13px;background:var(--chip);border:1px solid var(--line);font-size:13px;display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;flex-shrink:0}.chip.on{background:var(--moss);border-color:transparent;color:#fff;font-weight:600}@media(prefers-color-scheme:dark){.chip.on{color:#12180f}}.chip.soft{background:var(--moss-soft);border-color:transparent;color:var(--moss-ink);font-weight:600}.chip.icon{width:36px;padding:0;justify-content:center}.field{display:block}.field+.field{margin-top:12px}.field>span{display:block;font-size:11.5px;color:var(--muted);margin-bottom:5px}.field input{width:100%;height:48px;border-radius:15px;border:1px solid var(--line);background:var(--field);padding:0 14px;font-size:15px}.field input.num{font-family:var(--num);font-weight:700;font-size:16px}.field input:focus{outline:2px solid color-mix(in srgb,var(--moss) 40%,transparent);outline-offset:1px}.field-row{display:flex;gap:10px}.field-row>.field{flex-grow:1;min-width:0;margin-top:0}.seg{display:flex;gap:4px;background:var(--chip);border-radius:15px;padding:4px}.seg button{flex-grow:1;height:40px;border-radius:12px;background:transparent;border:0;font-size:13.5px;color:var(--muted);cursor:pointer}.seg button.on{background:var(--card);box-shadow:0 1px 3px #1a19171a;color:var(--ink);font-weight:600}.note{background:color-mix(in srgb,var(--bg-tint) 45%,var(--card));border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:10px;font-size:12.5px;line-height:1.35}.note b{font-family:var(--num);font-weight:700}.stepper{display:flex;align-items:center;gap:14px}.stepper>button{width:52px;height:52px;flex-shrink:0;border-radius:18px;background:var(--chip);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer}.stepper>button.on{background:var(--moss);border-color:transparent;color:#fff}@media(prefers-color-scheme:dark){.stepper>button.on{color:#12180f}}.stepper-value{flex-grow:1;text-align:center}.chip.grow-1{flex-grow:1;justify-content:center}.effect{margin-top:16px;background:color-mix(in srgb,var(--moss-soft) 60%,var(--card));border-radius:18px;padding:14px 16px}.effect-row{display:flex;align-items:center;gap:8px;font-size:13.5px}.effect-row+.effect-row{margin-top:10px}.effect-row .was{font-size:13px;color:var(--muted);text-decoration:line-through}.effect-row svg{color:var(--muted);flex-shrink:0}.stats{display:flex;gap:10px;margin-top:14px}.stat{flex-grow:1;min-width:0;background:var(--field);border:1px solid var(--line);border-radius:16px;padding:11px 13px;display:flex;flex-direction:column;gap:3px}.stat .amount{font-size:15px}.field input.big-field{height:74px;border-radius:20px;font-size:30px;font-weight:800;letter-spacing:-.02em;text-align:center}.switch-row{display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;padding:12px 14px;background:transparent;border:1px solid var(--line);border-radius:16px;text-align:left;cursor:pointer}.switch-row .name{display:block;font-size:13.5px}.switch-row .sub{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}.switch{width:46px;height:28px;flex-shrink:0;border-radius:14px;background:var(--track);padding:3px;display:flex;align-items:center;transition:background .15s ease}.switch>span{width:22px;height:22px;border-radius:11px;background:var(--card);box-shadow:0 1px 3px #1a191740;transition:transform .15s ease}.switch.on{background:var(--moss)}.switch.on>span{transform:translate(18px)}.preview{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:16px;background:color-mix(in srgb,var(--moss-soft) 60%,var(--card));font-size:12.5px;line-height:1.35}.preview .mark{background:var(--moss-soft);color:var(--moss-ink)}.preview.bad{background:var(--bad-soft)}.preview.bad .mark{background:transparent;color:var(--bad-ink)}.perday{display:flex;align-items:baseline;gap:8px;margin:5px 0 4px}.card.base{display:block;width:100%;text-align:left;border:0;cursor:pointer;font:inherit;color:inherit}.base-head{display:flex;align-items:center;gap:8px}.base-head svg{color:var(--muted)}.card.base .split{margin-top:12px}.card.pay-banner{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:22px}.mark.warn{background:color-mix(in srgb,var(--plan) 16%,transparent);color:var(--plan)}.bar.warn{background:color-mix(in srgb,var(--plan) 14%,transparent)}.bar.warn>span{background:var(--plan)}.warn{color:var(--plan)}.review-row{display:flex;align-items:center;gap:9px;min-height:44px;font-size:14px}.review-row .planned{font-size:12.5px;color:var(--muted)}.review-row svg{color:var(--muted);flex-shrink:0}.review-row .actual{font-family:var(--num);font-weight:700;min-width:58px;text-align:right}.review-row .delta{font-size:12px;min-width:46px;text-align:right}.review-row .delta.up{color:var(--bad-ink)}.review-row .delta.down{color:var(--moss-ink)}.suggest{background:color-mix(in srgb,var(--moss-soft) 60%,var(--card));border-radius:24px;padding:16px}.suggest-pair{display:flex;gap:8px;margin-top:12px}.suggest-pair>div{flex-grow:1;min-width:0;background:var(--card);border-radius:14px;padding:10px 12px}.pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.pad button{height:50px;border-radius:15px;background:var(--chip);border:0;font-family:var(--num);font-weight:600;font-size:21px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tabs{position:fixed;bottom:18px;left:50%;transform:translate(-50%);width:min(452px,calc(100% - 28px));height:66px;z-index:20;border-radius:26px;background:var(--glass);-webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%);border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);display:flex;align-items:center;padding:0 8px;gap:2px}.tab{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:50px;border-radius:17px;background:transparent;border:0;color:var(--muted);font-size:10px;font-weight:500;cursor:pointer}.tab.on{background:var(--moss-soft);color:var(--moss-ink);font-weight:600}.fab{width:56px;height:56px;flex-shrink:0;margin:0 3px;border:0;border-radius:19px;background:var(--moss-grad);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 20px -8px #2f4a32a6,0 1px #ffffff47 inset}@media(prefers-color-scheme:dark){.fab{color:#12180f}}.scrim{position:fixed;inset:0;background:#16151375;z-index:30;animation:fade .18s ease-out}.sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(480px,100%);max-height:92dvh;overflow-y:auto;z-index:31;background:var(--card);border-radius:28px 28px 0 0;box-shadow:0 -16px 40px -12px #1615134d;padding:10px 18px 22px;display:flex;flex-direction:column;animation:rise .22s cubic-bezier(.32,.72,0,1)}.grabber{width:38px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 10px;flex-shrink:0}.sheet-head{display:flex;align-items:center;gap:10px;min-height:40px;flex-shrink:0}.sheet-head .title{font-family:var(--num);font-weight:700;font-size:19px;letter-spacing:-.01em;flex-grow:1}.icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:transparent;border:0;color:var(--muted);cursor:pointer;flex-shrink:0}.sheet .section{font-size:11.5px;color:var(--muted);margin:14px 0 7px}.sheet .section:first-of-type{margin-top:6px}@keyframes rise{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.amount-input{width:100%;border:0;background:transparent;text-align:center;padding:0;font-family:var(--num);color:inherit}.amount-input:focus{outline:none}.amount-input::placeholder{color:var(--muted)}.chip.dashed{background:transparent;border:1.5px dashed color-mix(in srgb,var(--moss) 45%,transparent);color:var(--moss-ink);font-weight:600}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:96px;z-index:40;width:min(452px,calc(100% - 28px));display:flex;align-items:center;gap:10px;padding:10px 8px 10px 12px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:0 14px 34px -12px #1a191759;font-size:13px;animation:rise .2s cubic-bezier(.32,.72,0,1)}
