.np-banner{left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:900;background:#fff;border:1px solid #eef0f2;border-radius:16px;align-items:center;gap:12px;width:min(440px,100vw - 24px);padding:12px 14px;animation:.28s cubic-bezier(.22,1,.36,1) np-rise;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #0000002e}@keyframes np-rise{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.np-emoji{font-size:26px;line-height:1}.np-text{flex-direction:column;flex:1;min-width:0;display:flex}.np-title{color:#2b2b2b;font-size:15px;font-weight:800}.np-sub{color:#7a7a7a;font-size:12.5px;line-height:1.3}.np-btn{cursor:pointer;border:none;flex-shrink:0;font-family:inherit;font-weight:800}.np-btn--go{color:#fff;background:#58cc02;border-radius:11px;padding:9px 15px;font-size:13.5px;box-shadow:0 3px #46a302}.np-btn--go:active{transform:translateY(2px);box-shadow:0 1px #46a302}.np-btn--x{color:#b0b0b0;background:0 0;border-radius:8px;padding:6px 8px;font-size:16px;line-height:1}@media (width>=900px){.np-banner{bottom:calc(20px + env(safe-area-inset-bottom,0px))}}