.announcement-card{position:relative;overflow:hidden;background:var(--dash-panel);border:1px solid var(--dash-border);border-radius:6px;padding:22px 20px;margin-bottom:14px;box-shadow:0 2px 2px #00000012;color:var(--dash-text)}.announcement-card>header{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-right:40px}.announcement-card h2{font:650 15px/1.4 Inter,sans-serif;margin:0}.announcement-card time{font-size:12px;color:var(--dash-muted)}.announcement-bell{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:#9249fa;border:3px solid var(--dash-panel);outline:2px solid #aab2be;color:#fff}.announcement-bell svg{width:22px;height:22px}.announcement-body{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.announcement-body p{margin:0 0 10px}.announcement-body p:last-child{margin:0}.announcement-body strong{font-weight:650}.announcement-gap{height:12px}.announcement-bullet{display:flex;gap:6px}.announcement-bullet>span{color:#159da7;font-weight:800}.announcement-ribbon{position:absolute;right:-33px;top:24px;transform:rotate(45deg);width:140px;text-align:center;background:#e4344d;color:white;font-size:10px;font-weight:700;line-height:25px;box-shadow:0 2px 3px #0002}.announcement-admin{max-width:1280px;margin:40px auto;padding:0 24px}.admin-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-post-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--dash-border)}.admin-post-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.admin-post-row small{display:block;color:var(--dash-muted);margin-top:5px}@media(max-width:800px){.admin-editor-grid{grid-template-columns:1fr}.announcement-admin{margin-top:20px}.admin-post-row{flex-wrap:wrap}}
/* Ring the bell itself while keeping its badge and surrounding layout still. */
.announcement-bell svg{transform-origin:50% 18%;animation:announcement-bell-ring 4.8s ease-in-out infinite}
@keyframes announcement-bell-ring{
  0%,24%,100%{transform:rotate(0deg)}
  3%{transform:rotate(16deg)}
  6%{transform:rotate(-14deg)}
  9%{transform:rotate(12deg)}
  12%{transform:rotate(-9deg)}
  15%{transform:rotate(6deg)}
  18%{transform:rotate(-3deg)}
  21%{transform:rotate(1deg)}
}
@media(prefers-reduced-motion:reduce){.announcement-bell svg{animation:none}}
.membership-symbol{width:78px;height:78px;margin:0 auto 12px;filter:drop-shadow(0 4px 7px #ff810d20)}
.membership-symbol svg{width:100%;height:100%}
.level-membership{padding:18px 12px;border:1px solid var(--dash-border);border-radius:12px;background:color-mix(in srgb,var(--dash-bg) 35%,var(--dash-panel))}
.level-membership h3{font-size:13px;font-weight:700}.level-membership>p:first-of-type{color:#11916a;font-weight:650;font-size:13px}
.account-overview>aside .account-card>.card-header{background:#087dff;padding:13px 18px;min-height:44px}.account-overview>aside .card-title{gap:5px;font-size:14px}.account-overview>aside .card-title svg{width:17px;height:17px}
.announcement-status{display:flex;align-items:flex-start;gap:7px;margin-bottom:10px}.announcement-status svg{width:18px;height:18px;flex-shrink:0;margin-top:3px}.announcement-status.ban svg,.announcement-status.cross svg{color:#ed492c}.announcement-status.dot svg{color:#1dbc24}