.library-notices { display: flex; align-items: center; gap: var(--space-4); padding: var(--space-1) var(--space-8); border-bottom: 1px solid var(--color-border); background: var(--color-primary-subtle); }
.library-notices__label { flex-shrink: 0; color: var(--color-primary); font-size: var(--text-xs); font-weight: 750; }
.library-notices button { border: 0; background: transparent; color: var(--color-text-primary); font: inherit; cursor: pointer; }
.library-notices__row { flex: 1; min-width: 0; height: var(--space-11); padding: 0; text-align: left; font-size: var(--text-sm) !important; }
.library-notices__ticker { display: block; height: var(--space-11); overflow: hidden; }
.library-notices__track { display: block; }
.library-notices__line { display: flex; align-items: center; gap: var(--space-3); height: var(--space-11); }
.library-notices__title { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.5; }
.library-notices__line time, .library-notices__position { flex-shrink: 0; font-size: var(--text-xs); color: var(--color-text-tertiary); font-variant-numeric: tabular-nums; }
.library-notices__play { flex-shrink: 0; min-width: var(--space-11); min-height: var(--space-11); padding: 0; font-size: var(--text-xs) !important; color: var(--color-text-secondary) !important; }
.library-notices__all { flex-shrink: 0; min-height: var(--space-11); padding: 0 0 0 var(--space-4); border-left: 1px solid var(--color-border) !important; font-size: var(--text-xs) !important; color: var(--color-text-secondary) !important; }
.library-notices button:hover { color: var(--color-primary); }
.notice-dialog { width: min(600px, calc(100% - var(--space-8))); max-height: 85dvh; padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); color: var(--color-text-primary); box-shadow: var(--shadow-lg); }
.notice-dialog::backdrop { background: color-mix(in srgb, var(--color-text-primary) 35%, transparent); }
.notice-dialog > header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); }
.notice-dialog h2 { margin: 0; font-size: var(--text-xl); overflow-wrap: anywhere; }
.notice-article { padding-block: var(--space-5); border-bottom: 1px solid var(--color-border); }
.notice-article h3 { margin: var(--space-2) 0; font-size: var(--text-lg); overflow-wrap: anywhere; }
.notice-article p { line-height: 1.7; color: var(--color-text-secondary); white-space: pre-wrap; overflow-wrap: anywhere; }
.notice-article time { font-size: var(--text-xs); color: var(--color-text-tertiary); }
@media (max-width: 620px) {
  .library-notices { gap: var(--space-2); padding-inline: var(--space-4); }
  .library-notices__all { padding-left: var(--space-2); }
  .library-notices__line time { display: none; }
}