.notice {
  --notice-fill:#83f4cf;
  --notice-ink:#142d24;
  --button-fill:#182d27;
  --button-ink:#edff76;
  display:flex;
  align-items:center;
  gap:9px;
  width:fit-content;
  max-width:100%;
  min-width:0;
  min-height:40px;
  padding:4px 5px 4px 11px;
  box-sizing:border-box;
  border:0;
  border-radius:6px;
  background:var(--notice-fill);
  color:var(--notice-ink);
  font-family:inherit;
  font-size:12px;
  font-weight:700;
  letter-spacing:0;
  box-shadow:none;
  backdrop-filter:none;
}
.notice .dot {
  display:block;
  flex:0 0 19px;
  width:19px;
  height:19px;
  border-radius:0;
  background:currentColor;
  mask:url('https://file.nimpo.fun/interface-update-20260915/sparkles.svg') center/contain no-repeat;
  animation:goodNews 4.8s ease-in-out infinite;
  transform-origin:50% 50%;
}
.notice .notice-text{min-width:0;overflow-wrap:anywhere;line-height:1.25}
.notice .update{
  display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;
  min-height:32px;padding:0 12px;margin-left:8px;border:0;border-radius:3px;
  background:var(--button-fill);color:var(--button-ink);
  font-family:inherit;font-size:11px;font-weight:750;white-space:nowrap;
  transition:transform 160ms ease,background 160ms ease;
}
.notice .refresh{display:block;width:13px;height:13px;background:currentColor;mask:url('https://file.nimpo.fun/message-design-20260915/assets/refresh-cw.svg') center/contain no-repeat}
.notice .update:hover{background:#354e3c;transform:translateY(-1px)}
.notice .update:hover .refresh{transform:rotate(70deg)}
body[data-variant='solar'] .notice{
  --notice-fill:#ffdc79;--notice-ink:#2d291c;--button-fill:#1c3029;--button-ink:#91f9d4;
  border-radius:3px 8px 3px 8px;
  border-left:4px solid #88f6d0;
  padding-left:8px;
}
body[data-variant='solar'] .notice .dot{transform:rotate(-12deg);animation-name:goodNewsWarm}
.notice.working .refresh{animation:spin .9s linear infinite}
.notice.done{background:#b4ffe2}
.notice.done .dot{animation:none}
.notice .update:disabled{opacity:1;cursor:default}
@keyframes goodNews{0%,65%,100%{transform:rotate(0) scale(1);opacity:1}73%{transform:rotate(-14deg) scale(.88)}81%{transform:rotate(10deg) scale(1.12)}89%{transform:rotate(0) scale(1)}}
@keyframes goodNewsWarm{0%,65%,100%{transform:rotate(-12deg) scale(1)}75%{transform:rotate(9deg) scale(1.15)}86%{transform:rotate(-12deg) scale(1)}}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:600px){
  .notice{width:100%;border-radius:0;min-height:40px;padding:4px 8px 4px 12px;gap:8px;font-size:11px}
  .notice .notice-text{flex:1}
  .notice .dot{flex-basis:17px;width:17px;height:17px}
  .notice .update{margin-left:3px;min-height:32px;padding:0 10px}
  body[data-variant='solar'] .notice{border-left:0;border-bottom:2px solid #8ce6c2;border-radius:0;padding-left:12px}
}
@media(prefers-reduced-motion:reduce){.notice .dot,.notice .refresh,.notice .update{animation:none!important;transition:none!important}}