.favorites-history-index { max-width: 1160px; margin: 0 auto; }
.favorites-history-index-hero { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: center; gap: 42px; min-height: 570px; padding: 54px; border: 1px solid #efc7a8; border-radius: 30px; background: rgba(255, 253, 251, .97); box-shadow: 0 18px 40px rgba(102, 55, 22, .09); overflow: hidden; }
.favorites-history-index-intro { min-width: 0; }
.favorites-history-index-hero h1 { margin: 0; font-size: clamp(42px, 6vw, 68px); line-height: 1.08; letter-spacing: -.04em; }
.favorites-history-index-catch { margin: 24px 0 12px; font-size: 25px; line-height: 1.5; font-weight: 800; }
.favorites-history-index-lead { max-width: 520px; margin: 0 0 28px; color: var(--muted); font-size: 1rem; }
.favorites-history-index-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.favorites-history-index-note { margin: 14px 0 0; color: var(--muted); font-size: .8125rem; }
.favorites-history-index-showcase { position: relative; min-width: 0; padding: 24px 10px 24px 36px; }
.favorites-history-index-showcase::before { content: ""; position: absolute; inset: 12px -80px 12px 28px; background: linear-gradient(145deg, #fff2e8, #fffaf6); border: 1px solid #f2cfb3; border-radius: 28px; transform: rotate(-2deg); }
.favorites-history-index-timeline { position: relative; padding: 26px 24px 28px; border: 1px solid #efc7a8; border-radius: 24px; background: #fff; box-shadow: 0 16px 30px rgba(93, 52, 22, .12); }
.favorites-history-index-timeline-head { display: flex; justify-content: space-between; align-items: start; gap: 18px; margin-bottom: 24px; }
.favorites-history-index-timeline-head small { color: #d85e08; font-weight: 800; letter-spacing: .1em; }
.favorites-history-index-timeline-head h2 { margin: 5px 0 0; font-size: 27px; line-height: 1.35; }
.favorites-history-index-rail { position: relative; padding-left: 18px; }
.favorites-history-index-rail::before { content: ""; position: absolute; left: 54px; top: 10px; bottom: 10px; width: 3px; border-radius: 3px; background: #ffd0ae; }
.favorites-history-index-entry { position: relative; display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 16px; margin: 20px 0; }
.favorites-history-index-year { z-index: 1; align-self: start; padding: 7px 4px; text-align: center; border: 1px solid #ffd3b2; border-radius: 999px; background: #fff5ed; color: #d85e08; font-size: 13px; font-weight: 800; }
.favorites-history-index-entry-card { min-width: 0; padding: 15px 16px; border: 1px solid #f0d4bf; border-radius: 15px; background: #fffaf6; }
.favorites-history-index-entry-card strong { display: block; font-size: 17px; }
.favorites-history-index-entry-card span { display: block; margin-top: 3px; color: var(--muted); font-size: 13px; }
.favorites-history-index-entry-card p { margin: 8px 0 0; color: #5f4b40; font-size: 13px; }
.favorites-history-index-section { margin-top: 26px; padding: 34px; border: 1px solid #efc7a8; border-radius: 22px; background: #fffdfb; box-shadow: 0 10px 26px rgba(93, 52, 22, .06); }
.favorites-history-index-section h2 { margin: 0 0 8px; font-size: 27px; line-height: 1.4; }
.favorites-history-index-section > p { margin: 0; color: var(--muted); }
.favorites-history-index-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 22px; }
.favorites-history-index-feature { min-width: 0; padding: 22px; border: 1px solid #f0d2bc; border-radius: 18px; background: #fff; }
.favorites-history-index-feature strong { display: block; margin-bottom: 6px; font-size: 17px; }
.favorites-history-index-feature p { margin: 0; color: var(--muted); font-size: 14px; }
.favorites-history-index-final-cta { padding: 50px 24px; text-align: center; background: linear-gradient(180deg, #fffdfb, #fff0e4); }
.favorites-history-index-final-cta h2 { margin: 0; font-size: 31px; }
.favorites-history-index-final-cta p { max-width: 560px; margin: 10px auto 24px; color: var(--muted); }
@media (max-width: 920px) { .favorites-history-index-hero { grid-template-columns: 1fr; min-height: auto; padding: 34px; } .favorites-history-index-showcase { padding: 10px 0 0; } .favorites-history-index-showcase::before { inset: 0; } .favorites-history-index-feature-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .favorites-history-index-hero, .favorites-history-index-section { padding: 24px 18px; border-radius: 22px; } .favorites-history-index-catch { font-size: 20px; } .favorites-history-index-actions { flex-direction: column; align-items: stretch; } .favorites-history-index-actions .favorites-history-link-button { width: 100%; } .favorites-history-index-timeline { padding: 20px 14px; } .favorites-history-index-rail { padding-left: 0; } .favorites-history-index-rail::before { left: 41px; } .favorites-history-index-entry { grid-template-columns: 58px minmax(0, 1fr); gap: 10px; } .favorites-history-index-timeline-head { flex-direction: column; } }

.favorites-history-hero {
  border: 1px solid #f1d7be;
  border-radius: 1rem;
  background: linear-gradient(135deg, #fff, #fffaf6);
  box-shadow: 0 .25rem 1rem rgba(124, 106, 90, .08);
}
.favorites-history-hero { padding: 2rem; }
.favorites-history-eyebrow { margin: 0 0 .35rem; color: var(--accent); font-size: .75rem; font-weight: 700; letter-spacing: .12em; }
.favorites-history-hero h1 { margin: 0; font-size: clamp(1.7rem, 4vw, 2.5rem); }
.favorites-history-owner, .favorites-history-description { color: var(--muted); }
.favorites-history-description { max-width: 42rem; margin-bottom: 0; }
.favorites-history-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; margin-top: 1.5rem; }
.favorites-history-actions > .favorites-history-link-button,
.favorites-history-actions > [data-x-share-button],
.favorites-history-actions > [data-threads-share-button] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  height: auto;
}
.favorites-history-actions > .favorites-history-link-button { margin-top: 0; }
.favorites-history-actions:has(> .favorites-history-link-button) > .favorites-history-link-button,
.favorites-history-actions:has(> .favorites-history-link-button) > [data-x-share-button],
.favorites-history-actions:has(> .favorites-history-link-button) > [data-threads-share-button] {
  flex: 0 0 auto;
  min-height: 2.75rem;
  padding-top: .65rem;
  padding-bottom: .65rem;
  line-height: 1.4;
  box-sizing: border-box;
}
.favorites-history-threads-share-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: .5rem .75rem;
  border: 1px solid #e5e7eb;
  border-radius: .375rem;
  background: #fff;
  color: #374151;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  box-sizing: border-box;
}
.favorites-history-threads-share-button:hover { background: #f9fafb; }
.favorites-history-threads-share-button img { width: 1.0625rem; height: 1.0625rem; object-fit: contain; }
.favorites-history-url-panel { min-width: 0; margin-top: 1.25rem; padding-top: 1.1rem; border-top: 1px solid #f1d7be; }
.favorites-history-url-panel h2 { margin: 0 0 .55rem; font-size: .9rem; }
.favorites-history-url-row { display: flex; min-width: 0; gap: .5rem; align-items: stretch; }
.favorites-history-url-row input { min-width: 0; width: 100%; flex: 1 1 auto; overflow: hidden; padding: .65rem .75rem; border: 1px solid #ead9ca; border-radius: .4rem; background: #fff; color: var(--muted); text-overflow: ellipsis; }
.favorites-history-url-row button { display: inline-flex; flex: 0 0 2.75rem; align-items: center; justify-content: center; min-height: 2.75rem; padding: 0; background: var(--accent); }
.favorites-history-url-row svg { width: 1.1rem; height: 1.1rem; }
.favorites-history-hero,
.favorites-history-footer-card { width: 100%; max-width: 920px; margin-left: auto; margin-right: auto; }
.favorites-history-section { max-width: 52rem; margin: 2.5rem auto; }
.favorites-history-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.favorites-history-section-heading h2 { margin: 0; font-size: 1.35rem; }
.favorites-history-section-heading p { margin: 0; color: var(--muted); font-size: .875rem; }
.favorites-history-timeline { position: relative; margin-left: .75rem; padding-left: 1.75rem; }
.favorites-history-timeline::before { content: ""; position: absolute; left: .35rem; top: .8rem; bottom: 1rem; width: 2px; background: linear-gradient(var(--accent), #f1d7be); }
.favorites-history-item { position: relative; margin-bottom: 1.25rem; padding: 1.25rem; border: 1px solid #f1d7be; border-radius: .85rem; background: #fff; box-shadow: 0 .2rem .7rem rgba(124, 106, 90, .06); }
.favorites-history-item::before { content: ""; position: absolute; left: -1.85rem; top: 1.3rem; width: .8rem; height: .8rem; border: 3px solid var(--bg); border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
.favorites-history-year { display: inline-block; padding: .2rem .65rem; border-radius: 999px; background: #fff3e8; color: #9a581e; font-size: .82rem; font-weight: 700; }
.favorites-history-item-content { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 1.125rem; align-items: start; margin-top: .95rem; }
.favorites-history-image-placeholder { aspect-ratio: 3 / 4; display: flex; flex-direction: column; align-items: stretch; justify-content: center; padding: .5rem; overflow: hidden; border: 1px solid #f1d7be; border-radius: .7rem; background: linear-gradient(145deg, rgba(251, 146, 60, .18), rgba(251, 146, 60, .03)), repeating-linear-gradient(45deg, transparent, transparent 8px, rgba(255, 255, 255, .55) 8px, rgba(255, 255, 255, .55) 16px); color: #a97950; font-size: .72rem; text-align: center; }
.favorites-history-item-body { min-width: 0; }
.favorites-history-igdb-block { min-width: 0; }
.favorites-history-igdb-block > .favorites-history-search-inputs,
.favorites-history-igdb-block > [data-anilist-block],
.favorites-history-igdb-block > [data-igdb-selected],
.favorites-history-igdb-block > [data-igdb-results],
.favorites-history-igdb-block > [data-igdb-error] { margin-top: .55rem; }
.favorites-history-igdb-block > .favorites-history-search-inputs:not(:has(input:not([hidden]))) { display: none; }
.favorites-history-igdb-block [data-anilist-block] { min-width: 0; }
.favorites-history-igdb-block > [data-anilist-block]:not(:has(> [data-anilist-selected]:not([hidden]), > [data-anilist-results]:not([hidden]), > [data-anilist-error]:not(:empty))) { display: none; }
.favorites-history-igdb-label { font-weight: 700; font-size: .9rem; }
.favorites-history-igdb-search-input { min-height: 2.75rem; padding: .55rem .7rem; border: 1px solid #ead9ca; border-radius: .45rem; background: #fff; color: var(--text); }
.favorites-history-search-inputs { min-width: 0; }
.favorites-history-search-inputs .favorites-history-igdb-search-input { width: 100%; box-sizing: border-box; }
.favorites-history-igdb-selected { display: flex; align-items: center; gap: .9rem; min-width: 0; padding: .65rem; border: 1px solid #f1d7be; border-radius: .65rem; background: #fffaf6; }
.favorites-history-igdb-selected img, .favorites-history-igdb-result img { flex: 0 0 auto; width: 90px; height: 120px; object-fit: cover; border-radius: .35rem; background: #f6eee8; }
.favorites-history-igdb-selected-info { display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .7rem; min-width: 0; }
.favorites-history-igdb-selected-info strong { width: 100%; overflow-wrap: anywhere; }
.favorites-history-igdb-selected-info span { color: var(--muted); font-size: .85rem; }
.favorites-history-igdb-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; max-width: 100%; overflow: hidden; }
.favorites-history-igdb-result { display: flex; align-items: center; gap: .65rem; min-width: 0; padding: .55rem; border: 1px solid #ead9ca; border-radius: .55rem; background: #fff; color: var(--text); text-align: left; cursor: pointer; }
.favorites-history-igdb-result img { width: 60px; height: 80px; }
.favorites-history-igdb-result span { display: grid; gap: .2rem; min-width: 0; overflow-wrap: anywhere; }
.favorites-history-igdb-result small { color: var(--muted); }
.favorites-history-image-placeholder img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; }
.favorites-history-image-placeholder > a { display: block; width: 100%; aspect-ratio: 3 / 4; }
.favorites-history-image-credit { width: 100%; margin: .3rem 0 0; color: var(--muted); font-size: .75rem; line-height: 1.35; text-align: left; overflow-wrap: anywhere; }
.favorites-history-image-credit a, .favorites-history-provider-credit a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.favorites-history-image-selected { padding: 0; }
.favorites-history-label { margin: 0; color: var(--muted); font-size: .78rem; font-weight: 700; }
.favorites-history-actor, .favorites-history-work { display: block; margin: .1rem 0 0; font-size: 1.1rem; line-height: 1.45; overflow-wrap: anywhere; }
.favorites-history-work { font-weight: 700; }
.favorites-history-actor { color: var(--text); font-weight: 800; text-decoration: none; }
.favorites-history-actor[href] { color: #c26420; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.favorites-history-comment { margin: .85rem 0 0; padding-top: .75rem; border-top: 1px dashed #ead9ca; color: var(--muted); }
.favorites-history-footer-card { margin-top: 2.5rem; padding: 1.625rem; text-align: center; border: 1px solid #f1d7be; border-radius: 1rem; background: #fff; }
.favorites-history-provider-credit { width: 100%; max-width: 920px; margin: 2.5rem auto 0; padding: 1.1rem 1.25rem; border: 1px solid #ead9ca; border-radius: .85rem; background: #fffaf6; color: var(--muted); font-size: .9rem; line-height: 1.7; }
.favorites-history-provider-credit h2 { margin: 0 0 .45rem; color: var(--text); font-size: 1rem; }
.favorites-history-provider-credit p { margin: .2rem 0; }
.favorites-history-footer-card h2 { margin: 0; font-size: 1.2rem; }
.favorites-history-footer-card p { margin: .5rem 0 0; color: var(--muted); }
.favorites-history-copy-status { min-height: 1.3rem; margin: .5rem 0 0; color: var(--muted); font-size: .85rem; }
.favorites-history-restore-details { max-width: 34rem; margin: 1.25rem auto 0; text-align: left; }
.favorites-history-restore-details summary { width: fit-content; margin: 0 auto; color: var(--muted); font-size: .85rem; cursor: pointer; }
.favorites-history-restore-details summary:hover, .favorites-history-restore-details summary:focus-visible { color: var(--accent); }
.favorites-history-restore-content { margin-top: .85rem; padding: .9rem 1rem; border-top: 1px solid #f1d7be; background: #fffaf6; }
.favorites-history-restore-content > p { margin: 0 0 .85rem; color: var(--muted); font-size: .85rem; }
.favorites-history-restore-field label { display: block; margin-bottom: .4rem; font-weight: 700; font-size: .9rem; }
.favorites-history-restore-controls { display: flex; align-items: stretch; gap: .65rem; }
.favorites-history-restore-field input { width: 100%; min-width: 0; min-height: 2.75rem; padding: .55rem .7rem; border: 1px solid #ead9ca; border-radius: .45rem; background: #fff; color: var(--text); }
.favorites-history-restore-actions { display: flex; flex: 0 0 auto; justify-content: flex-start; }
.favorites-history-restore-actions .favorites-history-primary-button { border: 0; cursor: pointer; }
@media (max-width: 639px) { .favorites-history-restore-details { max-width: none; } .favorites-history-restore-content { padding: .85rem .75rem; } .favorites-history-restore-controls { flex-direction: column; } .favorites-history-restore-actions { flex-direction: column; } .favorites-history-restore-actions .favorites-history-primary-button { width: 100%; } }
@media (max-width: 639px) { .favorites-history-hero { padding: 1.35rem; } .favorites-history-footer-card { padding: 1.25rem 1rem; } .favorites-history-item { padding: 1rem; } .favorites-history-item-content { grid-template-columns: 130px minmax(0, 1fr); gap: .8rem; } .favorites-history-section-heading { align-items: start; flex-direction: column; gap: .2rem; } }
@media (max-width: 639px) { .favorites-history-igdb-results { grid-template-columns: 1fr; } .favorites-history-igdb-selected { align-items: start; flex-direction: column; } .favorites-history-igdb-selected img { width: 90px; } }

.favorites-history-create-hero, .favorites-history-create-panel { width: 100%; max-width: 920px; margin: 0 auto 1.25rem; }
.favorites-history-create-hero { padding: 1.75rem 2rem; border: 1px solid #f1d7be; border-radius: 1rem; background: linear-gradient(135deg, #fff, #fffaf6); }
.favorites-history-create-hero h1 { margin: 0; font-size: clamp(1.7rem, 4vw, 2.4rem); }
.favorites-history-create-hero > p:last-child { max-width: 42rem; margin-bottom: 0; color: var(--muted); }
.favorites-history-create-panel { padding: 1.5rem 2rem; border: 1px solid #ead9ca; border-radius: 1rem; background: #fff; box-shadow: 0 .2rem .7rem rgba(124, 106, 90, .05); }
.favorites-history-create-heading, .favorites-history-entry-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.favorites-history-create-heading { margin-bottom: 1.25rem; }
.favorites-history-create-heading h2, .favorites-history-complete h2, .favorites-history-entry-heading h3 { margin: 0; }
.favorites-history-create-heading p { margin: .25rem 0 0; color: var(--muted); font-size: .875rem; }
.favorites-history-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.favorites-history-field { min-width: 0; }
.favorites-history-field-full { grid-column: 1 / -1; }
.favorites-history-field label, .favorites-history-complete-field label { display: block; margin-bottom: .4rem; font-weight: 700; font-size: .9rem; }
.favorites-history-field input, .favorites-history-field select, .favorites-history-field textarea, .favorites-history-copy-row input { width: 100%; min-width: 0; border: 1px solid #ead9ca; border-radius: .45rem; background: #fff; color: var(--text); }
.favorites-history-field input, .favorites-history-field select, .favorites-history-copy-row input { min-height: 2.75rem; padding: .55rem .7rem; }
.favorites-history-field textarea { min-height: 6rem; padding: .6rem .7rem; resize: vertical; }
.favorites-history-optional { color: var(--muted); font-size: .78rem; font-weight: 400; }
.favorites-history-secondary-button, .favorites-history-primary-button, .favorites-history-remove-button, .favorites-history-copy-row button { border: 0; border-radius: .45rem; cursor: pointer; font-weight: 700; }
.favorites-history-secondary-button { min-height: 2.75rem; padding: .65rem .8rem; border: 1px solid #ead9ca; background: #fffaf6; color: var(--accent); line-height: 1.4; }
.favorites-history-primary-button { display: inline-block; min-height: 2.75rem; padding: .65rem 1rem; background: var(--accent); color: #fff; line-height: 1.4; text-align: center; }
.favorites-history-form-actions, .favorites-history-preview-actions { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; margin-top: 1.25rem; }
.favorites-history-create-form[data-history-edit-form] .favorites-history-form-actions { align-items: stretch; }
.favorites-history-create-form[data-history-edit-form] .favorites-history-form-actions > .favorites-history-secondary-button,
.favorites-history-create-form[data-history-edit-form] .favorites-history-form-actions > .favorites-history-primary-button { display: inline-flex; align-items: center; justify-content: center; margin-top: 0; }
.favorites-history-preview[hidden] { display: none; }
.favorites-history-preview { width: 100%; max-width: 920px; margin: 0 auto 1.25rem; }
.favorites-history-preview > .favorites-history-hero { margin-bottom: 2.5rem; }
.favorites-history-preview-actions { justify-content: flex-end; }
.favorites-history-primary-button:disabled, .favorites-history-secondary-button:disabled { cursor: not-allowed; opacity: .55; }
.favorites-history-entry { margin-top: 1rem; padding: 1.1rem; border: 1px solid #f1d7be; border-radius: .7rem; background: #fffaf6; }
.favorites-history-add-bottom { margin-top: 1rem; }
.favorites-history-entry-heading { margin-bottom: 1rem; align-items: center; }
.favorites-history-remove-button { padding: .35rem .6rem; background: transparent; color: #a44436; }
.favorites-history-suggest-wrap { position: relative; }
.favorites-history-suggestions { position: absolute; z-index: 5; top: calc(100% + .25rem); right: 0; left: 0; overflow: hidden; border: 1px solid #ead9ca; border-radius: .45rem; background: #fff; box-shadow: 0 .4rem 1rem rgba(80, 55, 35, .12); }
.favorites-history-suggestion { display: block; width: 100%; padding: .6rem .7rem; border: 0; background: #fff; color: var(--text); text-align: left; cursor: pointer; }
.favorites-history-suggestion:hover, .favorites-history-suggestion:focus { background: #fff3e8; }
.favorites-history-form-error { margin: 1rem 0 0; color: #a44436; }
.favorites-history-form-error:empty { display: none; }
.favorites-history-draft-notice { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; padding: .9rem 1rem; border: 1px solid #e8b98e; border-radius: .65rem; background: #fffaf6; }
.favorites-history-draft-notice p { margin: .2rem 0 0; color: var(--muted); font-size: .85rem; }
.favorites-history-draft-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; }
.favorites-history-draft-status { flex: 1 0 100%; order: 2; margin: 0; color: #285f32; font-size: .85rem; }
.favorites-history-draft-status:empty { display: none; }
.favorites-history-error-list { margin: 0; padding-left: 1.25rem; }
.favorites-history-posting-notice { margin-top: 1rem; padding: .85rem 1rem; border-left: 3px solid #e8b98e; background: #fffaf6; color: var(--muted); font-size: .85rem; line-height: 1.7; }
.favorites-history-posting-notice h2 { margin: 0 0 .35rem; color: var(--text); font-size: .9rem; line-height: 1.5; }
.favorites-history-posting-notice ul { margin: 0; padding-left: 1.25rem; }
.favorites-history-posting-notice li { margin: .15rem 0; }
.favorites-history-posting-notice p { margin: .5rem 0 0; }
.favorites-history-posting-notice a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
.favorites-history-posting-details { margin-top: .65rem; border-top: 1px solid #f1d7be; }
.favorites-history-posting-details summary { padding: .55rem 0 .1rem; color: var(--text); font-weight: 700; cursor: pointer; }
.favorites-history-posting-details summary:hover, .favorites-history-posting-details summary:focus-visible { color: var(--accent); }
.favorites-history-posting-details-content { padding-top: .35rem; }
.favorites-history-terms-agreement { flex: 1 0 100%; order: 2; margin: 0; color: var(--muted); font-size: .85rem; line-height: 1.7; }
.favorites-history-terms-agreement a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
.favorites-history-form-actions > .favorites-history-primary-button { order: 3; }
.favorites-history-form-actions > [data-save-history] { min-width: 7rem; }
.favorites-history-complete[hidden] { display: none; }
.favorites-history-complete h2 { margin-bottom: 1.5rem; }
.favorites-history-complete-field + .favorites-history-complete-field { margin-top: 1rem; }
.favorites-history-copy-row { display: flex; min-width: 0; gap: .5rem; }
.favorites-history-copy-row input { flex: 1 1 auto; color: var(--muted); }
.favorites-history-copy-row button { flex: 0 0 auto; padding: .55rem .8rem; background: var(--accent); color: #fff; }
.favorites-history-recovery-warning { margin: 1.25rem 0 0; padding: .9rem 1rem; border-left: 3px solid var(--accent); background: #fffaf6; }
.favorites-history-link-button { margin-top: 1rem; text-decoration: none; }
.favorites-history-danger-zone { width: 100%; max-width: 920px; margin: 2rem auto 0; padding: 1rem 0 0; border-top: 1px solid #ead9ca; }
.favorites-history-danger-zone h2 { margin: 0 0 .45rem; color: var(--muted); font-size: .85rem; font-weight: 700; }
.favorites-history-danger-link { padding: 0; border: 0; background: transparent; color: #a44436; font-size: .85rem; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.favorites-history-delete-dialog { width: min(32rem, calc(100% - 2rem)); padding: 0; border: 0; border-radius: .8rem; box-shadow: 0 1rem 3rem rgba(50, 30, 20, .25); }
.favorites-history-delete-dialog::backdrop { background: rgba(40, 25, 15, .5); }
.favorites-history-delete-dialog-content { padding: 1.5rem; }
.favorites-history-delete-dialog h2 { margin: 0; font-size: 1.25rem; line-height: 1.5; }
.favorites-history-delete-dialog p { line-height: 1.7; }
.favorites-history-delete-warning { padding: .8rem 1rem; border-left: 3px solid #a44436; background: #fff4f1; color: #8d352a; font-weight: 700; }
.favorites-history-delete-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .65rem; margin-top: 1.25rem; }
.favorites-history-danger-button { min-height: 2.75rem; padding: .65rem 1rem; border: 0; border-radius: .45rem; background: #a44436; color: #fff; font-weight: 700; cursor: pointer; }
.favorites-history-danger-button:disabled { cursor: not-allowed; opacity: .55; }
.favorites-history-delete-success { max-width: 920px; margin: 0 auto 1rem; padding: .8rem 1rem; border-left: 3px solid #4f8a58; background: #f1faf2; color: #285f32; font-weight: 700; }
@media (max-width: 639px) { .favorites-history-delete-dialog-content { padding: 1.25rem; } .favorites-history-delete-actions { flex-direction: column-reverse; } .favorites-history-delete-actions button { width: 100%; } }
@media (max-width: 639px) { .favorites-history-create-hero, .favorites-history-create-panel { padding: 1.25rem; } .favorites-history-form-grid { grid-template-columns: 1fr; } .favorites-history-field-full { grid-column: auto; } .favorites-history-create-heading { align-items: stretch; flex-direction: column; } .favorites-history-secondary-button { align-self: start; } .favorites-history-draft-notice { align-items: stretch; flex-direction: column; } .favorites-history-draft-actions { align-items: stretch; } .favorites-history-draft-actions button { flex: 1 1 auto; } .favorites-history-form-actions > button { flex: 1 1 10rem; min-width: 0; } }