:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafaf9;--surface:#fff;--ink:#1c1917;--ink-2:#44403c;--ink-3:#6b6560;--line:#e2e0de;--line-2:#eeedec;--accent:#1c1917;--accent-ink:#fafaf9;--focus:#1d4ed8;--paid-bg:#ecfdf5;--paid-ink:#065f46;--due-bg:#fef6e7;--due-ink:#8a4b06;--radius:8px;--chart-bar:#1c1917;--danger:#9a3412;--sans:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#17161a;--surface:#201f24;--ink:#f5f5f4;--ink-2:#d6d3d1;--ink-3:#a8a29e;--line:#35323a;--line-2:#28262d;--accent:#f5f5f4;--accent-ink:#1c1917;--focus:#7aa7ff;--paid-bg:#10b98129;--paid-ink:#6ee7b7;--due-bg:#f59e0b29;--due-ink:#fcd34d;--chart-bar:#d6d3d1;--danger:#fca5a5}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}h1,h2,h3,p,dl,dd{margin:0}button,input{font:inherit;color:inherit}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}.sr-only{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main{max-width:460px;padding:calc(26px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));margin:0 auto}.head-actions{flex:none;gap:16px;display:flex}.app-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}h1{letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.link-btn{color:var(--ink-2);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:6px 2px;font-size:.85rem;text-decoration:underline}.link-btn:hover{color:var(--ink)}.settings{border-bottom:1px solid var(--line);padding:18px 0}.row{flex-wrap:wrap;gap:12px;display:flex}.settings .row+.row{margin-top:14px}label{min-width:96px;color:var(--ink-2);flex-direction:column;flex:1;gap:5px;font-size:.75rem;display:flex}input{background:var(--surface);border:1px solid var(--line);border-radius:6px;width:100%;padding:10px;font-size:16px}.check{cursor:pointer;flex-direction:row;align-items:center;gap:8px;margin-top:16px;font-size:.8rem}.check input{width:auto;min-width:18px;min-height:18px;accent-color:var(--accent);margin:0}.note{color:var(--ink-3);flex:100%;font-size:.72rem}.summary{border-bottom:1px solid var(--line);padding:26px 0 22px}.summary-label{color:var(--ink-2);font-size:.8rem;font-weight:400}.amount{letter-spacing:-.03em;margin:2px 0 4px;font-size:2.5rem;font-weight:700;line-height:1.15}.period{color:var(--ink-3);font-size:.75rem}.stats{border-top:1px dashed var(--line);flex-wrap:wrap;gap:10px 20px;margin-top:20px;padding-top:16px;display:flex}.stats>div{flex:1;min-width:120px}.stats dt{color:var(--ink-3);font-size:.72rem}.stats dd{font-size:1.05rem;font-weight:600}form{border-bottom:1px solid var(--line);padding:22px 0}label.date-field{flex:1.5 130px}.primary-btn{background:var(--accent);width:100%;color:var(--accent-ink);cursor:pointer;border:none;border-radius:6px;margin-top:14px;padding:11px;font-size:.9rem;font-weight:600}.primary-btn:hover{opacity:.88}.error{color:var(--due-ink);margin-top:10px;font-size:.78rem}.history{padding-top:24px}.history>h2{color:var(--ink-2);margin-bottom:14px;font-size:.8rem;font-weight:400}.empty{color:var(--ink-3);font-size:.85rem}.group+.group{margin-top:22px}.group-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding-bottom:8px;display:flex}.group-head h3{flex:1;font-size:.88rem;font-weight:600}.group-sum{font-size:.95rem;font-weight:600}.group-period{color:var(--ink-3);flex:100%;font-size:.72rem}.badge{vertical-align:1px;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:.68rem;font-weight:600;display:inline-block}.badge.paid{background:var(--paid-bg);color:var(--paid-ink)}.badge.due{background:var(--due-bg);color:var(--due-ink)}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{border-bottom:1px solid var(--line-2);text-align:left;padding:9px 0;font-weight:400}td.detail{color:var(--ink-3);font-size:.8rem}td.num{text-align:right;white-space:nowrap;font-weight:600}td.action{text-align:right;width:40px}.del-btn{min-width:36px;min-height:36px;color:var(--ink-3);cursor:pointer;background:0 0;border:none;font-size:1.1rem}.del-btn:hover{color:var(--ink)}footer{color:var(--ink-3);margin-top:44px;font-size:.75rem}.undo{bottom:calc(18px + env(safe-area-inset-bottom));background:var(--ink);width:calc(100% - 36px);max-width:424px;color:var(--bg);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:14px;padding:11px 14px;font-size:.8rem;animation:.16s ease-out undo-in;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000038}.undo button{color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;flex:none;padding:4px 2px;font-size:.8rem;font-weight:600;text-decoration:underline}@keyframes undo-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (prefers-reduced-motion:reduce){.undo{animation:none}}.about{background:var(--surface);width:min(560px,100% - 32px);max-height:calc(100dvh - 48px);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:14px 22px 24px;box-shadow:0 16px 48px #0000004d}.about::backdrop{background:#0a0c1080}.about-top{justify-content:flex-end;display:flex}.about-close{min-width:40px;min-height:40px;color:var(--ink-3);cursor:pointer;background:0 0;border:none;font-size:1.3rem}.about-head{align-items:center;gap:16px;margin-bottom:6px;display:flex}.about-mon{flex:none;width:60px;height:60px}@media (prefers-color-scheme:dark){.about-mon{filter:brightness(0)invert()}}.about h2{letter-spacing:.02em;font-size:1.15rem}.about h3{color:var(--ink-2);margin:20px 0 5px;font-size:.8rem;font-weight:700}.about p{max-width:54ch;font-size:.85rem}.about-head p{color:var(--ink-2)}.license{margin-top:8px}.license summary{color:var(--ink-2);cursor:pointer;font-size:.78rem}.license pre{background:var(--line-2);border:1px solid var(--line);max-height:220px;color:var(--ink-2);white-space:pre-wrap;border-radius:6px;margin:8px 0 0;padding:12px;font-size:.68rem;line-height:1.5;overflow:auto}.about-foot{border-top:1px solid var(--line);color:var(--ink-3);margin-top:22px;padding-top:12px;font-size:.72rem}@media (width>=640px){main{max-width:520px;padding-top:calc(40px + env(safe-area-inset-top))}.amount{font-size:2.8rem}}@media (orientation:landscape) and (height<=520px){main{padding-top:calc(16px + env(safe-area-inset-top))}.summary{padding:16px 0 14px}.amount{font-size:2rem}form{padding:16px 0}}@media (width<=420px){label.date-field{flex:100%}}@media (width<=359px){label{min-width:88px}.amount{font-size:2.1rem}}@media (display-mode:standalone){main{padding-top:calc(34px + env(safe-area-inset-top))}}.backup{border-top:1px dashed var(--line);margin-top:20px;padding-top:16px}.backup h3{color:var(--ink-2);margin-bottom:4px;font-size:.78rem;font-weight:700}.backup-actions{flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.form-note{margin-top:10px}.chart-section{border-bottom:1px solid var(--line);padding:24px 0}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-head h2{color:var(--ink-2);font-size:.8rem;font-weight:400}.toggle{background:var(--line-2);border-radius:6px;gap:2px;padding:2px;display:flex}.toggle button{color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:.75rem}.toggle button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:600}.chart-svg{width:100%;height:auto;display:block}.chart-bar{fill:var(--chart-bar)}.chart-grid{stroke:var(--line);stroke-width:1px}.chart-tick,.chart-label{fill:var(--ink-3);font-size:9px}.chart-value{fill:var(--ink);font-size:10px;font-weight:700}.chart-table{margin-top:10px}.chart-table summary{color:var(--ink-3);cursor:pointer;font-size:.75rem}.chart-table table{margin-top:8px}.chart-table th[scope=col]{color:var(--ink-3);font-size:.72rem}.edit{background:var(--surface);width:min(380px,100% - 32px);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px 22px;box-shadow:0 16px 48px #0000004d}.edit::backdrop{background:#0a0c1080}.edit h2{margin-bottom:14px;font-size:1rem}.edit>label{margin-bottom:12px}.edit-actions{align-items:center;gap:16px;margin-top:18px;display:flex}.edit-actions .primary-btn{flex:1;width:auto;margin-top:0}.danger-btn{color:var(--danger);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:6px 2px;font-size:.8rem;text-decoration:underline}.edit-btn{min-height:36px;color:var(--ink-3);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:.78rem;text-decoration:underline}.edit-btn:hover{color:var(--ink)}td.action{width:44px}