.share-modal[hidden]{display:none!important}.share-modal{position:fixed;inset:0;z-index:4000;display:grid;place-items:center;padding:18px}.share-backdrop{position:absolute;inset:0;background:#0f172a70}.share-card{position:relative;width:min(460px,100%);background:#fff;border-radius:18px;box-shadow:0 28px 80px #0f172a3d;overflow:hidden}.share-card header{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid #edf0f3}.share-card header button{width:34px;height:34px;border:0;border-radius:50%;background:#f2f4f6;font-size:22px}.share-preview{margin:14px 16px 5px;padding:13px 14px;border-radius:13px;background:linear-gradient(135deg,#f3f7fb,#eef3f7);display:flex;flex-direction:column;gap:5px}.share-preview small{color:#687385;font-weight:700}.share-preview strong{font-size:14px;line-height:1.35;color:#172033}.share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:11px 16px}.share-grid button{border:1px solid #e4e9ee;background:#fff;border-radius:12px;min-height:58px;color:#26364a;font-size:11px;font-weight:650}.share-grid button:hover{background:#f7f9fb}.share-link-row{display:flex;gap:7px;padding:5px 16px 16px}.share-link-row input{flex:1;min-width:0;height:38px;border:1px solid #dfe5eb;border-radius:10px;background:#f8fafc;padding:0 10px}.share-link-row button{border:0;border-radius:10px;background:#0b2342;color:#fff;padding:0 13px}.share-card>small{display:block;min-height:18px;padding:0 16px 12px;color:#25804d}@media(max-width:520px){.share-modal{align-items:end;padding:0}.share-card{width:100%;border-radius:18px 18px 0 0}}
.post-vote-share{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:14px 16px;border:1px solid #dbe5ef;border-radius:14px;background:#f8fbfe}.post-vote-share>div{display:grid;gap:3px}.post-vote-share strong{color:#0b2342}.post-vote-share span{font-size:13px;color:#64748b}.post-vote-share button{border:0;border-radius:999px;background:#0b2342;color:#fff;padding:9px 16px;font-weight:800;cursor:pointer}@media(max-width:560px){.post-vote-share{align-items:flex-start;flex-direction:column}.post-vote-share button{width:100%}}