:root{color:#17202a;background:#e8f0ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-width:320px;width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{position:fixed;inset:0;min-height:0;overscroll-behavior:none}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid rgba(36,119,209,.28);outline-offset:2px}.app-shell{position:relative;width:min(100%,480px);height:100vh;height:100dvh;min-height:0;margin:0 auto;overflow:hidden;overscroll-behavior:none;background:#f7faf9;box-shadow:0 0 40px #19353024}.ledger-content,.stats-scroll,.ledgers-scroll,.me-scroll,.entry-detail-scroll,.settings-form{overscroll-behavior-y:contain}.ledger-header{position:relative;z-index:1;min-height:210px;padding:max(18px,env(safe-area-inset-top)) 18px 20px;background:#087f72;color:#fff}.ledger-header:after{position:absolute;right:0;bottom:0;left:0;height:7px;background:linear-gradient(90deg,#ffc857 0 32%,#f46b45 32% 66%,#37a8d4 66%);content:""}.top-actions{display:grid;grid-template-columns:56px 1fr 40px;align-items:center;gap:10px}.participant-avatars{width:56px;height:40px;display:flex;align-items:center;border:0;padding:0 2px;background:transparent}.participant-avatar{width:28px;height:28px;display:grid;flex:0 0 auto;place-items:center;border:2px solid #087f72;border-radius:50%;color:#fff;font-size:10px;font-weight:760;box-shadow:0 3px 8px #0f342e2e}.participant-avatar+.participant-avatar{margin-left:-9px}.participant-avatar.owner,.share-member-avatar.owner{background:#f05d3f}.participant-avatar.member-wang,.share-member-avatar.member-wang,.participant-avatar.member,.share-member-avatar.member{background:#3478e5}.participant-avatar.member-li,.share-member-avatar.member-li{background:#7559d9}.icon-button{width:40px;height:40px;display:inline-grid;flex:0 0 auto;place-items:center;border:0;border-radius:8px;background:transparent;color:inherit}.header-icon{background:#ffffff24}.ledger-more-layer{position:absolute;inset:0;z-index:8}.ledger-more-scrim{position:fixed;inset:0;width:100%;height:100%;border:0;background:transparent}.ledger-more-menu{position:absolute;top:52px;right:14px;width:142px;overflow:hidden;border:1px solid rgba(218,232,228,.92);border-radius:8px;background:#fff;color:#26342f;box-shadow:0 12px 28px #14352e3d}.ledger-more-menu button{width:100%;height:48px;display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid #e7efed;padding:0 15px;background:#fff;color:#31504a;font-size:14px;text-align:left}.ledger-more-menu button:last-child{border-bottom:0}.ledger-more-menu button:active{background:#edf7f4}.ledger-switcher,.month-switcher{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:inherit}.ledger-switcher{min-width:0;font-size:19px;font-weight:780}.month-switcher{margin-top:22px;padding:0;color:#ffffffd1;font-size:13px}.monthly-summary{display:grid;grid-template-columns:1.35fr 1fr 1fr;align-items:end;gap:12px;margin-top:9px}.summary-main,.summary-stat{min-width:0}.monthly-summary span,.monthly-summary strong{display:block;white-space:nowrap}.monthly-summary span{margin-bottom:3px;color:#ffffffb8;font-size:12px}.summary-main strong{overflow:hidden;font-size:23px;line-height:1.25;text-overflow:ellipsis}.summary-stat{border-left:1px solid rgba(255,255,255,.22);padding-left:12px}.summary-stat strong{overflow:hidden;font-size:15px;text-overflow:ellipsis}.income-stat strong{color:#d9ffe7}.expense-stat strong{color:#ffe6dc}.ledger-content{height:calc(100vh - 210px);height:calc(100dvh - 210px);min-height:0;overflow-y:auto;padding:0 16px 112px;background:#f7faf9}.list-toolbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce8e4}.list-toolbar>.list-toolbar-copy{min-width:0;display:grid;gap:3px}.sync-notice{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #efd9c9;padding:6px 16px;background:#fff8f2;color:#8e481e;font-size:12px}.sync-notice>span,.sync-notice button{display:inline-flex;align-items:center;gap:5px}.sync-notice button{flex:0 0 auto;min-height:32px;border:0;border-radius:7px;padding:0 9px;background:#f0e2d7;color:#7a3d1b;font-weight:680}.sync-notice button:disabled{opacity:.6}.sync-notice .spinning{animation:sync-spin .8s linear infinite}@keyframes sync-spin{to{transform:rotate(360deg)}}.list-toolbar-heading{display:flex;align-items:baseline;gap:8px}.list-toolbar strong{font-size:15px}.list-toolbar span{color:#75817e;font-size:12px}.list-toolbar-totals{min-width:0;display:flex;gap:10px;font-variant-numeric:tabular-nums}.list-toolbar-totals span{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.list-toolbar-totals .income,.day-summary .income{color:#0d8b67}.list-toolbar-totals .expense,.day-summary .expense{color:#d84c36}.list-action{width:36px;height:36px;color:#41605a}.day-group{padding-top:14px}.day-group-heading{min-height:23px;display:flex;align-items:start;justify-content:space-between;gap:10px}.day-group h2{margin:0 0 5px;color:#64726f;font-size:12px;font-weight:680}.day-summary{min-width:0;display:flex;justify-content:flex-end;gap:10px;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.entry-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:66px;border-bottom:1px solid #e2ebe8;color:inherit;text-decoration:none}.entry-category-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:8px}.entry-copy,.entry-value{min-width:0}.entry-copy strong,.entry-copy span,.entry-value strong,.entry-value span{display:block}.entry-copy strong{overflow:hidden;font-size:15px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.entry-subline{min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden}.entry-copy .entry-recorder{display:inline-flex;flex:0 0 auto;align-items:center;gap:3px;color:#3478e5;font-weight:650}.entry-copy .entry-category-label{min-width:0;overflow:hidden;color:#7b8683;text-overflow:ellipsis;white-space:nowrap}.entry-copy .entry-sync-pending{display:inline-flex;flex:0 0 auto;align-items:center;color:#b35a24}.entry-copy .entry-category-label:before{margin-right:7px;color:#c4cecb;content:"·"}.entry-copy span,.entry-value span{margin-top:2px;color:#7b8683;font-size:12px}.entry-value{text-align:right}.entry-value strong{font-size:15px;font-variant-numeric:tabular-nums}.entry-value .expense{color:#d84c36}.entry-value .income{color:#0d8b67}.empty-state{min-height:260px;display:grid;place-items:center;align-content:center;gap:6px;color:#7b8683}.empty-state strong{color:#374541}.empty-state span{font-size:13px}.load-more-sentinel{height:52px;display:flex;align-items:center;justify-content:center;gap:7px;color:#71807c;font-size:12px}.load-more-sentinel svg{animation:load-more-spin .9s linear infinite}@keyframes load-more-spin{to{transform:rotate(360deg)}}.bottom-nav{position:absolute;right:0;bottom:0;left:0;z-index:4;height:calc(68px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);align-items:start;border-top:1px solid #d8e5e1;padding:7px 8px env(safe-area-inset-bottom);background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav a{min-width:0;height:50px;display:grid;place-items:center;align-content:center;gap:2px;border:0;background:transparent;color:#84908d;text-decoration:none}.bottom-nav a.active{color:#087f72}.bottom-nav span{font-size:10px}.add-entry-button{position:absolute;right:50%;bottom:calc(31px + env(safe-area-inset-bottom));z-index:5;width:56px;height:56px;display:grid;place-items:center;transform:translate(50%,50%);border:5px solid #ffffff;border-radius:50%;background:#f05d3f;color:#fff;box-shadow:0 8px 18px #ca422847}.drawer-scrim{position:absolute;inset:0;z-index:10;background:#1223205c;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.drawer-scrim.category-mode{background:#1223206b;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.quick-drawer{position:absolute;right:0;bottom:0;left:0;z-index:11;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom);background:#fff;box-shadow:0 -16px 36px #162d2838}.drawer-handle{width:38px;height:4px;margin:8px auto 0;border-radius:2px;background:#b9cac5}.drawer-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 14px 5px 18px}.amount-block{min-width:0;display:grid;gap:3px}.quick-ledger-target{position:relative;width:max-content;max-width:190px;min-height:23px;display:inline-flex;align-items:center;gap:4px;overflow:hidden;border-radius:6px;padding:2px 5px;background:#eaf6f3;color:#087f72;font-size:11px;font-weight:680;border:0}.quick-ledger-target span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-ledger-picker-layer{position:absolute;inset:0;z-index:30}.quick-ledger-picker-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:#1223206b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.quick-ledger-picker{position:absolute;right:0;bottom:0;left:0;max-height:90%;overflow-y:auto;border-radius:14px 14px 0 0;padding:0 16px calc(16px + env(safe-area-inset-bottom));background:#fff;color:#26342f}.quick-ledger-picker-handle{width:38px;height:4px;margin:8px auto 3px;border-radius:2px;background:#b9cac5}.quick-ledger-picker>header{min-height:56px;display:flex;align-items:center;justify-content:space-between}.quick-ledger-picker>header>div{display:grid;gap:1px}.quick-ledger-picker>header strong{font-size:16px}.quick-ledger-picker>header span{color:#7b8884;font-size:11px}.quick-ledger-picker>header>button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:8px;background:#f0f5f3;color:#536762}.quick-ledger-options{border-top:1px solid #e1ebe8;border-bottom:1px solid #e1ebe8}.quick-ledger-options>button{width:100%;min-height:54px;display:grid;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:10px;border:0;border-bottom:1px solid #edf2f0;padding:7px 2px;background:#fff;color:#26342f;text-align:left}.quick-ledger-options>button:last-child{border-bottom:0}.quick-ledger-options>button>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:#fff}.quick-ledger-options>button>strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.quick-ledger-options>button>strong small{margin-left:8px;color:#82908c;font-size:11px;font-weight:500}.quick-ledger-options>button>svg{color:#087f72}.quick-ledger-options>button.automatic{cursor:default;opacity:.62}.quick-ledger-picker-done{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;border:0;border-radius:8px;background:#087f72;color:#fff;font-weight:720}.amount-result{min-width:0;display:flex;align-items:baseline;gap:5px}.amount-prefix{color:#70807c;font-size:20px;font-weight:650}.amount-value{overflow:hidden;color:#172421;font-size:clamp(34px,10vw,44px);font-variant-numeric:tabular-nums;line-height:1;text-overflow:ellipsis;white-space:nowrap}.calculation-line{max-width:min(72vw,330px);overflow:hidden;color:#75817e;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.entry-meta-row{height:56px;display:grid;grid-template-columns:minmax(90px,1fr) auto;align-items:center;gap:8px;border-top:1px solid #e4ece9;padding:3px 16px 5px}.header-date-button{flex:0 0 auto;min-width:max-content;min-height:34px;display:inline-flex;align-items:center;gap:5px;border:1px solid #f3cf78;border-radius:8px;padding:0 9px;background:#fff8df;color:#8a620d;font-size:12px;font-weight:680;white-space:nowrap}.native-date-input{position:absolute;right:14px;width:1px;height:1px;opacity:0;pointer-events:none}.note-field{min-width:0;display:block}.note-field input{width:100%;height:32px;border:0;border-bottom:1px solid #dce8e4;border-radius:0;padding:0 3px;background:transparent;color:#27332f;font-size:13px}.note-field input::placeholder{color:#9aa6a3}.note-field.editing input{border-bottom-color:#78bdb2}.keypad{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,58px);border-top:1px solid #dbe7e3;isolation:isolate}.key{min-width:0;height:100%;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:0;border-right:1px solid #e2ebe8;border-bottom:1px solid #e2ebe8;background:#fff;color:#26332f}.key:nth-last-child(-n+4){border-bottom:0}.number-key{font-size:22px;font-weight:560}.operator-key,.utility-key{background:#f1f6f4;color:#3f5c55;font-size:23px}.operator-key.active{background:#fff3cd;color:#9b6700}.category-selector-anchor{position:relative;z-index:3;min-width:0}.meta-category-button{position:relative;z-index:3;max-width:min(190px,48vw);min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:5px;overflow:hidden;border:1px solid color-mix(in srgb,var(--category-color) 30%,white);border-radius:8px;padding:0 9px;background:color-mix(in srgb,var(--category-color) 11%,white);color:var(--category-color);font-size:12px;font-weight:750}.category-selector-anchor.selector-open{z-index:7}.meta-category-button.active{z-index:7;width:72px;min-width:72px;height:72px;min-height:72px;flex-direction:column;gap:0;border:1px solid color-mix(in srgb,var(--category-color) 35%,white);border-radius:10px;padding:0;background:color-mix(in srgb,var(--category-color) 13%,white);box-shadow:0 10px 24px #1d393238;isolation:isolate}.meta-category-button.active>*{position:relative;z-index:2}.meta-category-button.active span{font-size:13px;line-height:1.1}.meta-category-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-key{grid-column:4;grid-row:3 / span 2;border-right:0;background:#f05d3f;color:#fff}.category-focus-scrim{position:absolute;inset:0;z-index:4;background:#1326223d;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.category-coordinate{position:absolute;top:0;right:0;z-index:6;width:72px;height:72px;overflow:visible;pointer-events:none}.selector-path{position:absolute;top:-2px;right:100%;width:min(392px,calc(100vw - 88px));height:76px;display:flex;align-items:center;justify-content:flex-end;gap:6px;overflow:visible;border:0;padding:2px 6px;background:transparent;pointer-events:auto}.selector-path>button{width:72px;min-width:72px;height:72px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;overflow:hidden;border:2px solid color-mix(in srgb,var(--path-color) 72%,#263b36);border-radius:50%;padding:0;background:var(--path-color);color:#fff;font-weight:740;white-space:nowrap;box-shadow:0 9px 22px #1d393233}.selector-path>button:active,.selector-path>button:focus-visible{background:color-mix(in srgb,var(--path-color) 82%,#213832);transform:translateY(1px)}.selector-path>button svg{flex:0 0 auto}.selector-path small{max-width:62px;overflow:hidden;font-size:13px;line-height:1.1;text-overflow:ellipsis}.selector-path>svg{flex:0 0 auto;color:#8ca09b}.candidate-above-axis,.candidate-below-axis{position:absolute;right:-24px;width:120px;background:transparent;pointer-events:auto}.candidate-above-axis{bottom:60px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0,#000 30px,#000 calc(100% - 34px),transparent calc(100% - 16px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30px,#000 calc(100% - 34px),transparent calc(100% - 16px),transparent 100%)}.candidate-below-axis{top:70px;height:208px;overflow:hidden;mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 30px),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 30px),transparent 100%)}.candidate-axis-viewport{width:100%;height:100%;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.candidate-axis-viewport:active{cursor:grabbing}.candidate-axis-list{width:120px;min-height:max-content;display:flex;flex-direction:column;gap:10px;padding:10px 24px 240px}.coordinate-option{width:72px;min-width:72px;height:72px;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border:2px solid color-mix(in srgb,var(--option-color) 50%,white);border-radius:50%;padding:0;background:color-mix(in srgb,var(--option-tint) 74%,white);color:var(--option-color);font-size:13px;line-height:1.05;font-weight:730;white-space:nowrap;box-shadow:0 9px 22px #1d393233}.coordinate-option.selected{border-color:color-mix(in srgb,var(--option-color) 75%,#263b36);background:var(--option-color);color:#fff;box-shadow:0 0 0 4px #ffffffc7,0 11px 25px #1d393240}.coordinate-option.selected .coordinate-icon{color:#fff}.coordinate-icon{width:28px;height:28px;flex:0 0 auto;display:grid;place-items:center;color:var(--option-color)}.coordinate-option>span:last-child{max-width:62px;overflow:hidden;text-overflow:ellipsis}.share-sheet-layer{position:absolute;inset:0;z-index:16}.share-sheet-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:#12232066;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ledger-share-sheet{position:absolute;right:0;bottom:0;left:0;border-radius:14px 14px 0 0;padding:0 16px calc(18px + env(safe-area-inset-bottom));background:#fff;color:#22302c;box-shadow:0 -16px 36px #162d2838}.share-sheet-handle{width:38px;height:4px;margin:8px auto 3px;border-radius:2px;background:#b9cac5}.ledger-share-sheet>header{min-height:58px;display:flex;align-items:center;justify-content:space-between}.ledger-share-sheet>header>div{display:grid;gap:1px}.ledger-share-sheet>header strong{font-size:16px}.ledger-share-sheet>header span{color:#7a8783;font-size:11px}.ledger-share-sheet>header button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:8px;background:#f0f5f3;color:#536762}.share-member-list{border-top:1px solid #e1ebe8;border-bottom:1px solid #e1ebe8}.share-member-row{min-height:54px;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;border-bottom:1px solid #edf2f0}.share-member-row:last-child{border-bottom:0}.share-member-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:12px;font-weight:760}.share-member-row>span:last-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.share-member-row strong{font-size:14px}.share-member-row small{color:#7b8884;font-size:11px}.share-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:14px}.share-actions button{height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;font-size:14px;font-weight:700}.copy-invite-action{border:1px solid #cbdad6;background:#fff;color:#48605a}.system-share-action{border:0;background:#087f72;color:#fff}.share-feedback{min-height:18px;margin:8px 0 0;color:#7b8884;text-align:center;font-size:11px}.participant-sheet{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.compact-share-sheet{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.saved-toast{position:absolute;right:50%;bottom:92px;z-index:20;min-height:38px;display:inline-flex;align-items:center;gap:7px;transform:translate(50%);border-radius:8px;padding:0 14px;background:#173c35;color:#fff;box-shadow:0 10px 24px #15322c33;font-size:13px;white-space:nowrap}.drawer-enter-active,.drawer-leave-active{transition:opacity .18s ease}.drawer-enter-active .quick-drawer,.drawer-leave-active .quick-drawer{transition:transform .22s ease}.drawer-enter-from,.drawer-leave-to{opacity:0}.drawer-enter-from .quick-drawer,.drawer-leave-to .quick-drawer{transform:translateY(100%)}.coordinate-selector-enter-active,.coordinate-selector-leave-active{transform-origin:100% 0;transition:opacity .13s ease,transform .17s ease}.coordinate-selector-enter-from,.coordinate-selector-leave-to{opacity:0;transform:scale(.94)}.toast-enter-active,.toast-leave-active{transition:opacity .16s ease,transform .16s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(50%,8px)}.share-sheet-enter-active,.share-sheet-leave-active{transition:opacity .18s ease}.share-sheet-enter-active .ledger-share-sheet,.share-sheet-leave-active .ledger-share-sheet{transition:transform .22s ease}.share-sheet-enter-from,.share-sheet-leave-to{opacity:0}.share-sheet-enter-from .ledger-share-sheet,.share-sheet-leave-to .ledger-share-sheet{transform:translateY(100%)}.more-menu-enter-active,.more-menu-leave-active{transition:opacity .12s ease}.more-menu-enter-from,.more-menu-leave-to{opacity:0}@media(max-width:360px){.ledger-header{padding-right:14px;padding-left:14px}.monthly-summary{gap:8px}.summary-main strong{font-size:20px}.summary-stat{padding-left:8px}.entry-meta-row{grid-template-columns:minmax(76px,1fr) auto;gap:6px;padding-right:12px;padding-left:12px}.meta-category-button{max-width:48vw}.header-date-button{padding:0 7px}.ledger-content{padding-right:12px;padding-left:12px}.day-summary{gap:7px;font-size:10px}.list-toolbar-totals{gap:7px}}@media(min-width:700px){body{padding:16px 0}.app-shell{height:calc(100vh - 32px);min-height:620px;border-radius:18px}.ledger-content{height:calc(100% - 210px);min-height:0}.bottom-nav,.quick-drawer,.drawer-scrim{position:absolute}}