*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}#app{min-height:100dvh}body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none}button{cursor:pointer;-webkit-user-select:none;user-select:none}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:root{--color-bg:#f5f1ea;--color-surface:#fff;--color-text-primary:#3a362e;--color-text-secondary:#8a8377;--color-expense:#f7c9c0;--color-expense-strong:#e8917f;--color-income:#c9e4d5;--color-income-strong:#6fae8c;--color-accent:#f5e6a8;--color-accent-strong:#d9be55;--color-danger:#e8a6a0;--color-border:#ede7dc;--swatch-peach:#f7c9c0;--swatch-mint:#c9e4d5;--swatch-cream:#f5e6a8;--swatch-lavender:#dcd3ee;--swatch-sky:#c7deea;--swatch-sand:#e8dcc8;--swatch-rose:#f0d6de;--radius-card:18px;--radius-button:16px;--radius-pill:999px;--shadow-soft:0 2px 8px #3a362e0f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Thai", "Sarabun", sans-serif;--font-size-body:16px;--font-size-label:14px;--font-size-amount-display:40px;--font-size-numpad-key:28px;--font-size-summary-figure:24px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tab-bar-height:64px}html{font-family:var(--font-family-base);font-size:var(--font-size-body);color:var(--color-text-primary);background:var(--color-bg)}body{background:var(--color-bg)}.app-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-shell__view{-webkit-overflow-scrolling:touch;padding:var(--space-4);padding-top:calc(var(--space-4) + var(--safe-top));flex:1;overflow-y:auto}.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--space-4)}.text-secondary{color:var(--color-text-secondary);font-size:var(--font-size-label)}.bottom-tab-bar{background:var(--color-surface);border-top:1px solid var(--color-border);padding-bottom:var(--safe-bottom);height:calc(var(--tab-bar-height) + var(--safe-bottom));flex-shrink:0;display:flex}.bottom-tab-bar__item{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:48px;display:flex}.bottom-tab-bar__label{color:var(--color-text-secondary);font-size:11px}.bottom-tab-bar__label--active{color:var(--color-accent-strong);font-weight:600}.update-prompt{left:var(--space-4);right:var(--space-4);top:calc(var(--safe-top) + var(--space-3));background:var(--color-text-primary);color:var(--color-surface);border-radius:var(--radius-button);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-soft);z-index:30;display:flex;position:fixed}.update-prompt__button{color:var(--color-accent);flex-shrink:0;font-weight:700}.numpad{gap:var(--space-3);flex-direction:column;display:flex}.numpad__display{text-align:center;font-size:var(--font-size-amount-display);padding:var(--space-3) 0;color:var(--color-text-primary);word-break:break-all;font-weight:700}.numpad__grid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.numpad__key{font-size:var(--font-size-numpad-key);background:var(--color-surface);border-radius:var(--radius-button);padding:var(--space-4) 0;justify-content:center;align-items:center;min-height:56px;font-weight:600;display:flex}.numpad__key:active{background:var(--color-border)}.numpad__key--backspace{font-size:var(--font-size-summary-figure);color:var(--color-text-secondary)}.type-toggle{background:var(--color-bg);border-radius:var(--radius-pill);gap:4px;padding:4px;display:flex}.type-toggle__option{padding:var(--space-2) 0;border-radius:var(--radius-pill);color:var(--color-text-secondary);text-align:center;flex:1;font-weight:600}.type-toggle__option--active.type-toggle__option--expense{background:var(--color-expense);color:var(--color-text-primary)}.type-toggle__option--active.type-toggle__option--income{background:var(--color-income);color:var(--color-text-primary)}.category-button{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border-radius:var(--radius-button);text-align:center;flex-direction:column;min-height:76px;transition:opacity .15s,transform .1s;display:flex}.category-button:active{transform:scale(.96)}.category-button__label{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;overflow:hidden}.category-button--disabled{opacity:.45;pointer-events:none}.category-button--selected{outline:2px solid var(--color-text-primary);outline-offset:2px}.summary-card{gap:var(--space-3);flex-direction:column;display:flex}.summary-card__today{flex-direction:column;gap:2px;display:flex}.summary-card__today-figure{font-size:var(--font-size-summary-figure);color:var(--color-expense-strong);font-weight:700}.summary-card__month{gap:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-3);display:flex}.summary-card__month-item{flex-direction:column;flex:1;gap:2px;display:flex}.summary-card__month-figure{font-size:18px;font-weight:600}.summary-card__month-figure--expense{color:var(--color-expense-strong)}.summary-card__month-figure--income{color:var(--color-income-strong)}.toast{left:var(--space-4);right:var(--space-4);bottom:calc(var(--tab-bar-height) + var(--safe-bottom) + var(--space-3));background:var(--color-text-primary);color:var(--color-surface);border-radius:var(--radius-button);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-soft);z-index:20;animation:.15s ease-out toast-in;display:flex;position:fixed}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast__message{font-size:var(--font-size-label)}.toast__undo{color:var(--color-accent);flex-shrink:0;font-weight:700}.home-view{gap:var(--space-4);padding-bottom:var(--space-6);flex-direction:column;display:flex}.home-view__entry-card{gap:var(--space-4);flex-direction:column;display:flex}.home-view__expand-toggle{color:var(--color-text-secondary);font-size:var(--font-size-label);padding:var(--space-2) var(--space-3);align-self:center}.home-view__expanded-fields{gap:var(--space-3);flex-direction:column;display:flex}.home-view__field-label{font-size:var(--font-size-label);color:var(--color-text-secondary)}.home-view__note{border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-3);resize:none;background:var(--color-bg);width:100%;min-height:64px}.home-view__date-input{border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-3);background:var(--color-bg);width:100%}.home-view__photo-row{align-items:center;gap:var(--space-3);display:flex}.home-view__photo-button{border:1px dashed var(--color-border);border-radius:var(--radius-button);padding:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-label)}.home-view__photo-thumb-wrap{position:relative}.home-view__photo-thumb{border-radius:var(--radius-button);object-fit:cover;width:56px;height:56px}.home-view__photo-remove{color:var(--color-danger);font-size:var(--font-size-label)}.home-view__category-section{gap:var(--space-2);flex-direction:column;display:flex}.home-view__category-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.history-view{gap:var(--space-4);padding-bottom:var(--space-6);flex-direction:column;display:flex}.history-view__month-nav{justify-content:space-between;align-items:center;display:flex}.history-view__month-nav button{border-radius:var(--radius-pill);background:var(--color-surface);min-width:40px;min-height:40px;font-size:18px}.history-view__month-nav button:disabled{opacity:.3}.history-view__month-label{font-size:17px;font-weight:700}.history-view__totals{gap:var(--space-4);display:flex}.history-view__totals-item{flex-direction:column;flex:1;gap:2px;display:flex}.history-view__totals-figure{font-size:18px;font-weight:600}.history-view__totals-figure--expense{color:var(--color-expense-strong)}.history-view__totals-figure--income{color:var(--color-income-strong)}.history-breakdown{gap:var(--space-2);flex-direction:column;display:flex}.history-breakdown__row{align-items:center;gap:var(--space-2);display:flex}.history-breakdown__icon{border-radius:var(--radius-pill);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.history-breakdown__icon svg{width:16px;height:16px}.history-breakdown__bar-track{border-radius:var(--radius-pill);background:var(--color-bg);flex:1;height:8px;overflow:hidden}.history-breakdown__bar-fill{height:100%}.history-breakdown__amount{color:var(--color-text-secondary);text-align:right;min-width:64px;font-size:12px}.history-view__day-group{gap:var(--space-2);flex-direction:column;display:flex}.history-view__day-label{font-size:var(--font-size-label);color:var(--color-text-secondary);padding-left:var(--space-1)}.history-row{align-items:center;gap:var(--space-3);text-align:left;width:100%;display:flex}.history-row__icon{border-radius:var(--radius-button);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.history-row__info{flex-direction:column;flex:1;min-width:0;display:flex}.history-row__category{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.history-row__note{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.history-row__amount{flex-shrink:0;font-weight:700}.history-row__amount--expense{color:var(--color-expense-strong)}.history-row__amount--income{color:var(--color-income-strong)}.history-view__empty{color:var(--color-text-secondary);text-align:center;padding:var(--space-6) 0}.history-edit{gap:var(--space-3);flex-direction:column;display:flex}.history-edit__category-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.history-edit__buttons{gap:var(--space-2);margin-top:var(--space-2);display:flex}.history-edit__cancel,.history-edit__save{padding:var(--space-3);border-radius:var(--radius-button);text-align:center;flex:1;font-weight:600}.history-edit__cancel{background:var(--color-bg);color:var(--color-text-secondary)}.history-edit__save{background:var(--color-accent);color:var(--color-text-primary)}.history-edit__save:disabled{opacity:.5}.history-edit__delete{color:var(--color-danger);text-align:center;padding:var(--space-2);font-size:var(--font-size-label)}.categories-view{gap:var(--space-4);padding-bottom:var(--space-6);flex-direction:column;display:flex}.categories-view__list{gap:var(--space-2);flex-direction:column;display:flex}.category-row{align-items:center;gap:var(--space-3);padding:var(--space-2);display:flex}.category-row__icon{border-radius:var(--radius-button);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.category-row__info{flex-direction:column;flex:1;min-width:0;display:flex}.category-row__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.category-row__badge{color:var(--color-text-secondary);font-size:12px}.category-row__actions{gap:var(--space-1);flex-shrink:0;display:flex}.category-row__actions button{border-radius:var(--radius-pill);min-width:32px;min-height:32px;color:var(--color-text-secondary)}.category-row__actions button:disabled{opacity:.3}.category-row__delete{color:var(--color-danger)!important}.categories-view__add-button{background:var(--color-accent);border-radius:var(--radius-button);padding:var(--space-3);text-align:center;font-weight:600}.categories-view__archived-toggle{color:var(--color-text-secondary);font-size:var(--font-size-label);text-align:center;padding:var(--space-2)}.category-form{gap:var(--space-3);flex-direction:column;display:flex}.category-form__input{border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-3);background:var(--color-bg);width:100%}.category-form__applicability{gap:var(--space-2);display:flex}.category-form__chip{padding:var(--space-2);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text-secondary);text-align:center;flex:1;font-size:13px}.category-form__chip--active{background:var(--color-accent);color:var(--color-text-primary);font-weight:600}.category-form__icon-grid,.category-form__swatch-grid{gap:var(--space-2);grid-template-columns:repeat(6,1fr);display:grid}.category-form__icon-option{aspect-ratio:1;border-radius:var(--radius-button);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.category-form__icon-option--active{outline:2px solid var(--color-accent-strong)}.category-form__swatch-option{aspect-ratio:1;border-radius:var(--radius-button)}.category-form__swatch-option--active{outline:2px solid var(--color-text-primary);outline-offset:2px}.category-form__buttons{gap:var(--space-2);margin-top:var(--space-2);display:flex}.category-form__cancel,.category-form__save{padding:var(--space-3);border-radius:var(--radius-button);text-align:center;flex:1;font-weight:600}.category-form__cancel{background:var(--color-bg);color:var(--color-text-secondary)}.category-form__save{background:var(--color-accent);color:var(--color-text-primary)}.category-form__save:disabled{opacity:.5}.settings-view{gap:var(--space-4);padding-bottom:var(--space-6);flex-direction:column;display:flex}.settings-view__section{gap:var(--space-3);flex-direction:column;display:flex}.settings-view__row{gap:var(--space-2);flex-direction:column;display:flex}.settings-view__row--split{gap:var(--space-3);flex-direction:row}.settings-view__row--split>*{flex:1}.settings-view__input,.settings-view__select{border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-3);background:var(--color-bg);width:100%}.settings-view__chips{gap:var(--space-2);display:flex}.settings-view__chip{padding:var(--space-2);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text-secondary);text-align:center;flex:1;font-size:13px}.settings-view__chip--active{background:var(--color-accent);color:var(--color-text-primary);font-weight:600}.settings-view__preview{font-size:var(--font-size-summary-figure);text-align:center;padding:var(--space-2) 0;font-weight:700}.settings-view__save-button{background:var(--color-accent);border-radius:var(--radius-button);padding:var(--space-3);text-align:center;font-weight:600}.settings-view__checkbox-row{align-items:center;gap:var(--space-2);display:flex}.settings-view__action-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-button);padding:var(--space-3);text-align:center;font-weight:600}.settings-view__import-label{display:block}.settings-view__last-backup{font-size:var(--font-size-label);color:var(--color-text-secondary);text-align:center}.settings-view__import-error{color:var(--color-danger);font-size:var(--font-size-label)}