.saved{max-width:var(--max-width-content);margin:0 auto}.saved h1{font-size:var(--type-page-title-size);line-height:var(--type-page-title-line-height);margin:0 0 var(--rhythm-page-title-after)}.saved__lead{color:var(--color-text-secondary);font-size:var(--type-lead-size);line-height:var(--type-lead-line-height);margin-bottom:var(--space-4)}.saved__add{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius)}.saved__add h2{margin:0 0 var(--space-3);font-size:var(--text-lg)}.saved__add-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(160px,220px) auto;align-items:end;gap:var(--space-3)}.saved__field{display:grid;gap:var(--space-1);min-width:0;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500}.saved__field input{width:100%;min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-page);color:var(--color-text);font:inherit}.saved__field input:focus-visible{outline:none;border-color:var(--color-interactive);box-shadow:0 0 0 3px var(--color-interactive-focus-ring)}.saved__add-button{min-height:44px;padding:0 var(--space-4);border:0;border-radius:var(--radius);background:var(--color-interactive);color:var(--color-text-inverse);font:inherit;font-weight:700;cursor:pointer}.saved__add-button:hover{background:var(--color-interactive-hover)}.saved__add-hint{margin:var(--space-3) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.saved__add-hint[hidden]{display:none}.saved__summary{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-sm)}.saved__summary-count{font-weight:600}.saved__summary-soonest{color:var(--color-text-secondary)}.saved__tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius)}.saved__tools[hidden]{display:none}.saved__export-note{flex:1 1 260px;margin:0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.saved__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.saved__action{min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-bg-card);color:var(--color-text-primary);font:inherit;font-size:var(--text-sm);cursor:pointer}.saved__action:hover{border-color:var(--color-interactive);color:var(--color-interactive)}.saved__action--danger:hover{border-color:var(--color-danger);color:var(--color-danger-text)}.saved__list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.saved__item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius)}.saved__thumb{display:block;width:56px;height:56px;overflow:hidden;border-radius:var(--radius)}.saved__thumb img{display:block;width:100%;height:100%;object-fit:cover}.saved__item--no-image{grid-template-columns:minmax(0,1fr) auto}.saved__item--used{background:var(--color-bg-muted)}.saved__item-main{flex:1 1 auto;min-width:0}.saved__item a{font-weight:500;color:var(--color-interactive);text-decoration:none}.saved__reminder{display:block;margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs)}.saved__item-side{display:grid;justify-items:end;gap:var(--space-2);flex:0 0 auto}.saved__dates{display:grid;justify-items:end;gap:var(--space-1)}.saved__item-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.saved__item-action{min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-bg-card);color:var(--color-text);font:inherit;font-size:var(--text-sm);cursor:pointer}.saved__item-action:hover{border-color:var(--color-interactive);color:var(--color-interactive)}.saved__meta{flex-shrink:0;font-size:var(--text-sm);color:var(--color-text-muted)}.saved__purchase{color:var(--color-text-muted);font-size:var(--text-xs)}.saved__meta--warn{color:var(--color-warn, #b45309);font-weight:500}.saved__meta--expired{color:var(--color-danger, #b91c1c);font-weight:500}.saved__meta--used{color:var(--color-text-secondary);font-weight:500}.saved__empty{color:var(--color-text-secondary)}.saved__empty a{color:var(--color-interactive)}@media(max-width:640px){.saved__add-form{grid-template-columns:1fr}.saved__item{grid-template-columns:52px minmax(0,1fr)}.saved__thumb{width:52px;height:52px}.saved__item-side{grid-column:2;justify-items:start;width:100%}.saved__item--no-image{grid-template-columns:minmax(0,1fr)}.saved__item--no-image .saved__item-side{grid-column:1}.saved__dates{justify-items:start}.saved__item-actions{justify-content:flex-start}}