.read-later-page { max-width: 920px; }
.read-later-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 14px; color: #fff; background: linear-gradient(145deg, #4f1bb0, #df64e9); font-size: 1.8rem; font-weight: 900; }
.read-later-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 16px; }
.read-later-url { grid-column: 1; }
.read-later-details { grid-column: 1 / -1; padding: 13px; border: 1px solid var(--line); border-radius: 9px; background: #faf8ff; }
.read-later-details summary { cursor: pointer; font-weight: 800; }
.read-later-detail-fields { display: grid; grid-template-columns: 1.3fr .7fr; gap: 14px; margin-top: 14px; }
.read-later-memo { grid-column: 1 / -1; }
.read-later-memo textarea { width: 100%; padding: 13px; border: 1px solid #d8d9e1; border-radius: 9px; font: inherit; resize: vertical; }
.read-later-form-actions { grid-column: 2; grid-row: 1; display: flex; gap: 8px; }
.read-later-form-actions button { min-height: 56px; padding-inline: 22px; }
.read-later-message { min-height: 1.25rem; margin: 12px 0 0; color: #5d26b8; font-weight: 800; }
.read-later-message.is-error { color: var(--danger); }
.read-later-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.read-later-filters label { display: grid; gap: 6px; font-size: .8rem; font-weight: 800; }
.read-later-filters select { min-height: 44px; }
.read-later-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.read-later-item { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.read-later-item-main { display: grid; gap: 7px; min-width: 0; }
.read-later-item-title { color: var(--text); font-size: 1rem; font-weight: 900; overflow-wrap: anywhere; }
.read-later-item-url { color: #6855f6; font-size: .82rem; overflow-wrap: anywhere; }
.read-later-item-meta { display: flex; flex-wrap: wrap; gap: 6px; }
.read-later-tag { padding: 3px 8px; border-radius: 999px; color: #4f1bb0; background: #eee7ff; font-size: .72rem; font-weight: 900; }
.read-later-tag.cleanup { color: #a64051; background: #fff0f2; }
.read-later-item-memo { margin: 0; color: #66616b; white-space: pre-wrap; }
.read-later-item-actions { display: flex; align-items: start; gap: 7px; }
.read-later-item-actions button { min-height: 36px; padding: 0 11px; border: 1px solid var(--line); border-radius: 7px; background: #fff; cursor: pointer; font-weight: 800; }

@media (max-width: 620px) {
  .read-later-form { grid-template-columns: minmax(0, 1fr); }
  .read-later-url, .read-later-details, .read-later-form-actions { grid-column: 1; grid-row: auto; }
  .read-later-form-actions { flex-wrap: wrap; }
  .read-later-detail-fields, .read-later-filters { grid-template-columns: minmax(0, 1fr); }
  .read-later-memo { grid-column: 1; }
  .read-later-item { grid-template-columns: minmax(0, 1fr); }
  input:not([type="checkbox"]):not([type="radio"]), select, textarea { font-size: 16px !important; }
}