:root{--color-bg:#fff;--color-surface:#f5f5f7;--color-text:#1d1d1f;--color-text-muted:#6e6e73;--color-border:#d2d2d7;--color-border-strong:#8e8e93;--color-primary:#06c;--color-danger:#d70015;--color-on-danger:#fff;--color-overlay:#0006;--font-family:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:28px;--line-height-body:1.6;--line-height-heading:1.25;--font-weight-bold:600;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--size-tap:44px;--radius-md:8px}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-body);color:var(--color-text);background:var(--color-bg);margin:0}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--size-tap);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font:inherit;cursor:pointer;border:1px solid #0000;display:inline-flex}.button:disabled{color:var(--color-text-muted);background:var(--color-surface);border-color:var(--color-border);cursor:default}.button--secondary{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.button--danger{background:var(--color-danger);color:var(--color-on-danger)}.screen{min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box;flex-direction:column;display:flex}.header{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--size-tap);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.header__title{font-size:var(--font-size-lg);line-height:var(--line-height-heading);font-weight:var(--font-weight-bold);margin:0}.header__action{min-height:var(--size-tap);padding:0 var(--space-2);color:var(--color-primary);font:inherit;background:0 0;border:0;align-items:center;text-decoration:none;display:inline-flex}.header__action:disabled{color:var(--color-text-muted)}.main{padding:var(--space-4);flex:1}.total{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface)}.total__label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.total__amount{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);overflow-wrap:anywhere;margin:0}.list{margin:var(--space-4) 0 0;padding:0;list-style:none}.list__row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--size-tap);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);color:inherit;text-decoration:none;display:flex}.list__name{overflow-wrap:anywhere;margin:0}.list__day{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.list__amount{white-space:nowrap;font-weight:var(--font-weight-bold);margin:0}.status{margin:var(--space-6) 0 0;text-align:center;color:var(--color-text-muted)}.form{gap:var(--space-4);flex-direction:column;display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.field__control{align-items:center;gap:var(--space-2);display:flex}.field__input{min-height:var(--size-tap);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font:inherit;font-size:var(--font-size-md);flex:1}.field__unit{color:var(--color-text-muted)}
