:root{--bg:#f9f9f7;--surface:#fcfcfb;--ink:#0b0b0b;--ink-2:#52514e;--muted:#898781;--line:#e1e0d9;--accent:#2a78d6;--minus:#e34948;--plus:#2a78d6}@media (prefers-color-scheme:dark){:root{--bg:#0d0d0d;--surface:#1a1a19;--ink:#fff;--ink-2:#c3c2b7;--muted:#898781;--line:#2c2c2a;--accent:#3987e5;--minus:#e66767;--plus:#3987e5}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#view-root{max-width:640px;padding:16px 16px calc(72px + env(safe-area-inset-bottom));margin:0 auto}.view-title{margin:8px 0 16px;font-size:20px}.loading,.placeholder{color:var(--ink-2);margin:24px 16px}.error-message{color:var(--minus);margin:24px 16px}.tab-bar{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tab-btn{color:var(--muted);background:0 0;border:none;flex:1;padding:14px 0;font-family:inherit;font-size:14px}.tab-btn.active{color:var(--accent);font-weight:600}.entry-form{flex-direction:column;gap:14px;display:flex}.entry-form label{color:var(--ink-2);flex-direction:column;gap:4px;font-size:13px;display:flex}.entry-form input,.entry-form select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:10px;font-family:inherit;font-size:16px}.type-toggle{gap:8px;display:flex}.toggle-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:8px;flex:1;padding:10px 0;font-family:inherit;font-size:16px}.toggle-btn.active{border-color:var(--accent);color:var(--accent);font-weight:600}.primary-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:16px;font-weight:600}.form-message{min-height:1.4em;color:var(--ink-2);margin:0;font-size:14px}.form-message.ok{color:var(--plus)}.form-message.ng{color:var(--minus)}.month-selector{justify-content:center;align-items:center;gap:16px;margin-bottom:12px;display:flex}.month-nav{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 14px;font-family:inherit;font-size:16px}.month-label{font-size:16px;font-weight:600}.month-summary{gap:8px;margin-bottom:16px;display:flex}.summary-item{background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-direction:column;flex:1;gap:2px;padding:10px;display:flex}.summary-label{color:var(--muted);font-size:12px}.summary-value{font-size:15px;font-weight:600}.plus{color:var(--plus)}.minus{color:var(--minus)}.tx-list{margin:0;padding:0;list-style:none}.tx-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 4px;font-size:14px;display:flex}.tx-date{color:var(--muted);flex:0 0 3.2em}.tx-category{flex:none}.tx-memo{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tx-amount{font-weight:600}.tx-empty{color:var(--muted);text-align:center;padding:24px 0}.delete-btn{border:1px solid var(--line);background:var(--surface);color:var(--minus);border-radius:6px;padding:4px 8px;font-family:inherit;font-size:12px}.settings-section{margin-bottom:28px}.settings-section h2{color:var(--ink);margin:0 0 10px;font-size:16px}.settings-list{margin:0 0 12px;padding:0;list-style:none}.settings-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 4px;font-size:14px;display:flex}.settings-name{flex:1}.settings-empty{color:var(--muted);padding:8px 4px;font-size:14px}.small-btn{border:1px solid var(--line);background:var(--surface);color:var(--accent);border-radius:6px;padding:4px 10px;font-family:inherit;font-size:13px}.small-btn.danger{color:var(--minus)}.settings-form{flex-direction:column;gap:10px;margin-top:12px;display:flex}.settings-form label{color:var(--ink-2);flex-direction:column;gap:4px;font-size:13px;display:flex}.settings-form input,.settings-form select,.settings-form-inline input,.settings-form-inline select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:10px;font-family:inherit;font-size:16px}.settings-form-inline{align-items:center;gap:8px;display:flex}.settings-form-inline input{flex:1;min-width:0}.btn-row{flex-direction:column;gap:8px;display:flex}.error-list{color:var(--minus);margin:8px 0 0;padding-left:20px;font-size:13px}.charts-view{padding:8px 0 16px}.chart-heading{color:var(--ink-2);margin:20px 0 8px;font-size:14px;font-weight:600}.chart-box{height:240px;position:relative}.chart-month-select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;margin-bottom:8px;padding:6px 10px;font-size:16px}.charts-empty{color:var(--muted);padding:12px 0;font-size:14px}