#share-panel{position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;padding:0;border:1px solid #e5edf340;border-radius:20px;background:#0c1720;color:#eeeae2;box-shadow:0 24px 90px #0009}
#share-panel::backdrop{background:#04080dbd;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.share-panel-art{height:140px;background:linear-gradient(transparent,#0c1720),url('/assets/chill-share-dawn.webp') center 48%/cover}
.share-panel-content{padding:0 32px 25px;text-align:center}
.share-wordmark{display:block;width:min(260px,100%);height:auto;margin:0 auto 23px}
#share-panel h2{font:700 11px/1.5 WWInterface,Arial,sans-serif;letter-spacing:.18em;margin:0;color:#e6d9c6}
.share-invitation{font:400 21px/1.45 WWInterface,Arial,sans-serif;margin:10px 0 24px;color:#f3ece0}
.share-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff30;border-radius:50%;background:#080d1266;backdrop-filter:blur(8px);color:#eeeae2}
.share-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.share-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}
.share-options a,.share-options button{display:flex;align-items:center;gap:12px;text-align:left;min-height:64px;padding:14px 16px;border:1px solid #e5edf330;border-radius:11px;background:linear-gradient(145deg,#e6eaf310,#08111b66);font:400 14px/1.3 WWInterface,Arial,sans-serif;color:#eeeae2;transition:background .2s,border-color .2s}
.share-options svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;flex:none}
.share-options a:hover,.share-options button:hover{background:#e5d8c51c;border-color:#e5edf360}
.share-options button:disabled{opacity:.5;cursor:wait}
.share-link-label{display:block;text-align:left;font:400 9px/1.5 WWInterface,Arial,sans-serif;letter-spacing:.15em;color:#bbc6cc;margin-bottom:7px}
#share-link{display:block;width:100%;padding:12px 13px;border:1px solid #e5edf325;border-radius:8px;background:#080d1280;color:#dfe4e4;font:400 13px/1.5 WWInterface,Arial,sans-serif}
#share-link:focus-visible{outline:2px solid #eac48c;outline-offset:3px}
#share-panel-status{font:400 12px/1.6 WWInterface,Arial,sans-serif;min-height:20px;margin:13px 0 0;color:#e6d9c6}
@media(max-width:380px){.share-panel-content{padding-inline:20px}.share-options a,.share-options button{gap:8px;padding:12px 10px;font-size:13px}}
@media(max-height:500px){.share-panel-art{height:70px}.share-wordmark{width:210px;margin-bottom:14px}.share-invitation{margin:7px 0 14px}.share-options{margin-bottom:16px}}
#share-panel,#share-panel *{box-sizing:border-box}
#share-panel a{text-decoration:none}
#share-panel button{cursor:pointer}
#share-panel.home-share-panel .share-panel-art{height:180px;background:linear-gradient(transparent,#0c1720),url('/assets/explore-cinema.webp') center/cover}
@media(max-width:700px){#share-panel.home-share-panel .share-panel-art{height:140px}}