@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:calc(100vw - 12px);height:calc(100dvh - 12px);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:32px 0 0;transition:opacity .6s;position:relative}.pool-brand{letter-spacing:4px;color:#c8aa7866;text-transform:lowercase;margin-bottom:12px;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-wheel{z-index:2;flex:1;max-height:600px;transition:opacity .6s;position:relative;overflow:hidden}.track-wheel.collapsed{opacity:0;pointer-events:none;max-height:0}.track-wheel-mask{pointer-events:none;z-index:3;height:70px;position:absolute;left:0;right:0}.track-wheel-mask.top{background:linear-gradient(#020204 0%,#0000 100%);top:0}.track-wheel-mask.bottom{background:linear-gradient(#0000 0%,#020204 100%);bottom:0}.track-panel{scrollbar-width:none;-ms-overflow-style:none;height:100%;padding:0 28px;overflow-y:auto}.track-panel::-webkit-scrollbar{display:none}.track-panel-pad{flex-shrink:0;height:40px}.pool-track{transform-origin:50%;will-change:transform, opacity;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:#c8aa7833;flex-shrink:0;width:130px;font-size:12px;font-weight:300;transition:color .5s}.pool-track-label.on{color:#c8aa7899}.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:#ffffff2e;text-align:right;font-variant-numeric:tabular-nums;width:22px;font-size:10px}.pool-controls{z-index:2;flex-direction:row;justify-content:center;align-items:center;gap:20px;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;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}.timer-btn{cursor:pointer;color:#c8aa784d;background:#c8963c08;border:1px solid #c8963c14;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.timer-btn:hover{background:#c8963c0f;border-color:#c8963c2e}.timer-btn.active{color:#e8a84099;border-color:#e8a84040;box-shadow:0 0 16px #e8a84014}.timer-icon{width:16px;height:16px}.timer-display{cursor:pointer;flex-direction:column;align-items:center;gap:4px;margin-top:16px;display:flex}.timer-countdown{letter-spacing:6px;color:#e8a84066;padding-left:6px;font-family:Cormorant Garamond,serif;font-size:32px;font-weight:300}.timer-phase{letter-spacing:3px;text-transform:uppercase;color:#c8aa784d;font-size:10px;font-weight:300}.timer-cycle{letter-spacing:2px;text-transform:uppercase;color:#c8aa7833;font-size:9px;font-weight:300}.timer-panel{z-index:10;-webkit-backdrop-filter:blur(20px);background:#08080aeb;border:1px solid #c8963c1a;border-radius:20px;padding:24px;animation:.3s timer-panel-in;position:absolute;bottom:100px;left:20px;right:20px}@keyframes timer-panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.timer-tabs{border-bottom:1px solid #c8963c0f;gap:0;margin-bottom:24px;display:flex}.timer-tab{cursor:pointer;letter-spacing:3px;text-transform:uppercase;color:#c8aa7833;background:0 0;border:none;flex:1;padding:8px 0 12px;font-size:10px;font-weight:300;transition:color .3s}.timer-tab.active{color:#c8aa7880;border-bottom:1px solid #e8a8404d;margin-bottom:-1px}.timer-picker{flex-direction:column;align-items:center;gap:20px;display:flex}.timer-picker-row{align-items:center;gap:24px;display:flex}.timer-adjust{color:#c8aa7866;cursor:pointer;background:#c8963c0a;border:1px solid #c8963c1f;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:200;transition:all .2s;display:flex}.timer-adjust:hover{color:#c8aa7899;border-color:#c8963c40}.timer-picker-value{align-items:baseline;gap:6px;display:flex}.timer-picker-num{color:#e8a84080;letter-spacing:2px;text-align:center;min-width:60px;font-family:Cormorant Garamond,serif;font-size:48px;font-weight:300}.timer-picker-unit{letter-spacing:2px;text-transform:uppercase;color:#c8aa7840;font-size:10px;font-weight:300}.timer-start-btn{color:#e8a84099;letter-spacing:3px;text-transform:uppercase;cursor:pointer;background:#e8a8400f;border:1px solid #e8a84033;border-radius:12px;width:100%;padding:12px;font-size:10px;font-weight:300;transition:all .3s}.timer-start-btn:hover{background:#e8a8401a;border-color:#e8a8404d}.timer-presets{flex-direction:column;gap:12px;display:flex}.timer-preset{cursor:pointer;background:#c8963c08;border:1px solid #c8963c1a;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:16px;transition:all .3s;display:flex}.timer-preset:hover{background:#e8a8400f;border-color:#e8a84033}.preset-main{color:#e8a84080;letter-spacing:2px;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:300}.preset-break{letter-spacing:2px;text-transform:uppercase;color:#c8aa7840;font-size:9px;font-weight:300}.timer-cancel-btn{color:#c8645066;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #c8645026;border-radius:10px;width:100%;margin-top:12px;padding:10px;font-size:9px;font-weight:300;transition:all .3s}.timer-cancel-btn:hover{color:#c8645099;border-color:#c864504d}.timer-close-btn{color:#c8aa7840;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px;font-weight:200;transition:color .3s;position:absolute;top:12px;right:16px}.timer-close-btn:hover{color:#c8aa7880}.break-prompt{z-index:20;-webkit-backdrop-filter:blur(10px);background:#020204d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.5s timer-panel-in;display:flex;position:absolute;top:0;left:0}.break-prompt-inner{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.break-prompt-label{letter-spacing:6px;color:#c8aa7873;text-transform:uppercase;padding-left:6px;font-family:Cormorant Garamond,serif;font-size:24px;font-weight:300}.break-prompt-sub{letter-spacing:3px;text-transform:uppercase;color:#c8aa7833;margin-bottom:16px;font-size:10px;font-weight:300}.break-prompt-actions{gap:12px;display:flex}.break-prompt-btn{color:#c8aa7859;letter-spacing:3px;text-transform:uppercase;cursor:pointer;background:#c8963c0a;border:1px solid #c8963c1f;border-radius:12px;padding:12px 28px;font-size:10px;font-weight:300;transition:all .3s}.break-prompt-btn:hover{border-color:#c8963c33}.break-prompt-btn.primary{color:#e8a84099;background:#e8a84014;border-color:#e8a84040}.break-prompt-btn.primary:hover{background:#e8a8401f;border-color:#e8a84059}