:root{--vtik-share-green:#45b96b;--vtik-share-green-dark:#2f8f50;--vtik-share-mint:#eef9f1;--vtik-share-text:#111827;--vtik-share-muted:#6b7280;--vtik-share-line:#e8ece9;--vtik-share-panel:#fff;--vtik-share-soft:#f6f7f8;--vtik-share-danger:#e5484d}
.vtik-web-share[hidden]{display:none!important}.vtik-web-share{position:fixed;inset:0;z-index:100090;display:grid;place-items:center;padding:20px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--vtik-share-text)}
.vtik-web-share__backdrop{position:absolute;inset:0;border:0;background:rgba(17,24,39,.42);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.vtik-web-share__panel{position:relative;width:min(460px,calc(100vw - 32px));max-height:min(82dvh,720px);overflow:auto;border:1px solid rgba(17,24,39,.08);border-radius:22px;background:var(--vtik-share-panel);box-shadow:0 24px 80px rgba(17,24,39,.20);overscroll-behavior:contain}
.vtik-web-share__handle{display:none;justify-content:center;padding:8px 0 0}.vtik-web-share__handle span{width:38px;height:4px;border-radius:999px;background:#d6dadd}
.vtik-web-share__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 12px}.vtik-web-share__head h2{margin:0;font-size:20px;line-height:1.15;font-weight:850;letter-spacing:-.02em}.vtik-web-share__close{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#4b5563;font-size:25px;line-height:1;cursor:pointer}.vtik-web-share__close:hover,.vtik-web-share__close:focus-visible{background:var(--vtik-share-soft);outline:0}
.vtik-web-share__search-wrap{padding:0 20px 12px}.vtik-web-share__search{height:42px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #edf0ee;border-radius:14px;background:#f7f8f8;color:var(--vtik-share-muted)}.vtik-web-share__search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}.vtik-web-share__search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--vtik-share-text);font:inherit;font-size:14px}.vtik-web-share__search input::placeholder{color:#9aa1a8}
.vtik-web-share__section{margin:0 20px;padding:14px 0;border-top:1px solid var(--vtik-share-line)}.vtik-web-share__section:first-of-type{border-top:0}.vtik-web-share__section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.vtik-web-share__section-title{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;line-height:1.2;font-weight:800;letter-spacing:-.012em}.vtik-web-share__section-title svg{width:19px;height:19px;fill:none;stroke:var(--vtik-share-green);stroke-width:2}.vtik-web-share__section-link{border:0;background:transparent;color:var(--vtik-share-green-dark);font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.vtik-web-share__people{display:flex;gap:12px;min-height:68px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:none}.vtik-web-share__people::-webkit-scrollbar{display:none}.vtik-web-share__person{flex:0 0 58px;display:grid;justify-items:center;gap:6px;border:0;background:transparent;color:var(--vtik-share-text);font:inherit;cursor:pointer;padding:0}.vtik-web-share__avatar{position:relative;width:46px;height:46px;border-radius:50%;overflow:hidden;background:var(--vtik-share-mint);display:grid;place-items:center;color:var(--vtik-share-green-dark);font-size:18px;font-weight:850}.vtik-web-share__avatar img{width:100%;height:100%;object-fit:cover}.vtik-web-share__person span:last-child{width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:12px;line-height:1.15}.vtik-web-share__person.is-sent .vtik-web-share__avatar::after{content:'✓';position:absolute;right:-1px;bottom:-1px;width:18px;height:18px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:var(--vtik-share-green);color:#fff;font-size:10px;font-weight:900}.vtik-web-share__people-state{display:flex;align-items:center;min-height:58px;color:var(--vtik-share-muted);font-size:12px}.vtik-web-share__people-state a{color:var(--vtik-share-green-dark);font-weight:750}
.vtik-web-share__external{display:flex;gap:14px;overflow-x:auto;padding:1px 1px 3px;scrollbar-width:none}.vtik-web-share__external::-webkit-scrollbar{display:none}.vtik-web-share__social{flex:0 0 68px;display:grid;justify-items:center;gap:6px;border:0;background:transparent;color:var(--vtik-share-text);font:inherit;font-size:12px;line-height:1.15;cursor:pointer;padding:0}.vtik-web-share__social-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #edf0ee;border-radius:50%;background:#f8f9f9;overflow:hidden}.vtik-web-share__social-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2}.vtik-web-share__social.is-brand .vtik-web-share__social-icon{background:var(--vtik-share-mint);border-color:#dcf1e2;color:var(--vtik-share-green-dark)}.vtik-web-share__social.is-facebook .vtik-web-share__social-icon{border-color:#d8e6fb;background:#1877f2;color:#fff}.vtik-web-share__social.is-facebook svg{width:46px;height:46px;fill:#1877f2;stroke:none}.vtik-web-share__social.is-facebook svg .fb-f{fill:#fff}.vtik-web-share__social:hover .vtik-web-share__social-icon,.vtik-web-share__social:focus-visible .vtik-web-share__social-icon{transform:translateY(-1px);outline:0;border-color:#cfe7d6}.vtik-web-share__social:focus-visible{outline:2px solid rgba(69,185,107,.35);outline-offset:3px;border-radius:10px}.vtik-web-share__zalo-item{flex:0 0 68px;display:grid;justify-items:center;gap:6px;font-size:12px;line-height:1.15;color:var(--vtik-share-text)}.vtik-web-share__zalo-shell{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #dceafb;overflow:hidden}.vtik-web-share__zalo-shell .zalo-share-button{display:grid!important;place-items:center;width:46px!important;height:46px!important;overflow:hidden!important}.vtik-web-share__zalo-shell iframe{max-width:46px!important;max-height:46px!important}.vtik-web-share__zalo-item[hidden]{display:none!important}
.vtik-web-share__options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vtik-web-share__option{display:grid;justify-items:center;gap:6px;border:0;background:transparent;color:var(--vtik-share-text);font:inherit;font-size:13px;cursor:pointer}.vtik-web-share__option-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#f3f5f4;color:#4b5563}.vtik-web-share__option-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.vtik-web-share__option.is-brand .vtik-web-share__option-icon{background:var(--vtik-share-mint);color:var(--vtik-share-green-dark)}.vtik-web-share__option.is-danger .vtik-web-share__option-icon{background:#fff1f1;color:var(--vtik-share-danger)}.vtik-web-share__option:hover .vtik-web-share__option-icon,.vtik-web-share__option:focus-visible .vtik-web-share__option-icon{transform:translateY(-1px);outline:0}
.vtik-web-share__toast{position:sticky;bottom:10px;margin:0 20px 12px;padding:9px 11px;border-radius:10px;background:#173d25;color:#fff;font-size:12px;font-weight:700;box-shadow:0 8px 24px rgba(17,24,39,.18)}.vtik-web-share__toast[hidden]{display:none!important}.vtik-web-share__qr{display:grid;justify-items:center;gap:10px;padding:8px 0 2px}.vtik-web-share__qr svg{width:180px;height:180px}.vtik-web-share__qr p{margin:0;color:var(--vtik-share-muted);font-size:12px;text-align:center;word-break:break-all}.vtik-web-share__qr-back{border:0;background:transparent;color:var(--vtik-share-green-dark);font:inherit;font-size:13px;font-weight:800;cursor:pointer}
html.vtik-web-share-open,html.vtik-web-share-open body{overflow:hidden}
@media(max-width:640px){.vtik-web-share{align-items:end;padding:0}.vtik-web-share__panel{width:100%;max-height:88dvh;border-radius:22px 22px 0 0;border-left:0;border-right:0;border-bottom:0;padding-bottom:max(8px,env(safe-area-inset-bottom));animation:vtikShareIn .18s ease-out}.vtik-web-share__handle{display:flex}.vtik-web-share__head{padding:10px 18px 10px}.vtik-web-share__search-wrap{padding:0 18px 10px}.vtik-web-share__section{margin:0 18px;padding:12px 0}.vtik-web-share__external{gap:8px}.vtik-web-share__action{min-height:46px}.vtik-web-share__options{gap:8px}@keyframes vtikShareIn{from{transform:translateY(18px);opacity:.72}to{transform:none;opacity:1}}}
@media(prefers-reduced-motion:reduce){.vtik-web-share__panel{animation:none}.vtik-web-share__option-icon{transition:none}}