.nodyan-announcement{position:relative;z-index:95;display:flex;min-height:54px;align-items:center;justify-content:center;gap:14px;width:100%;margin:0;padding:9px max(18px,calc((100% - 1180px)/2));border:0;border-bottom:1px solid color-mix(in srgb,var(--announcement-border) 58%,transparent);border-radius:0;color:var(--announcement-text);background:color-mix(in srgb,var(--announcement-bg) 92%,#080b14);box-shadow:0 10px 32px color-mix(in srgb,var(--announcement-bg) 22%,transparent);overflow:hidden;isolation:isolate;transition:opacity .2s ease,transform .2s ease,min-height .2s ease}
.nodyan-announcement.is-glass{background:color-mix(in srgb,var(--announcement-bg) 72%,transparent);backdrop-filter:blur(24px) saturate(145%)}
.nodyan-announcement.is-solid{background:var(--announcement-bg)}
.nodyan-announcement.is-gradient{background:linear-gradient(105deg,var(--announcement-bg),color-mix(in srgb,var(--announcement-accent) 34%,var(--announcement-bg)),var(--announcement-bg))}
.announcement-glow{position:absolute;z-index:-1;inset:-160% 32% -160% 8%;background:radial-gradient(circle,var(--announcement-accent),transparent 61%);opacity:.18;pointer-events:none}
.announcement-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid color-mix(in srgb,var(--announcement-accent) 55%,transparent);border-radius:11px;background:color-mix(in srgb,var(--announcement-accent) 16%,transparent);color:var(--announcement-accent);font-size:16px;box-shadow:inset 0 1px rgba(255,255,255,.12)}
.announcement-copy{display:flex;min-width:0;align-items:baseline;gap:10px}.announcement-copy strong{font-size:14px;letter-spacing:-.01em}.announcement-copy p{margin:0;color:color-mix(in srgb,var(--announcement-text) 72%,transparent);font-size:13px;line-height:1.45}
.announcement-link{display:inline-flex;min-height:34px;align-items:center;gap:8px;flex:none;padding:7px 11px;border:1px solid color-mix(in srgb,var(--announcement-accent) 38%,transparent);border-radius:10px;background:color-mix(in srgb,var(--announcement-accent) 13%,transparent);color:var(--announcement-text);font-size:12px;font-weight:800}
.announcement-link:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--announcement-accent) 20%,transparent)}
.announcement-dismiss{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;padding:0;border:1px solid transparent;border-radius:9px;background:color-mix(in srgb,var(--announcement-text) 8%,transparent);color:var(--announcement-text);cursor:pointer;font-size:18px}.announcement-dismiss:hover{border-color:color-mix(in srgb,var(--announcement-text) 14%,transparent);background:color-mix(in srgb,var(--announcement-text) 13%,transparent)}
.nodyan-announcement.is-leaving{min-height:0;opacity:0;transform:translateY(-8px)}
.motion-pulse .announcement-icon{animation:announcement-pulse 2.4s ease-in-out infinite}.motion-shimmer:after{content:"";position:absolute;inset:-100% auto -100% -25%;width:18%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(12deg);animation:announcement-shimmer 5.5s ease-in-out infinite}
@keyframes announcement-pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--announcement-accent) 0%,transparent),0 0 28px color-mix(in srgb,var(--announcement-accent) 30%,transparent)}}@keyframes announcement-shimmer{0%,65%{left:-25%}100%{left:125%}}
@media(max-width:760px){.nodyan-announcement{min-height:58px;justify-content:flex-start;padding:10px 12px}.announcement-copy{display:block;flex:1}.announcement-copy strong{display:block;font-size:13px}.announcement-copy p{margin-top:2px;font-size:12px}.announcement-link{display:none}.announcement-icon{width:34px;height:34px;flex-basis:34px}.announcement-dismiss{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.motion-pulse .announcement-icon,.motion-shimmer:after{animation:none}}