:root{--brown: #b5713a;--brown-dark: #8f5527;--brown-light: #e2a361;--cream: #fdf5ea;--card: #ffffff;--text: #4a3626;--muted: #8a7461;--line: #ecdfcd;--over: #c85a4a;--ok: #6f9e5c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--cream);color:var(--text);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}input{font-family:inherit;font-size:16px;color:inherit}.app{min-height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--brown);color:#fff;box-shadow:0 2px 8px #4a362626}.header-nokorin{flex:0 0 auto;width:54px;height:54px;background:#fff6e8;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.header-text{min-width:0}.header-title{font-size:15px;font-weight:700;letter-spacing:.04em}.header-bubble{font-size:13px;line-height:1.4;opacity:.95}.main{padding:0}.tab-body{padding:14px 14px 24px;display:flex;flex-direction:column;gap:14px}.card{background:var(--card);border-radius:16px;padding:16px;box-shadow:0 2px 10px #785a3c14}.card-title{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--brown-dark)}.lead{margin:0 0 12px;font-size:13px;color:var(--muted)}.rest-card{text-align:center;background:linear-gradient(160deg,#fff8ee,#fff 60%);border:2px solid var(--brown-light)}.rest-month{font-size:13px;color:var(--muted)}.rest-amount{font-size:42px;font-weight:700;line-height:1.2;color:var(--brown-dark);letter-spacing:-.02em}.rest-over .rest-amount{color:var(--over)}.rest-unit{font-size:18px;margin-left:2px}.rest-detail{font-size:13px;color:var(--muted);margin-top:6px}.rest-sub{font-size:13px;margin-top:4px;color:var(--brown-dark);font-weight:600}.bar{height:10px;border-radius:999px;background:var(--line);overflow:hidden;margin:10px 0 4px}.bar-thin{height:7px;margin:4px 0 0}.bar-fill{height:100%;background:var(--brown-light);border-radius:999px;transition:width .3s ease}.bar-over{background:var(--over)}.today-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.today-label{font-size:14px;color:var(--muted)}.today-amount{font-size:20px;font-weight:700;color:var(--brown-dark)}.amount-row{display:flex;align-items:baseline;gap:6px;border-bottom:2px solid var(--line);padding-bottom:4px}.amount-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:34px;font-weight:700;text-align:right;color:var(--brown-dark);padding:4px 0}.amount-unit{font-size:18px;color:var(--muted)}.amount-preview{text-align:right;font-size:13px;color:var(--muted);margin-top:4px}.chip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin:14px 0}.chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border:2px solid var(--line);border-radius:14px;background:#fffdf9;transition:all .15s ease}.chip-on{border-color:var(--brown);background:#fdeedd;box-shadow:0 2px 6px #b5713a33}.chip-emoji{font-size:22px;line-height:1.2}.chip-name{font-size:12px;font-weight:600}.text-input{width:100%;border:2px solid var(--line);border-radius:12px;padding:10px 12px;outline:none;background:#fffdf9}.text-input:focus,.date-input:focus{border-color:var(--brown-light)}.date-row{display:flex;align-items:center;gap:10px;margin-top:10px}.date-label{font-size:13px;color:var(--muted)}.date-input{flex:1;border:2px solid var(--line);border-radius:12px;padding:8px 10px;outline:none;background:#fffdf9}.field-label{display:block;font-size:13px;color:var(--muted);margin:14px 0 4px}.hint{margin:6px 0 0;font-size:12px;color:var(--muted);text-align:center}.link-btn{display:block;margin:10px 0 0;padding:0;border:none;background:none;color:var(--brown);font-size:13px;text-decoration:underline}.primary-btn{width:100%;margin-top:14px;padding:14px;border:none;border-radius:14px;background:var(--brown);color:#fff;font-size:16px;font-weight:700;box-shadow:0 3px 0 var(--brown-dark)}.primary-btn:disabled{background:#d9cbb9;box-shadow:0 3px #c4b39d;color:#fffdf9}.primary-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--brown-dark)}.ghost-btn{flex:1;padding:12px;border:2px solid var(--line);border-radius:12px;background:#fffdf9;font-size:14px;font-weight:600;color:var(--brown-dark)}.ghost-btn:disabled{color:#b8a893}.danger-btn{flex:1;padding:12px;border:2px solid #f0d3ce;border-radius:12px;background:#fff6f4;color:var(--over);font-size:14px;font-weight:600}.wide{width:100%;margin-top:10px}.small-btn,.small-danger-btn{flex:0 0 auto;padding:8px 10px;border-radius:10px;border:2px solid var(--line);background:#fffdf9;font-size:13px;font-weight:600}.small-danger-btn{border-color:#f0d3ce;background:#fff6f4;color:var(--over)}.small-btn:disabled{color:#b8a893}.dialog-actions{display:flex;gap:10px;margin-top:10px}.hidden-file{display:none}.month-switch{display:flex;align-items:center;justify-content:center;gap:16px}.month-btn{width:40px;height:40px;border:none;border-radius:50%;background:#fff;box-shadow:0 2px 6px #785a3c1f;color:var(--brown-dark)}.month-btn:disabled{color:#d5c8b7}.month-name{font-size:17px;font-weight:700;color:var(--brown-dark)}.summary-row{display:flex;justify-content:space-between;font-size:14px;padding:4px 0}.summary-strong{font-size:18px;font-weight:700;color:var(--brown-dark);border-top:1px solid var(--line);margin-top:4px;padding-top:8px}.summary-over{color:var(--over)}.summary-note{margin-top:8px;font-size:12px;color:var(--muted);text-align:right}.cat-row{margin-top:10px}.cat-head{display:flex;justify-content:space-between;font-size:14px}.cat-name{font-weight:600}.cat-total{color:var(--muted)}.day-card{padding:12px 14px}.day-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:6px;border-bottom:1px solid var(--line)}.day-name{font-size:14px;font-weight:700;color:var(--brown-dark)}.day-total{font-size:13px;color:var(--muted)}.entry{display:flex;align-items:center;gap:10px;width:100%;padding:10px 2px;border:none;border-bottom:1px solid #f6efe4;background:none;text-align:left}.entry:last-child{border-bottom:none}.entry-emoji{font-size:20px;flex:0 0 auto}.entry-text{flex:1;min-width:0;display:flex;flex-direction:column}.entry-cat{font-size:14px;font-weight:600}.entry-memo{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-amount{flex:0 0 auto;font-size:15px;font-weight:700;color:var(--brown-dark)}.empty{text-align:center;color:var(--muted);font-size:14px;padding:24px 0}.count-note{margin:0;text-align:center;font-size:12px;color:var(--muted)}.cat-edit{display:flex;align-items:center;gap:8px;margin-top:8px}.emoji-input{flex:0 0 52px;width:52px;text-align:center;border:2px solid var(--line);border-radius:12px;padding:9px 4px;outline:none;background:#fffdf9}.cat-name-input{flex:1;min-width:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#4a362673;display:flex;align-items:flex-end;justify-content:center;padding:16px;overflow-y:auto}.dialog{width:100%;max-width:480px;background:var(--card);border-radius:18px;padding:18px;margin:auto 0 0;max-height:92vh;overflow-y:auto}.dialog-title{margin:0 0 10px;font-size:16px;font-weight:700;color:var(--brown-dark)}.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 10px #785a3c14}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;border:none;background:none;color:var(--muted)}.tab-on{color:var(--brown);font-weight:700}.tab-icon{font-size:20px;line-height:1.1}.tab-label{font-size:11px}@media (min-width: 600px){.app{max-width:560px;margin:0 auto;background:var(--cream)}.tab-bar{max-width:560px;margin:0 auto}}