.announcement-button{background:var(--surface);width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;position:relative;overflow:hidden;border:1px solid var(--line-strong)!important}.announcement-button:hover{background:var(--surface-hover);color:var(--ink-strong)}.announcement-button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.announcement-button-unread{background:var(--accent-soft);color:var(--focus);box-shadow:0 0 12px color-mix(in srgb, var(--accent-mid) 30%, transparent);border-color:var(--accent-mid)!important}.announcement-button-unread:after{content:"";background:linear-gradient(110deg, transparent 35%, color-mix(in srgb, var(--accent) 80%, white) 50%, transparent 65%);pointer-events:none;animation:3.2s ease-in-out infinite announcement-shine;position:absolute;inset:-40%}@keyframes announcement-shine{0%,20%{opacity:0;transform:translate(-110%)rotate(10deg)}35%{opacity:.75}65%,to{opacity:0;transform:translate(110%)rotate(10deg)}}.announcements-dialog{border:1px solid var(--line);width:640px;max-width:calc(100vw - 24px);max-height:88dvh;color:var(--ink);background:var(--surface-raised);box-shadow:0 25px 100px var(--shadow);border-radius:20px;margin:auto;padding:0;overflow:hidden}.announcements-dialog::backdrop{background:color-mix(in srgb, var(--ink-strong) 30%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.announcement-new-dot{background:var(--focus);width:7px;height:7px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;flex-shrink:0;animation:1.8s ease-in-out infinite announcement-blink;display:inline-block}@keyframes announcement-blink{0%,to{opacity:1}50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.announcement-button-unread:after{opacity:0;animation:none}.announcement-new-dot{animation:none}}