/* LabLife — notice card floating at the bottom of the screen (updates, sharing), below the equation curtain. */
.notice-bar {
  position: fixed; z-index: 30; left: 50%; transform: translateX(-50%);
  bottom: calc(env(safe-area-inset-bottom, 0px) + 12px);
  width: min(560px, calc(100% - 24px));
  display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center;
  padding: 14px 16px; border-radius: var(--radius);
  border: 1px solid transparent;
  background: linear-gradient(var(--raised), var(--raised)) padding-box, var(--edge) border-box;
  color: var(--ink); box-shadow: var(--shadow), 0 0 30px rgb(142 69 220 / 20%);
}
.notice-bar strong { display: block; font-size: 15px; }
.notice-bar p { font-size: 14px; color: var(--ink-2); }
.notice-actions { display: flex; gap: 8px; justify-content: flex-end; }
@media (max-width: 440px) { .notice-bar { grid-template-columns: 1fr; } }