@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Inter:wght@200;300;400&display=swap";body{background-color:#000;margin:0;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;justify-content:center;align-items:center;height:100vh;font-family:Inter,sans-serif;display:flex;overflow:hidden}.page-wrapper{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.phone{border:1px solid #e8a8401f;border-radius:40px;width:375px;height:812px;position:relative;overflow:hidden;box-shadow:0 0 30px #e8a8400f,inset 0 0 30px #e8a84008}@media (width<=420px){.phone{border:1px solid #e8a84040;border-radius:24px;width:100vw;height:100dvh;box-shadow:inset 0 4px 40px #e8a8401f,inset 0 -4px 40px #e8a8401f,inset 4px 0 30px #e8a8400f,inset -4px 0 30px #e8a8400f}}.pool{background:#020204;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.pool:before{content:"";z-index:1;background:radial-gradient(#c8963c14 0%,#c8963c0a 15%,#0000 30%,#c8963c05 35%,#0000 45%,#c8963c04 50%,#0000 60%,#c8963c03 65%,#0000 100%);width:200%;height:200%;animation:8s ease-in-out infinite pool-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pool-breathe{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}}.pool-light{pointer-events:none;z-index:1;background:radial-gradient(#e8a8401f 0%,#0000 70%);width:300px;height:500px;animation:6s ease-in-out infinite alternate pool-glow;position:absolute;bottom:-60%;left:50%;transform:translate(-50%)}@keyframes pool-glow{0%{opacity:.6}to{opacity:1}}.pool-ripple{pointer-events:none;z-index:1;border:1px solid #c8963c14;border-radius:50%;animation:12.5s linear infinite ripple-expand;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #c8963c0f,0 0 20px #c8963c08,inset 0 0 8px #c8963c0a}.pool-ripple:nth-child(2){animation-delay:-4.15s}.pool-ripple:nth-child(3){animation-delay:-8.3s}@keyframes ripple-expand{0%{opacity:.5;width:0;height:0;transform:translate(-50%,-50%)}to{opacity:0;width:800px;height:800px;transform:translate(-50%,-50%)}}.pool-header{text-align:center;z-index:2;padding:56px 0 0;transition:opacity .6s;position:relative}.pool-brand{letter-spacing:4px;color:#c8aa7866;text-transform:lowercase;margin-bottom:24px;padding-left:4px;font-family:Cormorant Garamond,serif;font-size:13px;font-weight:300}.pool-header h1{letter-spacing:12px;color:#c8aa7859;text-transform:uppercase;padding-left:12px;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:300}.track-panel{z-index:2;flex-direction:column;flex:1;justify-content:center;gap:2px;max-height:600px;padding:0 28px;transition:opacity .6s;display:flex;position:relative;overflow:hidden}.track-panel.collapsed{opacity:0;pointer-events:none;max-height:0}.pool-track{border-bottom:1px solid #c8963c0a;align-items:center;padding:11px 0;display:flex;position:relative}.pool-track:last-child{border-bottom:none}.pool-track-dot{cursor:pointer;background:#ffffff0f;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:14px;transition:all .5s}.pool-track-dot.on{background:#e8a840;box-shadow:0 0 8px #e8a84066,0 0 20px #e8a84026}.pool-track-label{letter-spacing:3px;text-transform:uppercase;color:#c8aa781f;flex-shrink:0;width:120px;font-size:10px;font-weight:300;transition:color .5s}.pool-track-label.on{color:#c8aa7873}.pool-track-label{cursor:pointer}.pool-slider{appearance:none;background:#ffffff0a;outline:none;flex:1;height:1px;margin:0 12px}.pool-slider::-webkit-slider-runnable-track{background:#ffffff0a;height:1px}.pool-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#e8a84099;border-radius:50%;width:10px;height:10px;margin-top:-4.5px;box-shadow:0 0 12px #e8a8404d}.pool-slider::-moz-range-track{background:#ffffff0a;border:none;height:1px}.pool-slider::-moz-range-progress{background:#e8a84040;height:1px}.pool-slider::-moz-range-thumb{cursor:pointer;background:#e8a84099;border:none;border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px #e8a8404d}.pool-track.dimmed .pool-slider::-webkit-slider-thumb{box-shadow:none;background:#ffffff14}.pool-track.dimmed .pool-slider::-moz-range-thumb{box-shadow:none;background:#ffffff14}.pool-track.dimmed .pool-vol{opacity:.3}.pool-vol{color:#ffffff1a;text-align:right;font-variant-numeric:tabular-nums;width:20px;font-size:9px}.pool-controls{z-index:2;flex-direction:column;align-items:center;padding:0 0 48px;transition:padding .5s;display:flex;position:relative}.collapse-toggle{cursor:pointer;background:#c8963c08;border:1px solid #c8963c14;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:16px;transition:all .3s;display:flex;position:relative}.collapse-toggle:hover{background:#c8963c0f;border-color:#c8963c2e}.mixer-icon{flex-direction:column;align-items:center;gap:3px;transition:all .3s;display:flex}.mixer-icon span{background:#c8aa784d;width:12px;height:1px;transition:all .3s;display:block;position:relative}.mixer-icon span:after{content:"";background:#e8a84080;border-radius:50%;width:3px;height:3px;transition:left .3s;position:absolute;top:-1px}.mixer-icon span:first-child:after{left:7px}.mixer-icon span:nth-child(2):after{left:3px}.mixer-icon span:nth-child(3):after{left:9px}.close-icon{color:#c8aa784d;font-size:14px;font-weight:200;line-height:1;display:none}.pool[data-panel=open] .mixer-icon{display:none}.pool[data-panel=open] .close-icon{display:block}.pool[data-panel=closed] .mixer-icon{display:flex}.pool[data-panel=closed] .close-icon{display:none}.pool[data-panel=closed] .collapse-toggle{border-color:#c8963c26;box-shadow:0 0 16px #e8a8400f}.pool-play-btn{cursor:pointer;color:#e8c88c80;background:#e8a8400a;border:1px solid #e8a84026;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:18px;transition:all .3s;display:flex;position:relative;box-shadow:0 0 30px #e8a8400d}.pool-play-btn:hover{border-color:#e8a84040;box-shadow:0 0 40px #e8a84014}.pool-play-btn:after{content:"";pointer-events:none;border:1px solid #e8a8400a;border-radius:50%;width:72px;height:72px;position:absolute}.pool-play-btn.playing{background:#e8a84014;border-color:#e8a8404d;box-shadow:0 0 40px #e8a8401a}.pool[data-panel=closed] .pool-header{opacity:1}.pool[data-panel=closed] .pool-controls{padding-top:0}.pool[data-panel=closed] .pool-spacer{flex:1}.pool-loading{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.pool-loading-text{letter-spacing:4px;color:#c8aa784d;text-transform:lowercase;font-family:Cormorant Garamond,serif;font-size:13px;font-weight:300}.pool-loading-error{color:#c8645080;letter-spacing:2px;text-align:center;padding:0 40px;font-size:11px}