.mley-saved-toggle[hidden], .mley-saved-panel[hidden], .mley-sidebar-index-panel[hidden], .mley-saved-drawer[hidden], .mley-saved-backdrop[hidden] { display: none !important; }
.mley-saved-toggle { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; padding: .4rem .65rem; flex-shrink: 0; font-size: .8rem; }
.mley-saved-toggle [data-saved-count] { min-width: 1.3rem; padding: .05rem .25rem; border-radius: 1rem; background: var(--accent-color-soft, #f5eaf0); color: var(--accent-color, #97335d); font-size: .72rem; font-weight: 700; }
.mley-saved-tabs { display: flex; margin: .45rem .75rem .8rem; padding: .2rem; gap: .2rem; border: 1px solid var(--border-color, #dce2e8); border-radius: .8rem; background: var(--bg-surface-2, #f4f6f8); }
.mley-saved-tabs button { flex: 1; border: 1px solid transparent; border-radius: .6rem; padding: .55rem .25rem; background: transparent; color: var(--text-muted, #65717d); font: inherit; font-size: .8rem; font-weight: 650; cursor: pointer; }
.mley-saved-tabs button[aria-selected="true"] { background: var(--bg-surface, #fff); border-color: var(--border-color, #dce2e8); color: var(--accent-color, #97335d); box-shadow: 0 1px 3px #00000008; }
.mley-saved-panel { padding: 0 .75rem 1rem; color: var(--text-color, #25323e); }
.mley-saved-intro { margin: 0 0 .75rem; color: var(--text-muted, #65717d); font-size: .75rem; }
.mley-saved-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .5rem; }
.mley-saved-card { display: flex; align-items: flex-start; gap: .2rem; margin: 0; padding: .2rem; border: 1px solid var(--border-color, #dce2e8); border-radius: .8rem; background: var(--bg-surface, #fff); }
.mley-saved-card:has([aria-current="true"]) { border-color: var(--accent-color, #97335d); background: var(--accent-color-soft, #f5eaf0); }
.mley-saved-card-open { display: flex; flex: 1; min-width: 0; flex-direction: column; gap: .3rem; border-radius: .55rem; padding: .65rem .55rem; color: var(--text-color, #25323e); text-decoration: none; }
.mley-saved-card-open:hover { background: var(--bg-surface-2, #f4f6f8); color: var(--accent-color, #97335d); text-decoration: none; }
.mley-saved-card-open strong { font-size: .82rem; line-height: 1.35; overflow-wrap: anywhere; }
.mley-saved-card-open span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: var(--text-muted, #65717d); font-size: .74rem; line-height: 1.4; }
.mley-saved-remove { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 2.5rem; height: 2.5rem; padding: 0; border: 0; border-radius: .6rem; background: transparent; color: var(--text-muted, #65717d); font-size: 1.3rem; cursor: pointer; }
.mley-saved-remove:hover { background: var(--bg-surface-2, #f4f6f8); color: var(--text-color, #25323e); }
.mley-saved-empty { padding: 1rem .35rem; color: var(--text-muted, #65717d); font-size: .85rem; line-height: 1.6; }
.mley-saved-message, .mley-saved-reader-status { font-size: .8rem; line-height: 1.45; color: var(--text-muted, #65717d); }
.mley-saved-message:not(:empty) { margin-bottom: .75rem; }
.mley-saved-reader-status { flex-basis: 100%; margin: 0 0 .4rem; }
.mley-saved-text-action { display: inline-block; margin: .25rem .5rem 0 0; padding: .2rem 0; background: none; border: 0; color: var(--accent-color, #97335d); text-decoration: underline; cursor: pointer; font: inherit; }
.mley-saved-drawer { position: fixed; z-index: 1040; inset: 0 auto 0 0; width: min(360px, 100vw); display: flex; flex-direction: column; border-right: 1px solid var(--border-color, #dce2e8); background: var(--bg-surface, #fff); color: var(--text-color, #25323e); box-shadow: 10px 0 35px #00000016; }
.mley-saved-drawer-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem .8rem .5rem 1rem; }
.mley-saved-drawer-header h2 { margin: 0; font-size: 1.15rem; }
.mley-saved-drawer .mley-saved-panel { overflow-y: auto; overscroll-behavior: contain; flex: 1; }
.mley-saved-backdrop { position: fixed; inset: 0; z-index: 1039; background: #101b2d55; }
.mley-save-action { border-color: var(--accent-color, #97335d) !important; color: var(--accent-color, #97335d) !important; background: var(--accent-color-soft, #f5eaf0) !important; }
.mley-saved-tabs button:focus-visible, .mley-saved-card-open:focus-visible, .mley-saved-remove:focus-visible, .mley-saved-text-action:focus-visible { outline: 2px solid var(--accent-color, #97335d); outline-offset: 2px; }
.mley-saved-live { position: fixed; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 1080px) { .mley-saved-toggle-label { display: none; } .mley-saved-toggle { padding: .35rem; gap: .1rem; } }
@media (max-width: 480px) { .mley-saved-drawer { width: 100vw; } .mley-save-action { white-space: normal; } }
.mley-saved-tabs button { white-space: nowrap; font-size: .75rem; }
.mley-saved-tabs button:first-child { flex: .65; }
.mley-saved-backdrop { touch-action: none; }
.mley-home-sidebar .mley-saved-panel { padding-inline: 0; }
.mley-home-sidebar .mley-saved-tabs { margin-inline: 0; }