@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{color-scheme:light dark;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;color:#26352c;background:#ebeae4;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.4;cursor:default}button:focus-visible,summary:focus-visible{outline:2px solid var(--accent, #245540);outline-offset:3px}button:active:not(:disabled){opacity:.72}input,select{min-width:0;max-width:100%;font-size:16px;border-radius:0}input:focus-visible,select:focus-visible{outline:2px solid var(--accent, #245540);outline-offset:2px}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.device{--accent: #245540;--accent-soft: #e9eee5;--hero: #244c39;--line: #e4e7dd;--muted: #737c6f;width:393px;height:100dvh;border:1px solid #c3c8bb;border-radius:32px;overflow:hidden;background:#f7f7f0}.user-B{--accent: #875133;--accent-soft: #f1e8dc;--hero: #6e452e}.screen{height:100%;position:relative;display:flex;flex-direction:column;background:#f7f7f0;color:#26352c;font-size:13px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:23px 22px 10px;flex-shrink:0}.app-header>img{-o-object-fit:contain;object-fit:contain}.account-button{display:flex;align-items:center;gap:7px;font-size:11px;min-height:44px;padding:0 0 0 10px}.avatar{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:600;flex-shrink:0}.scroll-body{flex:1;min-height:0;overflow:auto;padding:0 22px;scrollbar-width:none}.scroll-body::-webkit-scrollbar,.form-scroll::-webkit-scrollbar{display:none}.month-row{display:flex;align-items:center;justify-content:center;gap:7px;position:relative;margin:0 0 18px}.month-row>button{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.month-label{gap:7px;font-size:16px;font-weight:600;padding:0 8px;letter-spacing:.035em}.month-row .today{position:absolute;right:0;font-size:11px;color:var(--accent);background:var(--accent-soft);border-radius:7px;min-height:30px;min-width:36px}.balance-panel{position:relative;isolation:isolate;overflow:hidden;background:var(--hero);color:#f7f8f1;border-radius:18px;padding:23px 23px 19px}.balance-panel .seasonal-background{position:absolute;width:180px;height:135px;right:-10px;top:-3px;opacity:.17;z-index:-1;pointer-events:none}.balance-label{display:flex;align-items:center;justify-content:space-between;font-weight:500;font-size:12px;color:#e0e8dc}.month-tag{font-size:10px;letter-spacing:.04em;opacity:.65}.balance-number{font-family:-apple-system,BlinkMacSystemFont,Noto Sans JP,sans-serif;font-variant-numeric:tabular-nums;font-size:44px;line-height:1.4;letter-spacing:-.035em;font-weight:500;margin:8px 0 2px;position:relative}.balance-number>span{font-size:27px;margin-right:7px;font-weight:400}.balance-caption{font-size:9px;letter-spacing:.025em;color:#cedac8}.income-expense{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #ffffff25;padding-top:17px;margin-top:21px}.income-expense button{text-align:left;min-height:44px;padding:0}.income-expense button+button{border-left:1px solid #ffffff25;padding-left:20px}.income-expense button>span{font-size:10px;display:flex;gap:5px;align-items:center;color:#cfddc8}.income-expense strong{font-size:18px;font-weight:500;display:block;margin-top:5px;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.breakdown{margin-top:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;min-height:35px;gap:12px}.section-heading h2,.section-heading h3{font-size:13px;letter-spacing:.04em;font-weight:600}.section-heading>span{font-size:12px;font-variant-numeric:tabular-nums;color:#747c70}.expense-bar{height:6px;background:#bba678;border-radius:5px;overflow:hidden;margin:11px 0 10px}.expense-bar span{height:100%;display:block;background:var(--accent)}.breakdown-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.breakdown-actions button{display:grid;grid-template-columns:7px 1fr 14px;align-items:center;gap:4px 6px;text-align:left;min-height:51px;padding:4px 0}.dot{width:6px;height:6px;border-radius:2px;display:block}.dot.dot-fixed{background:var(--accent)}.dot.variable{background:#bba678}.breakdown-actions button>span:nth-child(2){font-size:10px;color:var(--muted)}.breakdown-actions strong{grid-row:2;grid-column:2;font-weight:500;font-size:15px;font-variant-numeric:tabular-nums}.breakdown-actions svg{grid-row:1/3;grid-column:3;color:#889080}.recent{border-top:1px solid var(--line);padding-top:14px;margin-top:16px}.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-size:11px;font-weight:500;min-height:44px;padding:4px 0}.date-heading{display:flex;align-items:center;gap:9px;color:#616e5d;font-size:11px;font-weight:500;padding:15px 0 6px}.date-heading span{font-size:9px;color:#81897b;font-weight:400}.transaction{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:11px 0;min-height:65px;border-bottom:1px solid var(--line)}.transaction:last-child{border-bottom:0}.category-icon{display:flex;align-items:center;justify-content:center;width:37px;height:37px;background:#eeefe6;border-radius:12px;color:#68785c;flex-shrink:0}.category-icon.income{background:var(--accent-soft);color:var(--accent)}.transaction-text{flex:1;min-width:0}.transaction-text strong{display:block;font-size:12px;font-weight:500}.transaction-text small{display:block;font-size:10px;color:#7b8374;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.transaction-amount{font-variant-numeric:tabular-nums;font-size:14px;font-weight:500;letter-spacing:-.02em;white-space:nowrap}.transaction-amount small{display:block;text-align:right;font-size:9px;font-weight:400;color:#7a7868;margin-top:3px}.transaction>svg{color:#9ba38f}.end-space{height:24px}.dock{padding:11px 17px 17px;border-top:1px solid var(--line);background:#fafaf5;flex-shrink:0}.dock nav{display:flex;align-items:center;justify-content:space-between;gap:5px}.dock nav>button{min-width:52px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#7c8576;font-size:9px}.dock nav>button.active{color:var(--accent);font-weight:600}.dock nav>button.record-button{flex-direction:row;gap:7px;min-width:111px;background:var(--accent);color:#fff;border-radius:14px;font-size:12px;padding:0 14px;min-height:47px;font-weight:500}.page-heading{display:flex;align-items:end;justify-content:space-between;margin:2px 0 20px}.page-heading .eyebrow{font-size:8px;letter-spacing:.14em;color:#929783}.page-heading h2{font-family:inherit;font-size:25px;font-weight:500;letter-spacing:.06em;margin-top:7px}.page-heading>span{color:var(--muted);font-size:11px}.search-field{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px;color:#88917d}.search-field input{width:100%;border:0;background:none;font-size:13px;outline:0}.search-field:focus-within{outline:2px solid var(--accent);outline-offset:2px}.filter-row{display:flex;gap:5px;margin:14px 0}.filter-row button{padding:0 13px;min-height:36px;border-radius:8px;font-size:11px;background:#eeefe7;color:#76806e}.filter-row button.active{background:var(--accent);color:#fff}.list-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;border-bottom:1px solid var(--line);padding:9px 0 15px;color:var(--muted)}.list-meta strong{font-weight:500;color:#344331;margin-left:3px}.list-meta label{display:flex;align-items:center;gap:4px}.list-meta select{background:transparent;border:0;font-size:11px;max-width:122px;color:var(--muted)}.page-description{font-size:12px;color:var(--muted);margin:-6px 0 22px}.setting-group{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 14px}.setting-row{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:19px 0;min-height:80px}.setting-row+.setting-row{border-top:1px solid var(--line)}.setting-icon{color:var(--accent);width:25px}.setting-row strong{font-size:12px;font-weight:500;display:block}.setting-row small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.setting-row>.setting-value{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;margin-left:auto;white-space:nowrap;font-variant-numeric:tabular-nums}.setting-row>svg{margin-left:auto;color:#8a9480}.quiet-note{display:flex;gap:10px;color:#7b8571;margin:20px 0;padding:0 2px;align-items:flex-start}.quiet-note svg{margin-top:3px;color:#8b967f}.quiet-note p{font-size:10px;line-height:1.9}.subheading{font-size:11px;font-weight:500;color:var(--muted);margin:30px 0 12px}.logout{display:flex;align-items:center;gap:8px;font-size:11px;color:#7c8277;margin:27px 0;min-height:44px}.empty{padding:25px 7px;text-align:center;color:#7c8673}.empty>svg,.empty>img{margin:8px auto 14px}.empty h3{font-size:13px;font-weight:500;color:#53634b}.empty p{font-size:11px;margin:9px 0 20px}.empty .secondary{margin:auto;font-size:11px}.sheet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#18221975;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet{position:relative;background:#f7f7f0;border-radius:23px 23px 0 0;max-height:93%;width:100%;display:flex;flex-direction:column;outline:0;overflow:hidden;padding-top:10px}.handle{width:32px;height:4px;background:#d4d9cc;border-radius:9px;flex-shrink:0;margin:0 auto 7px}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:0 22px 10px;flex-shrink:0;border-bottom:1px solid var(--line)}.sheet-header h2{font-size:16px;font-weight:600;letter-spacing:.035em}.sheet-header button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#64725a}.sheet-content{padding:22px;overflow:auto}.sheet-form{display:flex;flex-direction:column;min-height:0}.form-scroll{padding:20px 22px;overflow:auto;min-height:0;scrollbar-width:none}.form-footer{padding:14px 22px 22px;border-top:1px solid var(--line);background:#fafaf5;flex-shrink:0}.primary,.secondary,.danger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 18px;border-radius:12px;font-size:13px;font-weight:500}.primary{width:100%;color:#fff;background:var(--accent)}.secondary{border:1px solid #ccd5c4;color:var(--accent)}.danger{background:#9b463a;color:#fff}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#eaece2;border-radius:10px;padding:4px}.segmented button{min-height:38px;font-size:12px;border-radius:7px;color:#76806e}.segmented .selected{background:#fff;color:var(--accent);font-weight:500}.money-field{margin:24px 0 27px}.money-field>label{display:block;text-align:center;font-size:10px;color:var(--muted)}.money-field>div:not(.money-underline){display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:8px}.money-field input{width:100%;max-width:255px;font-size:39px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.03em;text-align:center;background:none;border:0;color:#283e2c;font-variant-numeric:tabular-nums;min-width:0}.money-field input::-moz-placeholder{color:#a9b19f}.money-field input::placeholder{color:#a9b19f}.money-field>div>span{font-size:23px;color:#6e7a63}.money-underline{height:1px;background:#c8d2bf;width:80%;margin:11px auto 0}.categories{margin:0 0 20px;padding:0;border:0;min-width:0}.categories legend{font-size:11px;font-weight:500;margin-bottom:10px}.categories>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.categories button{min-height:63px;border:1px solid #e1e6d9;background:#fff;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#78846a;font-size:10px}.categories button.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.form-field{display:block;margin:15px 0 0}.form-field>label,.form-field>span{display:flex;justify-content:space-between;font-size:11px;font-weight:500;margin-bottom:8px}.form-field label span{font-size:9px;font-weight:400;color:var(--muted)}.form-field input{width:100%;background:#fff;border:1px solid #e1e6d9;border-radius:9px;padding:11px 12px;min-height:46px;color:#35432f}.form-field input::-moz-placeholder{font-size:12px;color:#a0a792}.form-field input::placeholder{font-size:12px;color:#a0a792}.advanced{border-top:1px solid var(--line);margin:21px 0 0;padding-top:4px}.advanced summary,.bonus-edit summary{min-height:44px;display:flex;align-items:center;gap:9px;font-size:11px;color:#78816e;cursor:pointer;list-style:none}.advanced summary::-webkit-details-marker,.bonus-edit summary::-webkit-details-marker{display:none}.advanced summary>svg:last-child,.bonus-edit summary>svg:last-child{margin-left:auto}.advanced[open] summary>svg:last-child{transform:rotate(180deg)}.check-row{display:flex;align-items:center;gap:7px;font-size:12px;min-height:44px}.check-row input{width:18px;height:18px;accent-color:var(--accent)}.period-note{text-align:center;font-size:13px;font-weight:500;margin:5px 0 13px}.helper{font-size:11px;color:var(--muted);line-height:1.9;margin-bottom:16px}.period-note+.helper{text-align:center}.fixed-summary{display:flex;flex-direction:column;align-items:center;padding:7px 0 24px}.fixed-summary>span{font-size:11px;color:var(--muted)}.fixed-summary strong{font-size:30px;font-weight:500;font-variant-numeric:tabular-nums;margin:6px 0}.fixed-summary small{font-size:10px;color:var(--muted)}.fixed-list{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 14px}.fixed-list button{display:flex;gap:8px;align-items:center;width:100%;min-height:60px;text-align:left;font-size:12px}.fixed-list button+button{border-top:1px solid var(--line)}.fixed-list strong{margin-left:auto;font-weight:500;font-variant-numeric:tabular-nums}.fixed-list svg{color:#8b947f}.add-fixed{margin:14px 0;width:100%;font-size:12px}.fixed-edit{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}.fixed-edit>label{display:block;font-size:10px;color:var(--muted)}.fixed-edit input{width:100%;font-size:16px;padding:8px 0 7px;color:#33402d;border:0;border-bottom:1px solid var(--line);background:none}.fixed-edit .fixed-amount{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.fixed-amount>span{display:flex;align-items:center;gap:5px;font-size:14px;min-width:0;max-width:77%;color:#35432f}.fixed-amount input{text-align:right;max-width:180px;font-variant-numeric:tabular-nums}.bonus-edit{margin-top:12px}.bonus-edit label{display:block;font-size:10px;color:var(--muted);margin:12px 0}.bonus-edit input{background:#f7f7f0;border-radius:7px;padding:10px;font-size:14px;margin-top:6px}.bonus-edit input::-moz-placeholder{font-size:11px}.bonus-edit input::placeholder{font-size:11px}.delete-button{display:flex;align-items:center;justify-content:center;gap:7px;color:#a06455;font-size:11px;min-height:44px;width:100%;margin-top:12px}.account-option{display:flex;align-items:center;gap:12px;width:100%;padding:15px;border:1px solid var(--line);background:#fff;border-radius:12px;margin:12px 0;font-size:13px}.account-option .avatar{width:36px;height:36px;font-size:13px}.account-option>svg{margin-left:auto;color:var(--accent)}.account-option.selected{border-color:var(--accent);background:var(--accent-soft)}.account-option .user-B{background:#f1e8dc;color:#875133}.year-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500;margin-bottom:20px}.year-title button:first-of-type{margin-left:auto}.year-title button{width:44px;height:44px}.month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.month-grid button{min-height:49px;background:#fff;border-radius:9px;border:1px solid var(--line)}.month-grid .selected{background:var(--accent);color:#fff;border-color:var(--accent)}.detail-category{display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px}.detail-amount{text-align:center;font-size:32px;font-weight:500;font-variant-numeric:tabular-nums;padding:18px 0 24px}.detail-content dl{margin:0 0 25px;border-top:1px solid var(--line)}.detail-content dl>div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-content dt{color:var(--muted);white-space:nowrap}.detail-content dd{margin:0;text-align:right;overflow-wrap:anywhere}.delete-confirm{border-top:1px solid var(--line);padding-top:16px}.delete-confirm p{text-align:center;font-size:12px;margin-bottom:14px}.delete-confirm>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toast{position:absolute;bottom:98px;left:20px;right:20px;z-index:5;background:#263c2b;color:#fff;padding:13px 14px;border-radius:10px;display:flex;align-items:center;gap:8px;font-size:11px}.toast button{margin-left:auto;color:#e4d39d;min-height:26px}.login-preview{text-align:center;padding:10px 0}.login-preview h3{font-family:inherit;font-size:24px;font-weight:500;margin:14px 0}.login-preview p{font-size:11px;color:var(--muted);margin-bottom:27px}.login-preview label{display:block;text-align:left;font-size:11px}.login-preview input{display:block;width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;margin:8px 0 16px;padding:13px}.login-preview input::-moz-placeholder{font-size:12px}.login-preview input::placeholder{font-size:12px}@media (max-width: 1100px){.presentation{grid-template-columns:220px 393px;gap:35px}.design-notes{display:none}.direction h1{font-size:29px}}@media (max-width: 700px){html,body,#root{height:100%;background:#f7f7f0}.presentation{padding:0;display:block;height:100%}.direction,.design-notes{display:none}.device{width:100%;height:100dvh;border:0;border-radius:0;margin:auto;max-width:500px}.app-header{padding-top:calc(13px + env(safe-area-inset-top,0px))}.dock{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.form-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.sheet{max-height:94%}.toast{bottom:calc(90px + env(safe-area-inset-bottom,0px))}}@media (max-width: 359px){.app-header{padding-left:17px;padding-right:17px}.scroll-body{padding:0 17px}.balance-panel{padding-left:19px;padding-right:19px}.balance-number{font-size:39px}.dock{padding-left:10px;padding-right:10px}.dock nav>button{min-width:46px}.dock nav>button.record-button{min-width:100px;font-size:11px;padding:0 11px}.transaction{gap:8px}.transaction-amount{font-size:13px}.sheet-header,.sheet-content,.form-scroll,.form-footer{padding-left:17px;padding-right:17px}.account-button{font-size:10px}.categories>div{gap:6px}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}.app-root{min-height:100dvh;background:#ebece5;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif}.app-frame.device{width:100%;max-width:480px;border:0;border-radius:0;margin:0 auto;height:100dvh}.screen{font-size:14px}.balance-number{font-size:clamp(28px,10.4vw,44px);overflow-wrap:anywhere}.balance-caption{font-size:10px}.transaction-text strong{font-size:13px}.transaction-text small{font-size:11px}.transaction-amount{font-size:15px}.dock nav>button{font-size:10px}.categories button{font-size:11px}.page-heading h2{font-family:inherit;font-size:24px;font-weight:600}.income-expense strong{font-size:clamp(13px,4.2vw,18px);overflow-wrap:anywhere}.section-heading>span{overflow-wrap:anywhere}.breakdown-actions strong{font-size:clamp(12px,3.7vw,16px);overflow-wrap:anywhere}.balance-number.negative{color:#f2d5c5}.transaction-amount.income{color:var(--accent)}.transaction-text strong,.setting-row strong{overflow-wrap:anywhere}.transaction-amount{max-width:48%;white-space:normal;overflow-wrap:anywhere;text-align:right}.setting-row>.setting-value{max-width:48%;white-space:normal;text-align:right;overflow-wrap:anywhere}.state-panel{padding:34px 10px;text-align:center}.state-panel h2{font-size:16px;margin:15px 0}.state-panel p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:18px}.state-panel .secondary{margin:0 auto}.state-panel svg{margin:auto;color:var(--accent)}.loading-shape{height:180px;border-radius:18px;background:#e6eadf}.save-feedback{font-size:12px;line-height:1.8;color:#944c3e;background:#f6ece6;border-radius:10px;padding:12px;margin-bottom:17px;overflow-wrap:anywhere}.save-feedback button{display:block;text-decoration:underline;min-height:44px;text-align:left}.global-feedback{position:relative;background:#f6ece6;margin:0 22px 14px}.muted{color:var(--muted)}.month-grid .selected{background:var(--accent)}.fixed-list button>span{min-width:0;flex:1;overflow-wrap:anywhere}.fixed-list strong{max-width:52%;text-align:right;overflow-wrap:anywhere}.income-expense button>strong{font-variant-numeric:tabular-nums}.fixed-summary strong{font-size:clamp(24px,8vw,30px);overflow-wrap:anywhere;max-width:100%;text-align:center}.summary-bonus{font-size:10px;color:var(--muted);line-height:1.8;margin-top:12px}.list-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;margin:10px 0}.list-options select{border:1px solid var(--line);background:#fff;border-radius:8px;font-size:12px;padding:10px;width:100%}.filter-row{flex-wrap:wrap}.login-screen{min-height:100dvh;background:#f7f7f0;display:flex;align-items:center;justify-content:center;padding:24px;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;--accent: #245540;--line: #e4e7dd;--muted: #737c6f}.login-card{width:100%;max-width:350px}.login-card>picture{display:block;margin:0 auto 40px;width:156px;height:auto}.login-card>picture img{display:block;width:100%;height:auto}.login-card h1{font-size:25px;font-weight:600;text-align:center;margin-bottom:10px}.login-card>p{text-align:center;color:var(--muted);font-size:12px;margin-bottom:32px}.login-card>label{display:block;font-size:12px}.login-card>input{margin:9px 0 16px;padding:14px 12px;background:#fff;border:1px solid var(--line);width:100%;border-radius:10px}.login-card .login-help{font-size:11px;text-align:left;line-height:1.9;margin:24px 0 0}.sheet{max-height:94dvh}.sheet-header{padding-top:0}.form-field label{min-width:0}.fixed-edit input{font-size:16px}.bonus-row{display:grid;grid-template-columns:65px minmax(0,1fr) 44px;align-items:center;gap:7px;padding:7px 0}.bonus-row select,.bonus-row input{width:100%;padding:10px 7px;font-size:16px;border:1px solid var(--line);border-radius:7px;background:#f7f7f0}.bonus-row button{min-height:44px;display:flex;align-items:center;justify-content:center;color:#9b6453}.bonus-caption{font-size:10px;margin:3px 0;color:var(--muted)}.bonus-edit .text-link{min-height:44px}.fixed-edit .delete-button{margin-top:4px}.fixed-edit .bonus-edit{margin-top:6px}.fixed-edit .bonus-edit summary{color:#636e5b}.delete-confirm p{line-height:1.8}.detail-amount{overflow-wrap:anywhere}.detail-content dd{word-break:break-word}.detail-meta{padding-top:6px;font-size:11px;color:var(--muted);line-height:1.9}.today button{min-height:44px}.year-title{flex-wrap:wrap}.account-option>span:nth-child(2){text-align:left}.account-option small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.advanced select{width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:12px;color:#35432f;margin-top:6px}.fixed-amount input{max-width:100%}.app-header>img{height:auto}.form-field input[type=date]{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:block;min-width:0;max-width:100%;width:100%;height:48px}.form-field input[type=date]::-webkit-date-and-time-value{text-align:left}.money-field input{font-size:clamp(25px,9vw,39px);max-width:calc(100% - 36px)}.sheet-form,.form-scroll{flex:1}.form-footer button{min-height:49px}.sheet-overlay{position:fixed;left:50%;transform:translate(-50%);width:100%;max-width:480px}.scrim{cursor:default}.primary[disabled]{background:#b4bfa9;color:#fff;opacity:1}.sheet button[disabled],.sheet input[disabled]{cursor:default}.dialog-loading{color:var(--muted);font-size:12px;line-height:1.8}.toast button{font-weight:600;min-height:44px}.sheet-form .bonus-edit label{margin:8px 0}.sheet-header h2{margin:0}.form-field .field-hint{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.8}.login-card .primary{margin-top:3px}@media (min-width: 701px){.app-frame .app-header{padding-top:26px}.app-frame .dock{padding-bottom:19px}}@media (prefers-reduced-motion: no-preference){.sheet{animation:sheet-in .18s ease-out}@keyframes sheet-in{0%{transform:translateY(12px);opacity:.6}to{transform:translateY(0);opacity:1}}}.sheet-overlay{top:var(--visual-top, 0px);bottom:auto;height:var(--visual-height, 100dvh)}.sheet{max-height:calc(var(--visual-height, 100dvh) * .94)}@media (prefers-color-scheme: dark){:root{color:#e5ebe2;background:#101612}.device,.login-screen{--accent: #a4cfb0;--accent-soft: #293d30;--action: #315e43;--hero: #244c39;--line: #354237;--muted: #acb8a6;--empty-bar: #354237}.device.user-B{--accent: #e1b18b;--accent-soft: #403126;--action: #805233;--hero: #523a2b}.app-root{background:#101612}html,body,#root,.device,.screen,.sheet,.login-screen{background:#141b17;color:#e5ebe2}.dock,.form-footer{background:#19211b}.search-field,.setting-group,.categories button,.form-field input,.fixed-list,.fixed-edit,.account-option,.month-grid button,.list-options select,.advanced select,.bonus-edit input,.bonus-row select,.bonus-row input,.login-card>input,.login-preview input{background:#202a23;border-color:var(--line)}.form-field input,.fixed-edit input,.fixed-amount>span,.advanced select,.money-field input,.list-meta strong,.empty h3{color:#e5ebe2}.category-icon{background:#28352b;color:#b5c9aa}.category-icon.income,.categories button.selected,.account-option.selected{background:var(--accent-soft);color:var(--accent)}.categories button.selected{border-color:var(--accent)}.segmented,.filter-row button{background:#263128}.segmented .selected{background:#354337;color:var(--accent)}.dock nav>button.record-button,.primary,.filter-row button.active,.month-grid .selected{background:var(--action);color:#fff}.primary[disabled]{background:#344039;color:#9eac9b}.section-heading>span,.date-heading,.date-heading span,.transaction-text small,.transaction-amount small,.dock nav>button,.page-heading .eyebrow,.search-field,.filter-row button,.quiet-note,.logout,.empty,.sheet-header button,.segmented button,.money-field>div>span,.categories button,.advanced summary,.bonus-edit summary,.fixed-edit .bonus-edit summary{color:var(--muted)}.dock nav>button.active,.filter-row button.active{color:var(--accent)}.filter-row button.active{color:#fff}.categories button.selected,.segmented .selected{color:var(--accent)}.breakdown-actions svg,.transaction>svg,.setting-row>svg,.quiet-note svg,.fixed-list svg{color:#99aa92}input::-moz-placeholder,.form-field input::-moz-placeholder,.money-field input::-moz-placeholder{color:#8c9b87;opacity:1}input::placeholder,.form-field input::placeholder,.money-field input::placeholder{color:#8c9b87;opacity:1}.secondary{border-color:#53664e}.handle,.money-underline,.loading-shape{background:#354237}.delete-button,.bonus-row button{color:#e4a18e}.save-feedback,.global-feedback{background:#3c2924;color:#f0b9a9}.toast{background:#304d39}.scrim{background:#0009}.account-option .user-B{background:#403126;color:#e1b18b}.empty img{filter:brightness(0) invert(.9)}}.all-users-total{margin-top:25px;padding-top:17px;border-top:1px solid var(--line)}.all-users-total h2{display:flex;align-items:center;gap:8px}.totals-refresh{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--muted)}.totals-period,.totals-footnote,.totals-balance>span,.totals-breakdown dt{color:var(--muted);font-size:11px}.totals-period{margin:0 0 14px}.totals-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.totals-balance>span{display:block}.totals-balance strong{display:block;font-size:clamp(23px,7.2vw,30px);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.025em;margin-top:6px;overflow-wrap:anywhere}.totals-balance .is-negative{color:#a04e3d}.totals-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line)}.totals-breakdown dd{margin:6px 0 0;font-size:16px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.totals-footnote{margin-top:17px;font-size:10px}.totals-status{padding:14px 0;color:var(--muted);font-size:12px;line-height:1.9}.totals-error-detail{margin-top:5px;font-size:11px}@media (prefers-color-scheme: dark){.totals-card{background:#202a23}.totals-balance .is-negative{color:#e4a18e}}.app-header{background:#fafaf5;border-bottom:1px solid #d0d8cb;padding-bottom:14px}.fixed-edit-hint{margin:4px 0 14px;font-size:11px;color:var(--muted)}.fixed-accordion-item{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}.fixed-accordion-trigger{display:flex;align-items:center;gap:10px;width:100%;min-height:64px;padding:15px 14px;text-align:left}.fixed-accordion-trigger>span{flex:1;min-width:0;font-size:13px;overflow-wrap:anywhere}.fixed-accordion-trigger strong{max-width:48%;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}.fixed-accordion-trigger svg{color:var(--muted)}.fixed-accordion-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.fixed-accordion-trigger[aria-expanded=true]{background:var(--accent-soft);color:var(--accent)}.fixed-accordion-trigger:focus-visible{outline-offset:-3px}.fixed-accordion-item>.fixed-edit{border:0;border-top:1px solid var(--line);border-radius:0;margin:0}@media (prefers-color-scheme: dark){.app-header{background:#19211b;border-bottom-color:#42513f}.fixed-accordion-item{background:#202a23}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}html,body,#root{min-height:100%;overscroll-behavior-y:none}body{margin:0}