.share-popup-backdrop{display:none}@media (max-width:1024px){.share-popup-backdrop{z-index:9999;background:0 0;justify-content:center;align-items:flex-end;transition:background .25s;display:flex;position:fixed;inset:0}.share-popup-backdrop--open{background:#00000073}.share-popup{width:100%;max-width:480px;padding:0 0 env(safe-area-inset-bottom,16px);background:#fff;border-radius:20px 20px 0 0;transition:transform .3s cubic-bezier(.32,.72,0,1);transform:translateY(100%);box-shadow:0 -4px 24px #00000026}.share-popup--open{transform:translateY(0)}.share-popup-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}.share-popup-title{color:#1a1a1a;font-size:18px;font-weight:700}.share-popup-close{color:#666;background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:background .15s;display:inline-flex}.share-popup-close:hover{background:#e5e7eb}.share-popup-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:20px 16px;display:grid}.share-popup-item{color:#333;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;text-decoration:none;transition:background .15s;display:flex}.share-popup-item:active{background:#f3f4f6}.share-popup-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.share-popup-icon--fb{color:#1877f2;background:#e7f0ff}.share-popup-icon--wa{color:#25d366;background:#e6f9ed}.share-popup-icon--x{color:#000;background:#f0f0f0}.share-popup-icon--copy{color:#f59e0b;background:#fff3e6}.share-popup-label{color:#555;white-space:nowrap;font-size:12px;font-weight:500}}