@font-face{font-family:Maple Mono;src:url(/fonts/MapleMonoNormalNL-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Maple Mono;src:url(/fonts/MapleMonoNormalNL-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}:root{color:#23323a;background:#f8fbf8;font-family:Maple Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-synthesis:none;text-rendering:optimizeLegibility;--shell-max-width: 720px;--shell-gutter: 18px;--bg: #f8fbf8;--panel: rgba(255, 255, 255, .88);--ink: #23323a;--muted: #6b7f88;--line: #dcebef;--water: #8ecfe6;--leaf: #7bc89a;--coral: #f28f7b;--amber: #e1b967;--lavender: #aab8f2;--shadow: 0 18px 45px rgba(99, 149, 157, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;background:var(--bg)}body{min-width:320px;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(142,207,230,.45);outline-offset:2px}.app-frame{position:relative;isolation:isolate;min-height:100dvh;background:transparent}.app-frame:before{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% -5%,rgba(142,207,230,.18),transparent 32%),linear-gradient(180deg,#fff 0%,var(--bg) 28%,#f4fbfa 100%);content:"";pointer-events:none}.app-shell{width:min(100%,var(--shell-max-width));min-height:100dvh;margin:0 auto;padding:env(safe-area-inset-top) var(--shell-gutter) calc(104px + env(safe-area-inset-bottom))}.app-header{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:8px 2px 2px}.header-context,.brand-mark{font-size:20px;font-weight:600;letter-spacing:0}.brand-mark{font-size:34px}.brand-mark.small{font-size:32px;line-height:1}.header-context{min-width:0;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;background:#ffffffb8;cursor:pointer;transition:transform .16s ease,background .16s ease}.icon-button:hover{transform:translate3d(0,-1px,0);background:#fff}.spin-icon{animation:spin .7s linear infinite}.global-notice{display:flex;align-items:center;gap:8px;margin:2px 0 4px;padding:10px 12px;border:1px solid rgba(242,143,123,.28);border-radius:14px;background:#f28f7b1a;color:#b85f4d;font-size:12px}.global-notice span{flex:1}.global-notice button{display:inline-flex;padding:2px;border:0;background:transparent;cursor:pointer;color:inherit}.page-content{min-height:calc(100dvh - 160px);padding-top:14px}.page-loading{display:flex;align-items:center;justify-content:center;gap:9px;min-height:56vh;color:var(--muted);font-size:12px}.loading-ring{width:16px;height:16px;border:2px solid rgba(142,207,230,.35);border-top-color:var(--water);border-radius:50%;animation:spin .7s linear infinite}.stack{display:flex;flex-direction:column;gap:18px}.page-enter{animation:page-in .3s cubic-bezier(.22,1,.36,1) both;will-change:opacity,transform}@keyframes page-in{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}.home-intro,.page-title,.section-heading,.sheet-heading,.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.home-page{touch-action:pan-y;overflow-x:clip;will-change:opacity,transform}.month-page-older{animation:month-card-in-from-left .36s cubic-bezier(.22,1,.36,1) both}.month-page-newer{animation:month-card-in-from-right .36s cubic-bezier(.22,1,.36,1) both}@keyframes month-card-in-from-left{0%{opacity:0;transform:translate3d(-30px,0,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes month-card-in-from-right{0%{opacity:0;transform:translate3d(30px,0,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}.home-intro h1,.page-title h1,.sheet-heading h2,.modal-heading h2{margin:8px 0 5px;font-size:25px;line-height:1.2;font-weight:600}.page-title h1{margin:0 0 4px}.section-heading h2{margin:0;font-size:16px;font-weight:600}.section-heading>.muted{font-size:11px}.muted{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.eyebrow{margin:0;color:var(--muted);font-size:10px;letter-spacing:0}.shared-badge{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(142,207,230,.32);border-radius:16px;background:#ffffffb3;color:var(--ink)}.glass{border:1px solid rgba(255,255,255,.78);background:#ffffffa6;box-shadow:var(--shadow);backdrop-filter:blur(22px) saturate(1.08);-webkit-backdrop-filter:blur(22px) saturate(1.08)}.summary-card{position:relative;overflow:hidden;padding:20px;border-radius:24px;background:linear-gradient(135deg,#8ecfe642,#ffffffb3 58%,#7bc89a1f)}.summary-label{position:relative;z-index:1;color:var(--muted);font-size:12px}.summary-card>strong{position:relative;z-index:1;display:block;margin:11px 0 20px;font-size:clamp(28px,8vw,39px);line-height:1;font-weight:600;letter-spacing:0}.summary-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{display:flex;flex-direction:column;gap:5px;min-width:0}.metric strong{overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:600;white-space:nowrap}.metric span{color:var(--muted);font-size:11px}.positive{color:#55a779}.negative{color:#ce6d5e}.section-block{display:flex;flex-direction:column;gap:10px}.text-button,.primary-compact{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.primary-compact{padding:9px 12px;border:1px solid rgba(142,207,230,.5);border-radius:12px;background:#8ecfe624;color:var(--ink)}.list-surface,.transaction-card,.chart-panel,.share-panel{border:1px solid var(--line);border-radius:18px;background:#ffffffd1}.list-surface{overflow:hidden}.transaction-row{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px}.transaction-row+.transaction-row{border-top:1px solid var(--line)}.category-icon{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:14px}.transaction-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.transaction-main strong{overflow:hidden;text-overflow:ellipsis;font-size:14px;white-space:nowrap}.transaction-main span{overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px;white-space:nowrap}.transaction-amount{flex:0 0 auto;font-size:14px;font-weight:600;white-space:nowrap}.transaction-creator-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 25px;width:25px;height:25px;border:1px solid rgba(142,207,230,.35);border-radius:50%;background:#8ecfe621;color:#568d9d;font-size:9px;font-weight:600;letter-spacing:0}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border:1px solid var(--line);border-radius:15px;background:#ffffffb3}.segmented-control button{padding:8px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.segmented-control button.active{background:#8ecfe633;color:var(--ink);font-weight:600}.transaction-list{display:flex;flex-direction:column;gap:10px}.transaction-card{overflow:hidden}.swipe-row-shell{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#eef7f5}.swipe-row-actions{position:absolute;inset:0 0 0 auto;display:flex;visibility:hidden;width:132px}.swipe-row-actions.is-open{visibility:visible}.swipe-action{display:inline-flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;color:#fff;font-size:10px;cursor:pointer}.swipe-action.edit{background:#8ecfe6c7;color:#315762;font-weight:600}.swipe-action.danger{background:#f28f7bc7;color:#6d3b33;font-weight:600}.swipe-row-content{position:relative;z-index:1;background:#ffffffeb;transition:transform .24s cubic-bezier(.22,1,.36,1);touch-action:pan-y;will-change:transform}.swipe-row-content .transaction-row{min-height:66px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#ffffffd6}.stat-card span{color:var(--muted);font-size:11px}.stat-card strong{font-size:17px;font-weight:600}.stats-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.stats-heading-row .page-title{min-width:0;flex:1}.stats-heading-row .page-title .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.period-switch{flex:0 0 138px;width:138px;grid-template-columns:repeat(2,1fr);padding:3px;border-radius:13px}.period-switch button{padding:6px 7px;border-radius:9px;font-size:11px}.chart-panel{display:flex;flex-direction:column;gap:15px;padding:16px}.ranking-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:9px;font-size:11px}.ranking-label{display:flex;align-items:center;gap:5px;min-width:0}.mini-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:8px;background:#8ecfe61f}.ranking-track{height:6px;overflow:hidden;border-radius:999px;background:#edf5f4}.ranking-track span{display:block;height:100%;border-radius:inherit;min-width:5px}.ranking-row>strong{font-size:11px;font-weight:600;white-space:nowrap}.trend-wrap{display:flex;flex-direction:column;gap:10px}.trend-chart{display:block;width:100%;height:auto;overflow:visible}.trend-grid-line{stroke:var(--line);stroke-width:1;stroke-dasharray:3 5}.trend-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-line.member{stroke-width:2.5}.trend-line.income,.trend-point.income{stroke:var(--leaf)}.trend-point.income,.positive-bg{fill:var(--leaf)}.trend-line.expense,.trend-point.expense{stroke:var(--coral)}.trend-point.expense,.negative-bg{fill:var(--coral)}.trend-point{stroke:var(--panel);stroke-width:2}.trend-axis-label{fill:var(--muted);font-size:11px}.trend-legend{display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:10px}.trend-member-legend,.trend-series-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}.trend-legend-item{display:inline-flex;align-items:center;gap:5px;padding:3px 0;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.trend-legend-item.active{border-bottom-color:#568d9d94;color:var(--ink);font-weight:600}.trend-member-swatch{width:7px;height:7px;border:1px solid rgba(86,141,157,.7);border-radius:50%;background:#8ecfe661}.trend-member-swatch.all{border-color:#7bc89ac7;background:linear-gradient(135deg,var(--water),var(--leaf))}.trend-series-legend span{display:inline-flex;align-items:center;gap:4px}.trend-line-key{display:inline-block;width:18px;height:0;border-top:2px solid currentColor}.trend-line-key.income{color:var(--leaf)}.trend-line-key.expense{border-top-style:dashed;color:var(--coral)}.dot{width:6px;height:6px;border-radius:50%}.trend-total{margin-left:auto;color:var(--ink);font-weight:600}.ledger-list{display:flex;flex-direction:column;gap:9px}.ledger-card{display:flex;align-items:center;gap:12px;width:100%;padding:13px;border:1px solid var(--line);border-radius:18px;background:#ffffffd6;text-align:left;cursor:pointer;transition:border .16s ease,transform .16s ease}.ledger-card:hover{transform:translateY(-1px)}.ledger-card.selected{border-color:#8ecfe6bf;background:#8ecfe61a}.ledger-card-icon{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:15px;background:#8ecfe61f;color:var(--ink)}.ledger-card-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.ledger-card-copy strong{overflow:hidden;text-overflow:ellipsis;font-size:14px;white-space:nowrap}.ledger-card-copy small,.ledger-card-side{color:var(--muted);font-size:10px}.ledger-card-side{display:flex;align-items:center;gap:8px}.ledger-card-side svg{visibility:hidden;color:var(--leaf)}.ledger-card-side svg.visible{visibility:visible}.share-panel{display:flex;flex-direction:column;gap:13px;padding:16px}.member-list{display:flex;flex-direction:column;gap:10px}.member-row,.settings-profile{display:flex;align-items:center;gap:9px}.member-row>span:last-child,.settings-profile>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.member-row strong,.settings-profile strong{font-size:12px}.member-row small,.settings-profile small{color:var(--muted);font-size:10px}.avatar{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#aab8f23b;color:var(--ink);font-size:12px}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--water)}.share-form{display:grid;grid-template-columns:1fr auto;gap:8px}.share-form input,.share-form select{min-width:0}.share-form .secondary-button{grid-column:1 / -1}.share-form input,.share-form select,.sheet-form input,.sheet-form select,.auth-form input,.inline-field input,.inline-field select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:12px;outline:0;background:#ffffffdb;color:var(--ink);font-size:12px}.sheet-form input,.sheet-form select{box-sizing:border-box;min-height:44px;line-height:1.35}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:1px solid rgba(142,207,230,.55);border-radius:12px;background:#8ecfe621;font-size:11px;cursor:pointer}.secondary-button:disabled,.primary-button:disabled,.add-button:disabled{cursor:not-allowed;opacity:.48}.invite-result{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;background:#7bc89a1a;color:#5e9875;font-size:11px}.invite-result button{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:transparent;color:inherit;font-size:11px;cursor:pointer}.small-copy{font-size:10px}.bottom-nav{position:fixed;z-index:10;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;width:min(calc(100% - (var(--shell-gutter) * 2)),calc(var(--shell-max-width) - (var(--shell-gutter) * 2)));padding:8px;transform:translate(-50%);border-radius:26px}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:47px;border:0;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.bottom-nav button.active{color:var(--ink)}.bottom-nav button.active svg{padding:4px;width:27px;height:27px;border-radius:10px;background:#8ecfe62e}.bottom-nav .add-button{width:52px;height:52px;margin:-12px auto;border-radius:19px;background:linear-gradient(135deg,var(--water),var(--leaf));box-shadow:0 10px 18px #8ecfe647;color:#fff}.bottom-nav .add-button:hover{background:linear-gradient(135deg,var(--water),var(--leaf));color:#fff;transform:translateY(-1px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:24px;text-align:center}.empty-state.compact{min-height:120px;padding:12px}.empty-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;margin-bottom:11px;border-radius:16px;background:#8ecfe621;color:var(--muted)}.empty-state strong{font-size:13px;font-weight:600}.empty-state p{max-width:260px;margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.connection-lost{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:62vh;padding:28px 18px;text-align:center}.connection-lost-art{width:min(100%,420px);aspect-ratio:1000 / 510;margin-bottom:2px;background:url(/images/connection-lost-cats.webp) center / contain no-repeat;opacity:.72}.connection-lost h1{margin:0 0 5px;font-size:21px;font-weight:600}.connection-lost .muted{max-width:270px}.connection-lost .secondary-button{margin-top:18px}.auth-screen,.launch-screen{position:relative;display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:24px;overflow:hidden;background:linear-gradient(180deg,#fff,var(--bg))}.auth-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 75% 20%,rgba(142,207,230,.25),transparent 28%),radial-gradient(circle at 20% 82%,rgba(123,200,154,.17),transparent 24%)}.auth-panel{position:relative;width:min(100%,430px);padding:25px;border:1px solid rgba(255,255,255,.78);border-radius:26px;background:#ffffffad;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.auth-cats{position:absolute;z-index:2;top:-69px;right:5px;width:130px;height:auto;pointer-events:none;filter:drop-shadow(0 8px 8px rgba(35,50,58,.12));transform:rotate(2deg)}.auth-heading{display:flex;flex-direction:column;gap:18px}.auth-heading h1{max-width:330px;margin:8px 0 0;font-size:20px;line-height:1.5;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:13px;margin-top:26px}.auth-form label,.sheet-form label{display:flex;flex-direction:column;gap:7px}.auth-form label span,.sheet-form label span,.inline-field>span{color:var(--muted);font-size:11px}.auth-form input{padding:13px 14px;border-radius:14px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:47px;padding:12px 16px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--water),var(--leaf));color:#fff;font-weight:600;cursor:pointer;box-shadow:0 10px 18px #8ecfe63d}.form-error{display:flex;align-items:flex-start;gap:7px;padding:8px 2px;color:#b85f4d;font-size:11px;line-height:1.5}.button-spinner,.launch-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.launch-screen{flex-direction:column;gap:18px}.launch-spinner{border-color:#8ecfe64d;border-top-color:var(--water)}.idle-cats{position:fixed;z-index:7;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.idle-cat{position:absolute;width:clamp(220px,30vw,360px);opacity:0;filter:drop-shadow(0 12px 14px rgba(35,50,58,.12));will-change:transform,opacity}.idle-cat img{display:block;width:100%;height:auto;animation:idle-cat-breathe 4.8s .9s ease-in-out infinite}.idle-cat.orange-left{left:-16px;bottom:max(96px,calc(16vh + env(safe-area-inset-bottom)));transform:translate3d(-104%,0,0) rotate(-3deg);transform-origin:18% 78%}.idle-cat.white-right{width:clamp(235px,31vw,390px);top:max(82px,14vh);right:-24px;transform:translate3d(104%,0,0) rotate(3deg);transform-origin:82% 24%}.idle-cats:not(.is-leaving) .orange-left{animation:idle-cat-left-in .76s cubic-bezier(.22,1,.36,1) both}.idle-cats:not(.is-leaving) .white-right{animation:idle-cat-right-in .82s .1s cubic-bezier(.22,1,.36,1) both}.idle-cats.is-leaving .orange-left{animation:idle-cat-left-out .32s ease-in both}.idle-cats.is-leaving .white-right{animation:idle-cat-right-out .28s 20ms ease-in both}@keyframes idle-cat-left-in{0%{opacity:0;transform:translate3d(-104%,5px,0) rotate(-3deg)}to{opacity:1;transform:translate3d(-5%,0,0) rotate(0)}}@keyframes idle-cat-right-in{0%{opacity:0;transform:translate3d(104%,-5px,0) rotate(3deg)}to{opacity:1;transform:translate3d(-5%,0,0) rotate(0)}}@keyframes idle-cat-left-out{0%{opacity:1;transform:translate3d(-5%,0,0) rotate(0)}to{opacity:0;transform:translate3d(-104%,5px,0) rotate(-3deg)}}@keyframes idle-cat-right-out{0%{opacity:1;transform:translate3d(-5%,0,0) rotate(0)}to{opacity:0;transform:translate3d(104%,-4px,0) rotate(3deg)}}@keyframes idle-cat-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.sheet-backdrop,.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:0;background:#23323a33;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.entry-sheet,.modal{width:min(100%,720px);max-height:min(92dvh,760px);overflow:auto;padding:12px 20px calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:#f8fbf8f5;box-shadow:0 -14px 40px #23323a26;animation:sheet-in .22s ease both}.modal-backdrop{align-items:center;padding:18px}.modal{width:min(100%,520px);max-height:90dvh;padding:20px;border-radius:22px}.month-picker-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;background:#23323a57;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.month-picker-sheet{width:min(100%,720px);max-height:min(88dvh,760px);overflow:hidden;padding:22px 18px calc(24px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:#f8fbf8f7;box-shadow:0 -16px 48px #23323a33;animation:month-picker-in .24s cubic-bezier(.22,1,.36,1) both}.month-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.month-picker-heading h2{margin:0;font-size:21px;line-height:1.2;font-weight:600}.return-today-button{min-height:38px;padding:0 13px;border:1px solid rgba(142,207,230,.45);border-radius:13px;background:#8ecfe61f;color:var(--ink);font-size:12px;cursor:pointer}.month-year-nav{display:flex;align-items:center;gap:5px;margin:0 0 14px}.month-year-nav-scroll{display:flex;flex:1;gap:5px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}.month-year-nav-scroll::-webkit-scrollbar{display:none}.month-year-nav-scroll button,.month-year-nav-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:46px;min-height:32px;padding:0 9px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.month-year-nav-scroll button.active{background:#8ecfe629;color:var(--ink);font-weight:600}.month-year-nav-arrow{min-width:30px;padding:0;border:1px solid var(--line);background:#ffffffa8}.month-picker-scroll{max-height:calc(min(88dvh,760px) - 94px);overflow:auto;padding:0 2px 2px;overscroll-behavior:contain}.month-year-group{scroll-margin-top:8px}.month-year-group+.month-year-group{margin-top:25px}.month-year-group h3{margin:0 0 12px 2px;font-size:18px;line-height:1.2;font-weight:600}.month-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px 8px}.month-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:78px;padding:8px 3px;border:1px solid transparent;border-radius:15px;background:#ffffffad;color:var(--ink);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.month-tile:hover{transform:translateY(-1px);border-color:#8ecfe66b}.month-tile.selected{border:2px solid rgba(86,141,157,.78);background:#8ecfe626;box-shadow:0 7px 16px #8ecfe624}.month-tile.current:not(.selected){border-color:#7bc89a8c}.month-tile strong{font-size:15px;line-height:1;font-weight:600;white-space:nowrap}.month-tile-stats{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;max-width:100%}.month-tile-stats small{overflow:hidden;max-width:100%;font-size:9px;line-height:1;text-overflow:ellipsis;white-space:nowrap}@keyframes month-picker-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-handle{width:42px;height:4px;margin:0 auto 17px;border-radius:999px;background:#c9dadd}.sheet-heading,.modal-heading{align-items:center;margin-bottom:18px}.sheet-heading h2,.modal-heading h2{margin:5px 0 0;font-size:20px}.entry-form,.sheet-form{display:flex;flex-direction:column;gap:15px}.type-switch{grid-template-columns:repeat(2,1fr)}.amount-input{display:flex;align-items:baseline;justify-content:flex-end;gap:10px;padding:12px 0 4px;border-bottom:1px solid var(--line);color:var(--muted)}.amount-input span{font-size:12px}.amount-input input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--ink);text-align:right;font-size:clamp(34px,11vw,48px);font-weight:600}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.category-choice{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:9px 3px;border:1px solid var(--line);border-radius:14px;background:#ffffffad;cursor:pointer}.category-choice.selected{border-color:#8ecfe6bf;background:#8ecfe621}.category-choice span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px}.category-choice small{overflow:hidden;max-width:100%;color:var(--ink);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.inline-field{display:grid;grid-template-columns:45px 1fr;align-items:center;gap:10px}.inline-field input{min-width:0}.save-button{margin-top:3px}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.choice{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#ffffffad;text-align:left;cursor:pointer}.choice.active{border-color:#8ecfe6bf;background:#8ecfe621}.choice strong{font-size:12px}.choice small{color:var(--muted);font-size:10px}.settings-profile{padding:4px 0 17px;border-bottom:1px solid var(--line)}.settings-section{display:flex;flex-direction:column;gap:10px;padding:16px 0;border-bottom:1px solid var(--line)}.settings-section h3{margin:0 0 2px;color:var(--muted);font-size:11px;font-weight:400}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:34px;font-size:12px}.setting-select-control{position:relative;display:block;flex:0 0 min(190px,55vw);width:min(190px,55vw);min-width:0;margin-left:auto}.setting-select-display{display:flex;align-items:center;justify-content:flex-end;gap:3px;min-height:30px;overflow:hidden;color:var(--muted);font-size:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.setting-select-display svg{flex:0 0 auto;color:var(--muted)}.setting-select-control select{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.setting-row.plain strong{width:min(190px,55vw);max-width:none;overflow:hidden;color:var(--muted);font-size:11px;font-weight:400;text-align:right;text-overflow:ellipsis;white-space:nowrap}.logout-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:18px;padding:12px;border:0;border-radius:13px;background:#f28f7b1a;color:#bd6255;font-size:12px;cursor:pointer}@media(min-width:700px){:root{--shell-gutter: 28px}.page-content{padding-top:22px}.bottom-nav{bottom:24px}.entry-sheet{border-radius:26px;margin-bottom:18px}.sheet-backdrop{align-items:center;padding:18px}.auth-panel{padding:32px}}@media(max-width:360px){:root{--shell-gutter: 14px}.category-grid{gap:5px}.category-choice small{font-size:9px}.summary-card{padding:17px}.summary-card>strong{font-size:31px}.auth-cats{top:-58px;right:2px;width:112px}.idle-cat{width:220px}.idle-cat.orange-left{left:-10px}.idle-cat.white-right{width:235px;right:-24px}}@media(max-width:699px){.auth-form input,.share-form input,.sheet-form input,.inline-field input{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
