:root{--bg:#f6f5f2;--surface:#fff;--text:#1d1d1f;--muted:#6e6e73;--line:#e5e3de;--accent:#2f7d6d;--accent-soft:#e3f1ed;--expense:#c2410c;--income:#1d6fb8;--danger:#b42318;--radius:14px;--tabbar-h:60px;--c1:#c2410c;--c2:#2f7d6d;--c3:#1d6fb8;--c4:#a16207;--c5:#7c3aed;--c6:#8a8f8d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111312;--surface:#1c1f1e;--text:#f2f2f0;--muted:#9a9e9c;--line:#2d3231;--accent:#5cbfa8;--accent-soft:#1f3631;--expense:#fb923c;--income:#60a5fa;--danger:#f87171;--c1:#fb923c;--c2:#5cbfa8;--c3:#60a5fa;--c4:#facc15;--c5:#c4b5fd;--c6:#7d8280}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior:none;font-size:16px}button,input{font:inherit;color:inherit}button{border:1px solid var(--line);background:var(--surface);cursor:pointer;touch-action:manipulation;border-radius:10px;padding:10px 14px}button:disabled{opacity:.5}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.danger{color:var(--danger)}button.link{color:var(--accent);background:0 0;border:none;padding:4px}button.wide{width:100%}input{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;min-height:44px;padding:10px 12px}h1{margin:8px 0;font-size:22px}h2{margin:0 0 10px;font-size:16px}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.error{color:var(--danger);margin:6px 0;font-size:14px}.center-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;max-width:420px;min-height:100%;margin:0 auto;padding:24px 16px;display:flex}.logo{color:var(--accent)}.stack{text-align:left;flex-direction:column;gap:12px;width:100%;display:flex}.app{flex-direction:column;height:100%;display:flex}.app-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.screen{max-width:560px;margin:0 auto;padding:12px 16px 24px}.screen.entry{height:100%;padding:0}.tabbar{border-top:1px solid var(--line);background:var(--surface);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(6,1fr);display:grid}.tabbar button{height:var(--tabbar-h);color:var(--muted);background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.tabbar button.on{color:var(--accent);font-weight:600}.tab-label{font-size:11px}.toast{left:50%;top:calc(16px + env(safe-area-inset-top));background:var(--text);color:var(--bg);z-index:20;border-radius:999px;padding:10px 18px;font-size:14px;position:fixed;transform:translate(-50%)}.form{flex-direction:column;height:100%;display:flex}.form-top{padding:12px 16px 0;padding-top:calc(12px + env(safe-area-inset-top));border-bottom:1px solid var(--line);flex:none}.form-scroll{flex:1;min-height:0;padding:12px 16px;overflow-y:auto}.form-bottom{border-top:1px solid var(--line);background:var(--surface);padding:8px 16px 10px}.segmented{background:var(--line);border-radius:10px;grid-auto-columns:1fr;grid-auto-flow:column;width:100%;padding:3px;display:grid}.segmented button{background:0 0;border:none;border-radius:8px;padding:8px}.segmented button.on{background:var(--surface);font-weight:600;box-shadow:0 1px 2px #0000001f}.amount{text-align:right;font-variant-numeric:tabular-nums;padding:10px 4px;font-size:40px;font-weight:700}.amount.expense{color:var(--expense)}.amount.income{color:var(--income)}.category-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;display:grid}.category{flex-direction:column;align-items:center;gap:2px;min-height:54px;padding:6px 2px;display:flex}.category.on,.chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.category-icon{line-height:1;display:flex}.category-name{white-space:nowrap;letter-spacing:-.04em;font-size:11px}.field-label{color:var(--muted);margin:14px 0 6px;font-size:13px;display:block}.field .field-label{margin-top:0}.chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.chip{border-radius:999px;flex:none;padding:8px 14px;font-size:14px}.row{gap:10px;margin-top:14px;display:flex}.field{flex-direction:column;display:flex}.field.grow{flex:1;min-width:0}.row input[type=date]{width:150px}.keypad{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.keypad button{font-variant-numeric:tabular-nums;height:46px;font-size:20px}.actions{gap:8px;margin-top:8px;display:flex}.actions .primary{flex:1;height:48px}.month-picker{padding:4px 0 12px;padding-top:env(safe-area-inset-top);justify-content:center;align-items:center;gap:16px;font-size:17px;font-weight:600;display:flex}.month-picker button{border-radius:50%;width:40px;height:40px;padding:0;font-size:22px}.day{margin-bottom:14px}.day-header{color:var(--muted);justify-content:space-between;padding:0 4px 6px;font-size:13px;display:flex}.tx-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.tx-list li+li{border-top:1px solid var(--line)}.tx{text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.tx-icon{color:var(--muted);display:flex}.tx-main{flex-direction:column;flex:1;min-width:0;display:flex}.tx-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tx-sub{color:var(--muted);font-size:12px}.tx-amount{font-variant-numeric:tabular-nums;font-weight:600}.tx-amount.expense{color:var(--expense)}.tx-amount.income{color:var(--income)}.tx-amount.transfer{color:var(--muted)}.sheet-backdrop{z-index:10;background:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-width:560px;height:92%;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.sheet-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 16px;font-weight:600;display:flex}.sheet .form{flex:1;min-height:0}.sheet .form-top{padding-top:12px}.totals{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.total{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:4px;min-width:0;padding:10px;display:flex}.total-value{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:16px;font-weight:700}.total-value.expense{color:var(--expense)}.total-value.income{color:var(--income)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:14px}.bars{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bar-label{font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:4px;font-size:14px;display:flex}.bar-icon{vertical-align:-3px;color:var(--muted);margin-right:6px;display:inline-flex}.bar-track{background:var(--line);border-radius:999px;height:8px;overflow:hidden}.bar-fill{background:var(--accent);border-radius:999px;height:100%}.plain{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.code-row{align-items:center;gap:8px;display:flex}.join-code{letter-spacing:.15em;background:var(--bg);text-align:center;border-radius:10px;flex:1;padding:8px 12px;font-size:22px}.notice{background:var(--accent-soft);color:var(--accent);text-align:left;border-radius:10px;margin:0;padding:10px 12px}.token{word-break:break-all;background:var(--bg);-webkit-user-select:all;user-select:all;border-radius:10px;padding:8px 12px;font-size:13px;display:block}.filter{margin-bottom:12px}.filter-total{justify-content:space-between;margin:10px 2px 0;font-weight:600;display:flex}.view-toggle{margin-bottom:12px}.sticky-head{z-index:5;background:var(--bg);border-bottom:1px solid var(--line);margin:-12px -16px 12px;padding:12px 16px 0;position:sticky;top:0}.sticky-head .filter{margin-bottom:10px}.calendar{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:16px;display:grid;overflow:hidden}.cal-weekday{text-align:center;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 0 6px;font-size:12px}.cal-weekday.sun{color:var(--expense)}.cal-weekday.sat{color:var(--income)}.cal-cell{border:none;border-top:1px solid var(--line);font-variant-numeric:tabular-nums;background:0 0;border-radius:0;flex-direction:column;align-items:center;gap:1px;min-height:62px;padding:6px 1px 4px;display:flex}.calendar>:nth-child(-n+14).cal-cell{border-top:none}.cal-cell.selected{background:var(--accent-soft)}.cal-date{border-radius:999px;place-items:center;width:24px;height:24px;font-size:13px;display:grid}.cal-cell.today .cal-date{background:var(--accent);color:#fff;font-weight:600}.cal-amount{text-overflow:clip;white-space:nowrap;max-width:100%;font-size:10px;line-height:1.3;overflow:hidden}.cal-amount.expense{color:var(--expense)}.cal-amount.income{color:var(--income)}.file-pick input{opacity:0;width:1px;height:1px;position:absolute}.file-pick .button{text-align:center;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;padding:10px 14px;display:block}.file-pick:focus-within .button{outline:2px solid var(--accent)}.import-preview{margin-top:12px}.import-preview p{margin:0 0 6px;font-weight:600}.import-preview ul{margin:0 0 12px}.import-preview li .muted{display:block}.ok{color:var(--accent);margin:8px 0 0}.hint{margin:8px 2px 0}.budget-summary{flex-direction:column;gap:8px;display:flex}.budget-summary-row{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;display:flex}.budget-note{text-align:right;margin:0}.expense-text{color:var(--expense)}.income-text{color:var(--income)}.over-text{color:var(--danger);font-weight:600}.bar-fill.over{background:var(--danger)}.copy-budget{margin-bottom:8px}.budget-help{margin:0 2px 10px}.budget-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.budget-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.budget-name{align-items:center;min-width:0;font-size:15px;display:flex}.budget-input{color:var(--muted);flex:0 0 130px;align-items:center;gap:2px;display:flex}.budget-input input{text-align:right;font-variant-numeric:tabular-nums;min-height:36px;padding:6px 8px}.budget-figures{font-variant-numeric:tabular-nums;justify-content:space-between;margin:4px 0;display:flex}.sticky-head .budget-summary{margin-bottom:10px}.switch-row{color:var(--muted);cursor:pointer;justify-content:flex-end;align-items:center;gap:8px;margin:-4px 2px 10px;display:flex}.switch{appearance:none;background:var(--line);cursor:pointer;border:none;border-radius:999px;flex:none;width:40px;height:24px;min-height:0;padding:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(16px)}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chart-patterns{margin-top:-4px}.chart-card{padding:10px 8px 6px}.trend-chart{touch-action:manipulation;width:100%;height:auto;display:block}.chart-grid{stroke:var(--line);stroke-width:1px}.chart-axis{stroke:var(--muted);stroke-width:1px}.chart-tick,.chart-label{fill:var(--muted);font-size:9px}.chart-expense{fill:var(--expense)}.chart-income{fill:var(--income)}.chart-line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-line.balance{stroke:var(--accent)}.chart-line.expense{stroke:var(--expense)}.chart-line.income{stroke:var(--income)}.chart-dot.balance{fill:var(--accent)}.chart-dot.expense{fill:var(--expense)}.chart-dot.income{fill:var(--income)}.chart-selected{fill:var(--accent-soft)}.chart-hit{fill:#0000;cursor:pointer}.chart-hint{margin:4px 0 0}.chart-detail h2{margin-bottom:6px}.legend{gap:6px;margin:0;padding:0;list-style:none;display:grid}.legend li{align-items:center;gap:8px;font-size:14px;display:flex}.legend strong{font-variant-numeric:tabular-nums;margin-left:auto}.legend-total{border-top:1px solid var(--line);padding-top:6px}.swatch{border-radius:3px;flex:none;width:10px;height:10px}.swatch.expense{background:var(--expense)}.swatch.income{background:var(--income)}.swatch.balance{background:var(--accent);border-radius:50%}textarea{font:inherit;color:inherit;border:1px solid var(--line);background:var(--surface);resize:vertical;border-radius:10px;width:100%;padding:10px 12px}.account-list{margin:0 0 10px;padding:0;list-style:none}.account-list li+li{border-top:1px solid var(--line)}.account-row{text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;width:100%;padding:12px 2px;display:flex}.account-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.badge{color:var(--accent);background:var(--accent-soft);border-radius:999px;flex:none;padding:2px 8px;font-size:11px}.add-account{justify-content:center;align-items:center;gap:6px;display:flex}.sheet-body{flex:1;min-height:0;padding:4px 16px 24px;overflow-y:auto}.sheet-body .primary{height:48px;margin-top:16px}.sheet-section{align-items:center;gap:6px;margin:24px 0 4px;font-size:15px;display:flex}.login-email{word-break:break-all;margin:2px 0 10px}.login-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.login-actions button{padding:10px 6px;font-size:14px}.login-actions button.on{border-color:var(--accent);color:var(--accent)}.login-form{margin-top:12px}.logout{margin-top:14px}.range-picker{padding:4px 0 10px;padding-top:env(safe-area-inset-top);align-items:center;gap:6px;display:flex}.range-picker>button{border-radius:50%;flex:none;width:36px;height:36px;padding:0;font-size:20px}.range-fields{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.range-fields input,.range-fields select{text-align:center;flex:1;min-width:0;min-height:38px;padding:6px 4px;font-size:14px}select{font:inherit;color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px}.range-notice{margin:-4px 0 8px}.rule-list{margin:8px 0 4px;padding:0;list-style:none}.rule-list li{align-items:center;display:flex}.rule-list li+li{border-top:1px solid var(--line)}.rule-row{text-align:left;background:0 0;border:none;border-radius:0;flex:1;align-items:center;gap:8px;min-width:0;padding:10px 2px;display:flex}.rule-keyword{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rule-category{color:var(--accent);background:var(--accent-soft);border-radius:999px;flex:none;align-items:center;gap:4px;padding:2px 10px 2px 8px;font-size:14px;display:inline-flex}.rule-delete{color:var(--muted);flex:none}.rule-form{flex-direction:column;margin-top:6px;display:flex}.rule-form select{width:100%;min-height:44px}.rule-form .primary{margin-top:12px}.apply-rules{margin-top:8px}.rule-help{margin:10px 0 0}.settings-title{padding-top:env(safe-area-inset-top);margin:4px 4px 12px;font-size:22px}.settings-group{margin-bottom:18px}.settings-group-title{color:var(--muted);margin:0 4px 6px;font-size:13px;font-weight:500}.settings-menu{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.settings-menu li+li{border-top:1px solid var(--line)}.settings-item{text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:12px;width:100%;padding:13px 14px;display:flex}.settings-icon{color:var(--accent);flex:none}.settings-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-head{padding-top:env(safe-area-inset-top);margin-bottom:12px}.settings-back{align-items:center;gap:2px;margin-left:-6px;font-size:15px;display:inline-flex}.settings-head h1{margin:4px 4px 0;font-size:20px}.settings-detail .card:not(.keep-title)>h2:first-child{display:none}