.pay-notice[hidden] { display: none !important; }
.pay-notice { position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center; padding: 22px; font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.pay-notice-backdrop { position: absolute; inset: 0; background: rgba(20, 24, 31, .45); }
.pay-notice-card { position: relative; box-sizing: border-box; width: min(420px, 100%); background: #fff; color: #15171b; border-radius: 18px; padding: 28px 24px; box-shadow: 0 18px 50px rgba(20, 24, 31, .12); text-align: center; }
.pay-notice-card p { margin: 0 0 18px; font-size: 18px; line-height: 1.45; color: inherit; }
.pay-notice-palm { position: relative; width: 92px; height: 92px; margin: 0 auto 16px; border-radius: 50%; background: radial-gradient(circle at 50% 42%, #fff8d6, #ffe08a); display: grid; place-items: center; }
.pay-notice-svg { width: 42px; height: auto; }
.pay-notice .palm-trunk, .pay-notice .palm-crown { transform-box: view-box; }
.pay-notice .palm-trunk { transform-origin: 50% 100%; animation: pay-trunk-sway 2.8s ease-in-out infinite; }
.pay-notice .palm-crown { transform-origin: 50% 42%; animation: pay-crown-sway 2.8s ease-in-out infinite; }
@keyframes pay-trunk-sway { 0%, 100% { transform: rotate(-1.5deg); } 58% { transform: rotate(2deg); } }
@keyframes pay-crown-sway { 0%, 100% { transform: rotate(-8deg); } 46% { transform: rotate(6deg); } }
@media (prefers-reduced-motion: reduce) {
  .pay-notice .palm-trunk, .pay-notice .palm-crown { animation: none; }
}
.pay-notice-btn { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 22px; border: 0; border-radius: 12px; cursor: pointer; background: #ffdb4d; color: #1b1b1b; font: inherit; font-weight: 650; white-space: nowrap; box-shadow: 0 6px 18px rgba(255, 210, 31, .35); transition: background .15s, transform .15s; }
.pay-notice-btn:hover { background: #ffd21f; transform: translateY(-1px); }
.pay-notice-btn:focus-visible { outline: 2px solid #15171b; outline-offset: 2px; }
html[data-bs-theme="dark"] .pay-notice-card { background: #1a2230; color: #e8eaed; }
html.pay-notice-open { overflow: hidden; padding-right: var(--notice-gap, 0px); }