.jukebox-toast{position:fixed;top:max(1rem,env(safe-area-inset-top));left:50%;transform:translate(-50%) translateY(0);display:inline-flex;align-items:center;gap:.65rem;padding:.8rem 1.25rem .8rem 1rem;border-radius:9999px;background:#fff;color:#033159;font-size:.92rem;font-weight:500;border:1px solid #E4ECF2;box-shadow:0 10px 40px -12px #0331594d,0 2px 6px #03315914;z-index:80;max-width:calc(100vw - 2rem);animation:toastIn .35s cubic-bezier(.2,.9,.2,1) both}.jukebox-toast[data-leaving]{animation:toastOut .24s ease-in forwards}.jukebox-toast[data-kind=success] .jukebox-toast-dot{background:#d6b160}.jukebox-toast[data-kind=error] .jukebox-toast-dot{background:#b14a5f}.jukebox-toast-dot{width:7px;height:7px;border-radius:999px;flex-shrink:0}.jukebox-toast-msg{line-height:1.3}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%) translateY(-16px)}}.jukebox-counter{text-align:center;color:#5e6a7a;font-size:.9rem;display:inline-flex;align-items:baseline;gap:.35rem}.jukebox-counter-num{font-family:Fraunces,ui-serif,Georgia,serif;font-size:1.15rem;font-weight:500;color:#033159}.jukebox-counter-label{font-size:.88rem}.jukebox-empty{text-align:center;color:#5e6a7a;padding:2rem 1rem;font-size:.95rem}.jukebox-mediagrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;padding:0;margin:0;list-style:none}.jukebox-mediagrid .jukebox-mediatile{aspect-ratio:1 / 1}.jukebox-masonry{-moz-column-count:2;column-count:2;-moz-column-gap:.6rem;column-gap:.6rem;padding:0;margin:0;list-style:none}@media (min-width: 640px){.jukebox-masonry{-moz-column-count:3;column-count:3;-moz-column-gap:.7rem;column-gap:.7rem}}@media (min-width: 900px){.jukebox-masonry{-moz-column-count:4;column-count:4}}.jukebox-masonry .jukebox-mediatile{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:.7rem;aspect-ratio:auto}.jukebox-masonry .jukebox-mediatile img{aspect-ratio:auto;height:auto;display:block}.jukebox-mediatile{position:relative;overflow:hidden;border-radius:14px;background:#e4ecf2;box-shadow:0 1px 2px #0331590d,0 10px 24px -16px #03315938;transition:transform .25s ease,box-shadow .25s ease;animation:tileIn .4s cubic-bezier(.2,.9,.2,1) both}.jukebox-mediatile:hover{transform:translateY(-2px);box-shadow:0 2px 4px #03315914,0 16px 34px -18px #0331594d}.jukebox-mediatile-open{all:unset;display:block;width:100%;height:100%;cursor:pointer;position:relative}.jukebox-mediatile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.jukebox-mediatile:hover img{transform:scale(1.03)}@keyframes tileIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.jukebox-mediatile-open:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#02142399,#02142300 40%);opacity:0;transition:opacity .25s ease;pointer-events:none}.jukebox-mediatile:hover .jukebox-mediatile-open:after,.jukebox-mediatile:focus-within .jukebox-mediatile-open:after{opacity:1}.jukebox-playicon{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;background:#033159b3;color:#fff;padding:3px 8px 3px 7px;border-radius:9999px;font-size:.7rem;font-weight:500;letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.jukebox-attribution{position:absolute;left:10px;right:10px;bottom:8px;color:#fff;font-size:.78rem;font-weight:500;opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease;text-shadow:0 1px 2px rgba(2,20,35,.45);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jukebox-mediatile:hover .jukebox-attribution,.jukebox-mediatile:focus-within .jukebox-attribution{opacity:1;transform:translateY(0)}.jukebox-mediatile-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:2}.jukebox-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#021423f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;z-index:90;padding:1rem;animation:lightboxIn .24s ease-out both}@keyframes lightboxIn{0%{opacity:0}to{opacity:1}}.jukebox-lightbox-inner{position:relative;max-width:min(1100px,100%);max-height:100%;display:flex;flex-direction:column;gap:.85rem;animation:lightboxZoom .3s cubic-bezier(.2,.9,.2,1) both}@keyframes lightboxZoom{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.jukebox-lightbox img,.jukebox-lightbox video{max-width:100%;max-height:78vh;border-radius:14px;background:#011221;box-shadow:0 20px 60px -20px #000000a6}.jukebox-lightbox-meta{color:#fbf8f2;text-align:center;font-size:.95rem;display:flex;flex-direction:column;gap:.25rem;align-items:center}.jukebox-lightbox-meta strong{font-family:Fraunces,ui-serif,Georgia,serif;font-weight:500;font-size:1.05rem;letter-spacing:-.005em}.jukebox-lightbox-meta p{font-style:italic;color:#e9d18a;max-width:28rem}.jukebox-lightbox-counter{display:inline-block;margin-top:.25rem;color:#a9c0ce;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.jukebox-lightbox-close{position:absolute;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));background:#ffffff1f;color:#fff;border:none;border-radius:9999px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .15s ease;z-index:2}.jukebox-lightbox-close:hover{background:#fff3;transform:scale(1.05)}.jukebox-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1f;color:#fff;border:none;border-radius:9999px;width:44px;height:44px;display:none;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .15s ease;z-index:2}.jukebox-lightbox-nav:hover{background:#ffffff38}.jukebox-lightbox-prev{left:1rem}.jukebox-lightbox-next{right:1rem}@media (min-width: 640px){.jukebox-lightbox-nav{display:inline-flex}}