.topAnnouncements{width:100%;background:#f9eef2;border-bottom:1px solid #eedce4;color:#7f2948;font:13px/1.5 "Malgun Gothic","맑은 고딕",sans-serif}
.topAnnouncements[hidden]{display:none}
.topAnnouncementInner{max-width:1760px;min-height:36px;margin:auto;padding:7px 24px;display:flex;align-items:center;justify-content:center;gap:9px;min-width:0}
.topAnnouncementBadge{font-size:10px;font-weight:800;letter-spacing:.5px;border:1px solid #e0b6c5;border-radius:4px;padding:1px 5px;flex-shrink:0}
.topAnnouncementText{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;min-width:0}
.topAnnouncementText.noticeGlow{animation:topNoticeGlow .7s ease-out both}
@keyframes topNoticeGlow{0%{opacity:.35;transform:translateY(3px)}65%{opacity:1;text-shadow:0 0 9px #ce6c9750}100%{opacity:1;transform:translateY(0);text-shadow:none}}
.topAnnouncementEditRow{display:flex;align-items:center;gap:8px;margin:10px 0}
.topAnnouncementEditRow input{flex:1;min-width:0;margin:0}
.topAnnouncementEditRow button{flex-shrink:0}
#topAnnouncementPreview{margin:12px 0;border:1px solid #e9d2dc;border-radius:8px}
#topAnnouncementError{color:#b63252}
@media(max-width:600px){.topAnnouncementInner{min-height:32px;padding:6px 12px;gap:7px}.topAnnouncementText{font-size:12px}.topAnnouncementEditRow{flex-wrap:wrap}.topAnnouncementEditRow input{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.topAnnouncementText.noticeGlow{animation:none}}