/* Share sheet: a centred window on computers, a sheet from the bottom on phones. */
.ss-wrap{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:16px}
.ss-wrap.ss-inside{position:absolute;opacity:1!important;visibility:visible!important;z-index:60}
.ss-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .2s ease}
.ss-panel{position:relative;width:min(440px,100%);max-height:calc(100% - 24px);overflow-y:auto;padding:16px 18px 18px;border-radius:18px;background:#16161c;border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 60px rgba(0,0,0,.6);color:#fff;transform:translateY(14px) scale(.98);opacity:0;transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .2s ease;scrollbar-width:none}
.ss-panel::-webkit-scrollbar{display:none}
.ss-wrap.open .ss-backdrop{opacity:1}
.ss-wrap.open .ss-panel{transform:none;opacity:1}
.ss-grab{display:none}
.ss-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.ss-head strong{font-size:17px;font-weight:800}
.ss-wrap button{-webkit-appearance:none;appearance:none;font-family:inherit;filter:none!important;box-shadow:none!important;margin:0!important;min-height:0!important;cursor:pointer}
.ss-close{display:grid;place-items:center;width:34px;height:34px;padding:0!important;border:0!important;border-radius:17px!important;background:#24242c!important;color:#d6d6de!important}
.ss-close svg{width:17px;height:17px}
.ss-link{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;border-radius:14px;background:#0e0e12;border:1px solid #2a2a33;margin-bottom:18px}
.ss-panel[dir=rtl] .ss-link{padding:6px 14px 6px 6px}
.ss-url{flex:1;min-width:0;font-size:13px;color:#b9b9c6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.ss-copy{flex:none;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px!important;border:0!important;border-radius:11px!important;background:#b4ff63!important;color:#14180f!important;font-size:13.5px!important;font-weight:800!important}
.ss-copy svg{width:17px;height:17px}
.ss-copy.done{background:#d4ffa3!important}
.ss-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px}
.ss-app{display:flex;flex-direction:column;align-items:center;gap:7px;padding:4px 0!important;border:0!important;background:transparent!important;color:#e6e6ee!important}
.ss-ic{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:#fff;transition:transform .15s ease}
.ss-app:active .ss-ic{transform:scale(.92)}
.ss-ic svg{width:27px;height:27px}
.ss-name{font-size:12px;font-weight:600;white-space:nowrap}
.ss-whatsapp .ss-ic{background:#25d366}
.ss-instagram .ss-ic{background:radial-gradient(circle at 30% 110%,#ffd776 0,#f56040 35%,#c13584 65%,#5851db 100%)}
.ss-telegram .ss-ic{background:#2aabee}
.ss-x .ss-ic{background:#000;border:1px solid #33333c}
.ss-facebook .ss-ic{background:#1877f2}
.ss-snapchat .ss-ic{background:#fffc00;color:#111}
.ss-mail .ss-ic{background:#3a3a45}
.ss-more .ss-ic{background:#2a2a33}
.ss-note{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:rgba(180,255,99,.1);color:#d9ffb8;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
@media (max-width:760px){
 .ss-wrap:not(.ss-inside){align-items:flex-end;padding:0}
 .ss-wrap:not(.ss-inside) .ss-panel{width:100%;border-radius:22px 22px 0 0;border-bottom:0;padding:8px 18px max(20px,env(safe-area-inset-bottom,0px));transform:translateY(100%)}
 .ss-wrap:not(.ss-inside).open .ss-panel{transform:none}
 .ss-wrap:not(.ss-inside) .ss-grab{display:block;width:40px;height:5px;border-radius:3px;background:#3a3a45;margin:2px auto 12px}
}
/* Inside the full-screen player (landscape): a compact window with one row of apps. */
.ss-inside .ss-panel{width:min(560px,100%);padding:12px 16px 14px}
.ss-inside .ss-link{margin-bottom:12px}
.ss-inside .ss-apps{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px 6px}
.ss-inside .ss-ic{width:46px;height:46px}
.ss-inside .ss-ic svg{width:23px;height:23px}