.history-canvas{max-width:880px;margin:0 auto;padding:48px 32px 80px}.history-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;flex-wrap:wrap}.history-header h1{margin:0 0 6px;font-size:32px;font-weight:600}.history-subtitle{margin:0;color:var(--text-muted, #666);font-size:15px}.history-filters{display:flex;gap:6px;flex-wrap:wrap}.history-filters button{padding:6px 14px;border-radius:999px;border:1px solid var(--border, #e0e0e0);background:var(--surface, #fff);font-size:13px;cursor:pointer;color:var(--text, #111)}.history-filters button.is-active{background:var(--text, #111);color:var(--surface, #fff);border-color:var(--text, #111)}.history-list{display:grid;gap:32px}.history-loading,.history-error,.history-empty{padding:48px 32px;text-align:center;border:1px dashed var(--border, #e6e6e6);border-radius:12px;color:var(--text-muted, #666)}.history-empty h2{margin:0 0 8px;font-size:20px;color:var(--text, #111)}.history-empty p{margin:0 0 20px}.history-date{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #888);margin:0 0 12px}.history-group{display:grid;gap:12px}.hc{padding:18px 20px;border:1px solid var(--border, #e6e6e6);border-radius:12px;background:var(--surface, #fff)}.hc__head{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center}.hc__photo{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#f0f0f0}.hc__photo--blank{background:linear-gradient(135deg,#eaeaea,#f7f7f7)}.hc__ident h3{margin:0;font-size:16px;font-weight:600}.hc__ident p{margin:2px 0 0;font-size:13px;color:var(--text-muted, #666)}.hc__loc{color:#888;font-size:12px}.hc__state{font-size:11px;font-weight:500;padding:3px 10px;border-radius:999px;background:var(--chip-bg, #f4f4f4);color:var(--text, #111);text-transform:uppercase;letter-spacing:.04em}.hc__state--queued{background:#fff3cd;color:#a07b00}.hc__state--delivered{background:#e7f3ff;color:#1a66c0}.hc__state--written{background:#d8f0d8;color:#206020}.hc__state--skipped{background:#f0f0f0;color:#666}.hc__state--snoozed{background:#ece8ff;color:#5a3da0}.hc__why{margin:12px 0 0;font-size:14px;color:var(--text, #333)}.hc__actions{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}