.purchase-notice-layer{position:fixed;inset:0;z-index:4000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;font-family:inherit}
.purchase-notice-shade{position:absolute;inset:0;background:rgba(15,23,42,.52);animation:purchase-shade-in .22s ease-out}
.purchase-notice-card{position:relative;display:flex;flex-direction:column;width:100%;max-width:430px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);min-width:0;overflow:hidden;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 24px 80px rgba(15,23,42,.28);animation:purchase-card-in .28s cubic-bezier(.2,.8,.2,1);color:#1e293b}
.purchase-notice-card header{display:flex;align-items:center;gap:10px;padding:20px 20px 14px;flex-shrink:0}
.purchase-notice-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eff6ff;color:#2563eb;font-size:20px;font-weight:700}
.purchase-notice-card h2{margin:0;font-size:18px;line-height:1.4;font-weight:700}
.purchase-notice-close{margin-left:auto;width:44px;height:44px;border:0;border-radius:10px;background:#f8fafc;color:#64748b;font-size:28px;line-height:1;cursor:pointer;touch-action:manipulation}
.purchase-notice-text{padding:4px 22px 22px;overflow:auto;min-height:0;white-space:pre-wrap;overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word;line-height:1.85;font-size:15px;color:#475569;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.purchase-notice-card footer{padding:14px 20px 20px;border-top:1px solid #f1f5f9;flex-shrink:0}
.purchase-notice-confirm{display:block;width:100%;min-height:46px;padding:10px 16px;border:0;border-radius:11px;background:#2563eb;color:#fff;font-size:15px;font-weight:600;cursor:pointer;touch-action:manipulation;transition:background .15s,transform .15s}
.purchase-notice-confirm:active{background:#1d4ed8;transform:scale(.98)}
.purchase-notice-card button:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.purchase-notice-layer.is-closing .purchase-notice-shade{animation:purchase-shade-out .18s ease-in forwards}
.purchase-notice-layer.is-closing .purchase-notice-card{animation:purchase-card-out .18s ease-in forwards;pointer-events:none}
@keyframes purchase-shade-in{from{opacity:0}to{opacity:1}}
@keyframes purchase-card-in{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes purchase-shade-out{to{opacity:0}}
@keyframes purchase-card-out{to{opacity:0;transform:translateY(10px) scale(.97)}}
@media(max-width:480px){.purchase-notice-layer{padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}.purchase-notice-card{border-radius:16px;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px)}.purchase-notice-card header{padding:16px 16px 10px}.purchase-notice-text{padding:4px 18px 18px;font-size:15px}.purchase-notice-card footer{padding:12px 16px 16px}}
@media(prefers-reduced-motion:reduce){.purchase-notice-layer *{animation-duration:.01ms!important;transition:none!important}}