:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f1f4f2;--surface:#fff;--text:#17211e;--muted:#5a6a64;--line:#d3dbd7;--accent:#0b6e5a;--on-accent:#fff;--warn:#b4472b;--on-warn:#fff;--tint:#e3efeb;--press:#0000000f;--bar-height:73px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1513;--surface:#18201d;--text:#e6ece9;--muted:#9baaa4;--line:#2b3733;--accent:#5cc9ae;--on-accent:#0f1513;--warn:#f0957a;--on-warn:#0f1513;--tint:#1f2d29;--press:#ffffff24}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:break-word;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif;font-size:16px;line-height:1.6}#app{min-height:100dvh}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button,input,select,textarea,label{touch-action:manipulation}h1,h2,p{margin:0}p+p{margin-top:8px}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.screen,[data-role=bands]{width:100%;max-width:520px;padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px));margin-left:auto;margin-right:auto}.screen{padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.screen.has-bar{padding-bottom:calc(var(--bar-height) + 24px + env(safe-area-inset-bottom,0px))}[data-role=bands]:not(:empty){padding-top:calc(8px + env(safe-area-inset-top,0px))}[data-role=bands]:not(:empty)+.screen{padding-top:16px}.head{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-bottom:16px;display:flex}.head h1{overflow-wrap:anywhere;flex:100%;font-size:22px;font-weight:700;line-height:1.35}.head>.confirm{flex:100%}.card{background:var(--surface);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:12px;margin-bottom:16px;padding:16px}.section-title{color:var(--muted);margin:24px 0 8px;font-size:14px;font-weight:600;line-height:1.4}.row{border-top:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 0;display:flex}.row:first-child{border-top:0}:where(.row)>:where(:first-child){flex:auto;min-width:0}.row-amount{text-align:right;font-variant-numeric:tabular-nums;flex:none;max-width:60%;margin-left:auto}button.row{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0;width:100%;font-size:16px}button.row:first-child{border-top:0}button.row:active{background:var(--tint)}.field{background:var(--surface);width:100%;height:48px;color:var(--text);border:1px solid var(--muted);border-radius:8px;padding:0 12px;font-size:18px;line-height:1.3;display:block}input.field,textarea.field{appearance:none}.field[inputmode=numeric]{text-align:right;font-variant-numeric:tabular-nums}textarea.field{resize:vertical;overflow-wrap:anywhere;word-break:break-all;height:auto;min-height:96px;padding:12px;line-height:1.5}.field::placeholder{color:var(--muted);opacity:1}.field:disabled{opacity:.55}.btn{min-height:48px;color:var(--text);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:8px 16px;font-size:16px;font-weight:600;line-height:1.3;display:inline-flex}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-quiet{border-color:var(--accent);color:var(--accent);background:0 0}.btn-danger{border-color:var(--warn);color:var(--warn);background:0 0}.btn-step{min-width:48px;padding-left:8px;padding-right:8px;font-size:20px}[data-screen=trouble] .card>.btn,[data-screen=setup] .setup-lead>.btn,[data-screen=setup] .add-slot>.btn,[data-screen=home] .home-block>.btn,[data-screen=month] .month-ym-exists>.btn,[data-screen=month] .month-delete>.btn,[data-screen=backup] .backup-card>.btn,[data-screen=backup] .backup-compare>.btn{width:100%;display:flex}.btn:not(:disabled):active{filter:brightness(.88)}.btn:not(.btn-primary):not(:disabled):active{background:var(--press);filter:none}.btn:disabled{opacity:.5;cursor:default}.bar{z-index:20;padding:12px calc(16px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));background:var(--surface);border-top:1px solid var(--line);position:fixed;bottom:0;left:0;right:0}.bar>.btn{width:100%;max-width:488px;margin-left:auto;margin-right:auto;display:flex}.total{background:var(--accent);color:var(--on-accent);overflow-wrap:anywhere;border-radius:12px;margin-bottom:16px;padding:16px}.total-value{font-variant-numeric:tabular-nums;font-size:32px;font-weight:700;line-height:1.25}.total .note{color:var(--on-accent)}[data-screen=month] .total{top:env(safe-area-inset-top,0px);z-index:10;position:sticky}.confirm{background:var(--surface);border:1px solid var(--warn);overflow-wrap:anywhere;border-radius:10px;margin-top:12px;padding:16px}.confirm p{margin-bottom:12px}.confirm-buttons{flex-wrap:nowrap;gap:8px;display:flex}.confirm-buttons .btn{flex:1 1 0;min-width:0;padding-left:8px;padding-right:8px}.band{overflow-wrap:anywhere;border-radius:10px;margin-bottom:8px;padding:12px 16px;font-size:16px;line-height:1.5}.band-warn{background:var(--warn);color:var(--on-warn);font-weight:600}.band-info{background:var(--tint);border:1px solid var(--line);color:var(--text)}.band .btn{margin-top:12px}.note{color:var(--muted);font-size:13px;line-height:1.5}.result-key{color:var(--text);font-size:16px;line-height:1.6}[data-screen=trouble] .card>*+*{margin-top:12px}[data-screen=trouble] .card>.note{margin-top:8px}[data-screen=amount] .amount-actions{flex:100%;gap:12px;display:flex}[data-screen=amount] .amount-actions>.btn{flex:1 1 0;min-width:0}[data-screen=amount] .amount-read{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-bottom:12px;font-size:32px;font-weight:700;line-height:1.3}[data-screen=amount] .note{margin-top:8px}[data-screen=amount] .amount-steps{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}[data-screen=amount] .amount-steps>.btn{min-width:0;min-height:56px}[data-screen=setup] .setup-lead>*+*{margin-top:12px}[data-screen=setup] .setup-resumed{margin-bottom:16px;font-weight:600}[data-screen=setup] .card:has(>.row){padding:12px}[data-screen=setup] .setup-item{flex-direction:column;gap:8px;padding:12px;display:flex}[data-screen=setup] .item-top{align-items:center;gap:8px;display:flex}[data-screen=setup] .item-top>.field{flex:1 1 0;min-width:0}[data-screen=setup] .item-top>.btn{flex:none;min-width:56px}[data-screen=setup] .item-mid{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}[data-screen=setup] .item-mid>select.field{flex:150px;width:auto;padding:0 8px;font-size:16px}[data-screen=setup] .item-amount{flex-direction:column;flex:140px;gap:4px;display:flex}[data-screen=setup] .item-amount>p{margin-top:0}[data-screen=setup] .item-amount>.btn{white-space:nowrap;width:100%;padding:8px 10px}[data-screen=setup] .item-extra{flex-direction:column;gap:8px;display:flex}[data-screen=setup] .item-extra>p{margin-top:0}[data-screen=setup] .time-row{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}[data-screen=setup] .time-fields{align-items:center;gap:8px;display:flex}[data-screen=setup] .time-fields>.field{flex:0 0 72px;min-width:0}[data-screen=setup] .time-fields>.field[data-field=hours]{flex-basis:88px}[data-screen=setup] .setup-item>.confirm{scroll-margin-bottom:calc(var(--bar-height) + 16px + env(safe-area-inset-bottom,0px))}[data-screen=setup] .add-slot>.btn{margin-bottom:16px}[data-screen=setup] .problems{border-color:var(--warn)}[data-screen=setup] .problems-title{color:var(--warn);font-weight:700}[data-screen=home] .home-block{margin-bottom:16px}[data-screen=home] .home-block>*+*{margin-top:12px}[data-screen=home] .home-block>.card,[data-screen=home] .home-block>.home-slot>.confirm{margin-bottom:0}[data-screen=home] .home-block>.home-slot>.confirm{margin-top:0}[data-screen=home] .home-block>.home-slot:empty{display:none}[data-screen=home] .home-buttons{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}[data-screen=home] .home-buttons>.btn{flex:140px}[data-screen=home] .home-notice{border-color:var(--accent);font-weight:600}[data-screen=home] .home-records{padding-top:0;padding-bottom:0}[data-screen=setup] .setup-edit-note{margin-bottom:16px}[data-screen=month] .total{margin-bottom:8px;padding:10px 16px}[data-screen=month] .total>p+p{margin-top:0}[data-screen=month] .month-total-note{margin-bottom:0}[data-screen=month] .month-row{flex-wrap:wrap;row-gap:8px}[data-screen=month] .month-row[data-kind=fixed]{flex-wrap:nowrap}[data-screen=month] .month-input{flex-wrap:wrap;flex:100%;align-items:center;gap:8px;display:flex}[data-screen=month] .month-ask{white-space:nowrap}[data-screen=month] .month-fields{align-items:center;gap:4px;display:flex}[data-screen=month] .month-fields>.field{flex:0 0 54px;width:54px;min-width:0;padding:0 5px}[data-screen=month] .month-fields>.field[data-field=count]{flex-basis:72px;width:72px}[data-screen=month] .month-fields>span{white-space:nowrap}[data-screen=month] .month-fields>span+.field{margin-left:4px}[data-screen=month] .month-foot{flex:100%;align-items:center;gap:8px;display:flex}[data-screen=month] .month-foot>.month-note{flex:1 1 0;min-width:0}[data-screen=month] .month-steps{flex:none;gap:8px;margin-left:auto;display:flex}[data-screen=month] .month-switch{cursor:pointer;flex:auto;align-items:center;gap:12px;min-width:0;min-height:48px;display:flex}[data-screen=month] .month-switch>input{width:24px;height:24px;accent-color:var(--accent);flex:none;margin:0}[data-screen=month] .month-fixed-text{flex-direction:column;min-width:0;display:flex}[data-screen=month] .month-notice{border-color:var(--accent);font-weight:600}[data-screen=month] .month-picker{margin-bottom:16px}[data-screen=month] .month-picker>.card{margin:12px 0 0}[data-screen=month] .month-picker-fields{align-items:center;gap:8px;display:flex}[data-screen=month] .month-picker-fields>select.field{flex:none;width:auto;min-width:88px;padding:0 8px}[data-screen=month] .month-picker-fields>span{white-space:nowrap}[data-screen=month] .month-ym-exists,[data-screen=month] .month-ym-exists>.btn{margin-top:12px}[data-screen=month] .month-edit-note{margin-bottom:16px}[data-screen=month] .month-delete{margin-top:24px}[data-screen=month] .month-delete-slot{min-height:180px;display:flow-root}[data-screen=month][data-mode=view] .field:disabled{opacity:1;color:var(--text);-webkit-text-fill-color:var(--text);background:var(--tint)}[data-screen=month][data-mode=view] .month-switch{cursor:default}[data-screen=backup] .backup-card>*+*,[data-screen=backup] .backup-compare>*+*{margin-top:12px}