.join{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.join--fade{opacity:0;pointer-events:none;transition:opacity .7s ease}.join__word{display:flex;align-items:center;font-family:Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.05em;line-height:1;color:#111;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color .2s ease}.join--idle .join__word:hover{color:#a8e6a3}.join__letter{display:inline-block;font-size:30vw;transition:font-size .55s ease,opacity .4s ease,transform .55s ease}.join--go .join__letter,.join--fade .join__letter{font-size:.01px;opacity:0;transform:rotate(-14deg) translateY(6vh)}.join--go .join__letter:nth-child(1){transition-delay:0s}.join--go .join__letter:nth-child(2){transition-delay:.07s}.join--go .join__letter:nth-child(3){transition-delay:.14s}.join--go .join__letter:nth-child(4){transition-delay:.21s}.join__star{display:inline-block;font-size:30vw;transition:transform .55s ease}.join--go .join__star,.join--fade .join__star{transform:translateY(.28em)}.pack-select{position:relative;width:100%;height:100dvh;background:#fff;display:flex;align-items:center;justify-content:center}.pack-select__grid{display:flex;flex-direction:column;align-items:center;gap:8px;transition:opacity .3s ease,transform .3s ease}.pack-select__grid--hidden{opacity:0;transform:translateY(12px)}.pack-select__item{background:none;border:none;padding:4px 8px;font-family:Helvetica,Arial,sans-serif;font-size:47px;font-weight:700;letter-spacing:-.05em;color:#111;cursor:pointer;transition:opacity .2s ease}.pack-select__item:hover{background:#a8d4f0;color:#f5f0c0}.pack-select__item--back{position:absolute;bottom:30px;left:24px;font-size:32px;animation:back-fade-in .3s ease;transition:opacity .3s ease}.pack-select__item--back-hidden{opacity:0}.pack-select__top-note{position:absolute;top:24px;left:50%;transform:translate(-50%);font-family:Helvetica,Arial,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.05em;color:#111;animation:back-fade-in .3s ease;transition:opacity .3s ease}.pack-select__top-note--hidden{opacity:0}@keyframes back-fade-in{0%{opacity:0}to{opacity:1}}.music-list{display:flex;flex-direction:column;width:min(680px,86vw);max-height:58dvh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.music-list::-webkit-scrollbar{display:none}@media (min-width: 900px) and (hover: hover){.music-list{width:min(560px,44vw);margin-right:min(42vw,640px)}}.music-preview{position:fixed;right:3vw;top:50%;width:min(42vw,80dvh);aspect-ratio:1;transform:translateY(-50%) scale(.92);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}.music-preview--on{opacity:1;transform:translateY(-50%) scale(1)}.music-preview--hidden{opacity:0}.music-preview__img{width:100%;height:100%;object-fit:cover;display:block;border-radius:14px;box-shadow:0 24px 60px #0000004d,0 4px 12px #00000026}@media (max-width: 899px),(hover: none){.music-preview{display:none}}.music-row{display:flex;align-items:center;gap:20px;padding:18px 8px;border-top:2px solid #111;font-family:Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:-.05em;color:#111;text-transform:lowercase;text-decoration:none;cursor:pointer;transition:background .2s ease,color .2s ease}.music-row:last-child{border-bottom:2px solid #111}.music-row:hover{background:#a8d4f0;color:#f5f0c0}.music-row__num{font-size:14px;opacity:.4;flex-shrink:0}.music-row__art{width:48px;height:48px;object-fit:cover;flex-shrink:0;margin-left:-8px;border-radius:6px;box-shadow:0 2px 6px #00000040;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.music-row:hover .music-row__art{transform:scale(1.15) rotate(-3deg)}.music-row__title{font-size:28px;flex:1;min-width:0;overflow-wrap:anywhere}.music-row__artist{font-size:15px;color:#b49ae0;flex-shrink:0;text-align:right;transition:color .2s ease}.music-row:hover .music-row__artist{color:#8a63d2}@media (max-width: 600px){.music-row__title{font-size:20px}.music-row{gap:12px;padding:14px 4px}.music-row__art{width:40px;height:40px}}.pack-select__wip{position:fixed;bottom:90px;left:50%;transform:translate(-50%,24px);padding:8px 20px;background:#f0a8a8;color:#f5f0c0;font-family:Helvetica,Arial,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.05em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}.pack-select__wip--on{opacity:1;transform:translate(-50%)}@media (max-width: 600px){.pack-select__wip{font-size:24px}}.pack-select__footer{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-family:Helvetica,Arial,sans-serif;font-size:47px;font-weight:700;letter-spacing:-.05em;color:#111}.photo-grid{width:100%;min-height:100vh;background:#fff;opacity:1;transition:opacity .4s ease-out;-webkit-overflow-scrolling:touch}.photo-grid--transitioning{opacity:0}.photo-grid__back{position:fixed;top:12px;left:12px;z-index:100;border:none;background:none;padding:4px 8px;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.05em;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.45);cursor:pointer;transform-origin:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.photo-grid__back:hover{animation:back-squish .5s cubic-bezier(.34,1.56,.64,1) both}.photo-grid__back:active{animation:none;transform:scale(1.15,.75)}@keyframes back-squish{0%{transform:scale(1)}35%{transform:scale(1.45,.8)}65%{transform:scale(1.1,1.35)}to{transform:scale(1.3)}}.photo-grid__container{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;width:100%;padding:0}.photo-grid__item{position:relative;overflow:hidden;content-visibility:auto;contain-intrinsic-size:200px;aspect-ratio:3 / 4}.photo-grid__svg-filters{position:absolute;width:0;height:0;overflow:hidden}.photo-grid__image{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer;opacity:0;filter:url(#pixelate);transition:opacity .3s ease,transform .3s ease,filter .4s ease;backface-visibility:hidden;will-change:opacity;transform:translateZ(0)}.photo-grid__item--loaded .photo-grid__image{opacity:1}@media (hover: hover){.photo-grid__item:hover .photo-grid__image{transform:scale(1.03);filter:none}.photo-grid__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .3s ease;pointer-events:none}.photo-grid__item:hover:after{background:#0000000d}}@media (max-width: 900px){.photo-grid__container{grid-template-columns:repeat(4,1fr)}}@media (max-width: 600px){.photo-grid__container{grid-template-columns:repeat(2,1fr);gap:2px}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000f2;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox__top-actions{position:absolute;top:20px;right:20px;display:flex;gap:8px;align-items:center}.lightbox__download,.lightbox__close{width:48px;height:48px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease;text-decoration:none}.lightbox__download:hover,.lightbox__close:hover{transform:scale(1.1)}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.lightbox__nav:hover{transform:translateY(-50%) scale(1.1)}.lightbox__nav--prev{left:20px}.lightbox__nav--next{right:20px}.lightbox__content{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox__download--mobile{display:none}.lightbox__image{max-width:100%;max-height:90vh;object-fit:contain;animation:scaleIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox__counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#ffffffb3;font-size:14px;font-weight:500;letter-spacing:.5px}@media (max-width: 600px){.lightbox__top-actions{top:12px;right:12px}.lightbox__top-actions .lightbox__download{display:none}.lightbox__download--mobile{display:flex;margin-top:16px}.lightbox__close,.lightbox__nav{width:40px;height:40px}.lightbox__nav--prev{left:12px}.lightbox__nav--next{right:12px}}.app{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}html,body,#root{width:100%;height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}