:is(.invite-page,.playlist-home-scope) .playlist-sheet-slot{--sheet-closed-height:calc(72px + env(safe-area-inset-bottom,0px));height:var(--sheet-closed-height);top:calc(100vh - var(--sheet-closed-height));top:calc(100dvh - var(--sheet-closed-height));z-index:80;background:#0b0b0b;position:sticky}:is(.invite-page,.playlist-home-scope) .playlist-sheet{--sheet-cream:#f7f2e7;--sheet-yellow:#ffd11a;z-index:80;width:min(100%,760px);height:clamp(280px,48dvh,440px);max-height:calc(100dvh - 24px);color:var(--sheet-cream);border:2px solid var(--sheet-yellow);transform:translate3d(-50%,calc(100% - var(--sheet-closed-height)),0);background:#0b0b0b;border-bottom:0;transition:transform .3s cubic-bezier(.22,.72,.18,1);position:fixed;bottom:0;left:50%;box-shadow:0 -8px 24px #0b0b0b2b}:is(.invite-page,.playlist-home-scope) .playlist-sheet.is-expanded{transform:translate(-50%)}:is(.invite-page,.playlist-home-scope) .playlist-sheet.is-dragging{transition:none}:is(.invite-page,.playlist-home-scope) .playlist-sheet-handle{width:100%;height:var(--sheet-closed-height);text-align:left;min-height:72px;color:inherit;padding:10px 20px calc(6px + env(safe-area-inset-bottom,0px));touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:0 0;border:0;align-items:center;gap:15px;display:flex;position:relative}:is(.invite-page,.playlist-home-scope) .playlist-sheet-handle:active{cursor:grabbing}:is(.invite-page,.playlist-home-scope) .playlist-sheet-handle:focus-visible{outline:3px solid var(--sheet-yellow);outline-offset:-5px}:is(.invite-page,.playlist-home-scope) .playlist-sheet-body a:focus-visible{outline:3px solid var(--sheet-yellow);outline-offset:-5px}:is(.invite-page,.playlist-home-scope) .playlist-sheet-grip{background:var(--sheet-yellow);width:40px;height:3px;position:absolute;top:6px;left:50%;transform:translate(-50%)}:is(.invite-page,.playlist-home-scope) .playlist-sheet-handle-text{flex:1;min-width:0;padding-top:4px;display:block}:is(.invite-page,.playlist-home-scope) .playlist-sheet-handle-text strong{letter-spacing:.02em;font-family:Anton,Impact,Arial Narrow,sans-serif;font-size:clamp(1rem,4.4vw,1.3rem);font-weight:900;line-height:1.06;display:block}:is(.invite-page,.playlist-home-scope) .playlist-sheet-chevron{color:var(--sheet-yellow);flex:none;transition:transform .3s}:is(.invite-page,.playlist-home-scope) .playlist-sheet.is-expanded .playlist-sheet-chevron{transform:rotate(180deg)}:is(.invite-page,.playlist-home-scope) .playlist-sheet-content{height:calc(100% - var(--sheet-closed-height));overscroll-behavior:contain;visibility:hidden;opacity:0;transition:opacity .2s,visibility .2s;overflow:auto}:is(.invite-page,.playlist-home-scope) .playlist-sheet.is-expanded .playlist-sheet-content{visibility:visible;opacity:1;transition-delay:80ms}:is(.invite-page,.playlist-home-scope) .playlist-sheet-body{padding:14px 20px calc(24px + env(safe-area-inset-bottom,0px));border-top:1px solid #f7f2e755}:is(.invite-page,.playlist-home-scope) .playlist-sheet-body h2{letter-spacing:-.025em;margin:0;font-family:Anton,Impact,Arial Narrow,sans-serif;font-size:clamp(2.6rem,9vw,4.7rem);font-weight:900;line-height:.99}:is(.invite-page,.playlist-home-scope) .playlist-sheet-body h2 span{color:var(--sheet-yellow)}:is(.invite-page,.playlist-home-scope) .playlist-sheet-body p{max-width:500px;margin:18px 0 20px;font-size:1rem;line-height:1.5}:is(.invite-page,.playlist-home-scope) .playlist-sheet-body a{background:var(--sheet-yellow);color:#0b0b0b;border:2px solid var(--sheet-yellow);letter-spacing:.05em;justify-content:space-between;align-items:center;gap:15px;width:100%;max-width:500px;min-height:52px;padding:12px 14px;font-size:.82rem;font-weight:800;transition:background .2s,color .2s;display:flex}:is(.invite-page,.playlist-home-scope) .playlist-sheet-body a:hover{color:var(--sheet-yellow);background:0 0}:is(.invite-page,.playlist-home-scope) .invite-finale{padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}@media (max-width:600px){:is(.invite-page,.playlist-home-scope) .playlist-sheet{border-left:0;border-right:0;box-shadow:0 -5px 14px #0b0b0b1f}:is(.invite-page,.playlist-home-scope) .playlist-sheet-handle,:is(.invite-page,.playlist-home-scope) .playlist-sheet-body{padding-left:20px;padding-right:20px}:is(.invite-page,.playlist-home-scope) .playlist-sheet-body h2{font-size:clamp(2.5rem,10vw,3.8rem)}}@media (max-width:767px){:is(.invite-page,.playlist-home-scope) .playlist-sheet{height:var(--sheet-closed-height);max-height:calc(100dvh - 24px);box-shadow:none;border:0;transition:height .36s cubic-bezier(.22,.72,.18,1),box-shadow .36s ease-out;position:absolute;top:auto;bottom:0;overflow:hidden;transform:translate(-50%)}:is(.invite-page,.playlist-home-scope) .playlist-sheet.is-expanded{height:clamp(280px,48dvh,440px);max-height:calc(100dvh - 24px);transform:translate(-50%);box-shadow:0 -5px 14px #0b0b0b1f}:is(.invite-page,.playlist-home-scope) .playlist-sheet.is-dragging{transition:none}:is(.invite-page,.playlist-home-scope) .playlist-sheet.is-dragging .playlist-sheet-content{visibility:visible;opacity:1}:is(.invite-page,.playlist-home-scope) .playlist-sheet-content{transition:opacity .18s ease-out,transform .18s ease-out,visibility .18s;transform:translateY(8px)}:is(.invite-page,.playlist-home-scope) .playlist-sheet.is-expanded .playlist-sheet-content{transition-delay:.1s;transform:none}}@media (min-width:768px){:is(.invite-page,.playlist-home-scope) .playlist-sheet-slot{background:0 0;height:0;position:static}}@media (prefers-reduced-motion:reduce){:is(.invite-page,.playlist-home-scope) .playlist-sheet,:is(.invite-page,.playlist-home-scope) .playlist-sheet-chevron,:is(.invite-page,.playlist-home-scope) .playlist-sheet-content,:is(.invite-page,.playlist-home-scope) .playlist-sheet-body a{transition:none!important;animation:none!important}}.home-with-playlist .site{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.playlist-home-scope{z-index:80;pointer-events:none;position:fixed;inset:auto 0 0}.playlist-home-scope .playlist-sheet-slot{pointer-events:auto;position:relative;top:auto;bottom:auto}.playlist-home-scope .playlist-sheet-label{color:#ffd11a;letter-spacing:.12em;font-size:.68rem;font-weight:800;line-height:1.2;display:block}