@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300&family=Karla:wght@300;400&display=swap";body{background-color:#000;margin:0;overflow-x:hidden}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#000;justify-content:center;align-items:center;height:100dvh;font-family:Karla,sans-serif;font-weight:300;display:flex;overflow:hidden}.app{background:#000;border-radius:38px;width:376px;height:756px;padding:8px;box-shadow:0 0 60px #e8a8400f,0 0 1px #e8a8402e}.app-inner{background:#020204;border-radius:31px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}@media (width<=420px){.app{width:100vw;height:100dvh;box-shadow:none;border-radius:0;padding:0}.app-inner{border-radius:0}}.loading{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.loading-brand{letter-spacing:4px;text-transform:uppercase;color:#c8aa7859;font:300 14px Cormorant Garamond,serif}.loading-error{color:#c8645099;text-align:center;max-width:240px;font:300 12px Karla,sans-serif}.picker{flex-direction:column;flex:1;padding:54px 24px 0;display:flex;overflow-y:auto}.picker-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.picker-wordmark{letter-spacing:5px;text-transform:uppercase;color:#c8aa7859;font:300 12px Cormorant Garamond,serif}.picker-gear{cursor:pointer;color:#c8aa7859;background:0 0;border:1px solid #c8963c24;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.picker-title{color:#e8dcbedb;max-width:240px;margin-bottom:28px;font:italic 300 24px/1.3 Cormorant Garamond,serif}.picker-row{cursor:pointer;border-top:1px solid #c8963c14;align-items:center;gap:16px;padding:18px 0;display:flex}.picker-thumb{background:repeating-linear-gradient(135deg,#c8963c0f,#c8963c0f 4px,#0000 4px 8px);border:1px solid #c8963c1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:66px;height:66px;display:flex}.picker-thumb-label{color:#c8aa7838;letter-spacing:1px;font:300 8px Karla,sans-serif}.picker-text{flex:1;min-width:0}.picker-name{color:#e8dcbedb;font:400 27px Cormorant Garamond,serif}.picker-tagline{color:#c8aa786b;margin-top:3px;font:300 12px/1.5 Karla,sans-serif}.picker-arrow{color:#e8a840;flex-shrink:0;font:300 18px Cormorant Garamond,serif}.mixer{flex-direction:column;flex:1;display:flex;overflow:hidden}.mixer-header{text-align:center;border-bottom:1px solid #c8963c14;flex-shrink:0;padding:22px 22px 14px;position:relative}.mixer-back{color:#c8aa7859;cursor:pointer;padding:4px 8px;font:300 18px Cormorant Garamond,serif;position:absolute;top:24px;left:22px}.mixer-board-name{letter-spacing:6px;text-transform:uppercase;color:#e8a8408c;font:300 26px/1 Cormorant Garamond,serif}.mixer-tagline{color:#c8aa784d;margin-top:4px;font:300 11px Karla,sans-serif}.mixer-countdown{color:#e8a84080;cursor:pointer;margin-top:8px;font:300 32px Cormorant Garamond,serif}.mixer-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;padding:0 22px 10px;overflow-y:auto}.mixer-list::-webkit-scrollbar{display:none}.category-label{letter-spacing:3px;text-transform:uppercase;color:#c8aa784d;padding:20px 0 6px;font:400 10px Cormorant Garamond,serif}.track-row{border-top:1px solid #c8963c0f;align-items:flex-start;gap:15px;padding:14px 0;display:flex}.dial{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:box-shadow .25s;display:flex}.dial.active{box-shadow:0 0 12px #e8a84047,0 0 26px #e8a8401a}.dial-inner{background:#020204;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.mark-rings{border:1.5px solid #e8c88cbf;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;display:flex}.mark-rings-inner{border:1.5px solid #e8c88cbf;border-radius:50%;width:7px;height:7px}.mark-bars{align-items:flex-end;gap:3px;height:17px;display:flex}.mark-bars span{background:#e8c88cbf;width:2px;display:block}.mark-bars span:first-child{height:8px}.mark-bars span:nth-child(2){height:15px}.mark-bars span:nth-child(3){height:11px}.mark-dots{grid-template-rows:repeat(2,4px);grid-template-columns:repeat(3,4px);gap:3px;display:grid}.mark-dots span{background:#e8c88cbf;border-radius:50%;width:4px;height:4px}.mark-diamond{border:1.5px solid #e8c88cbf;width:12px;height:12px;transform:rotate(45deg)}.track-info{flex:1;min-width:0}.track-name-row{cursor:pointer;justify-content:space-between;align-items:baseline;display:flex}.track-name{letter-spacing:1.5px;text-transform:uppercase;color:#c8aa7857;font:400 16px Cormorant Garamond,serif;transition:color .2s}.track-name.on{color:#e8dcbedb}.track-vol-num{color:#fff3;flex-shrink:0;margin-left:8px;font:400 10px Cormorant Garamond,serif}.track-desc{color:#c8aa7866;margin-top:4px;font:300 12px/1.5 Karla,sans-serif}.track-credit{letter-spacing:1px;color:#c8aa7838;margin-top:3px;font:400 10px Cormorant Garamond,serif}.control-bar-wrapper{border-top:1px solid #c8963c14;flex-shrink:0;position:relative}.control-bar{grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 46px 18px;display:grid}.control-left,.control-right{gap:10px;display:flex}.control-right{justify-content:flex-end}.ctrl-btn{cursor:pointer;color:#c8aa7859;background:#c8963c08;border:1px solid #c8963c24;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .2s,color .2s,box-shadow .2s;display:flex}.ctrl-btn.amber{color:#e8a840b3;border-color:#e8a84059;box-shadow:0 0 16px #e8a84014}.ctrl-btn svg{display:block}.mixer-icon{width:12px;height:14px;position:relative}.mixer-icon:before,.mixer-icon:after,.mixer-icon span:before{content:"";background:#c8aa7859;width:12px;height:1px;position:absolute;left:0}.mixer-icon:before{top:2px}.mixer-icon:after{top:7px}.mixer-icon span:before{top:12px}.mixer-icon span{background:#e8a840;border-radius:50%;width:3px;height:3px;position:absolute}.mixer-icon span:first-child{top:1px;left:2px}.mixer-icon span:nth-child(2){top:6px;left:7px}.mixer-icon span:nth-child(3){top:11px;left:4px}.play-btn{color:#e8a84099;cursor:pointer;letter-spacing:-2px;background:0 0;border:1px solid #e8a84047;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:16px;transition:background .2s,border-color .2s;display:flex;box-shadow:0 0 34px #e8a84017}.play-btn.playing{background:#e8a84014;border-color:#e8a84066}.drawer{-webkit-backdrop-filter:blur(20px);z-index:10;background:#08080af0;border-radius:20px;padding:20px;animation:.22s ease-out drawer-in;position:absolute;bottom:96px;left:20px;right:20px}.drawer-close{color:#c8aa7859;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;position:absolute;top:14px;right:16px}@keyframes drawer-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.preset-label{letter-spacing:3px;text-transform:uppercase;color:#c8aa784d;margin-bottom:12px;font:400 10px Cormorant Garamond,serif}.preset-list{flex-direction:column;gap:8px;max-height:180px;display:flex;overflow-y:auto}.preset-row{align-items:center;gap:8px;display:flex}.preset-chip{text-align:left;letter-spacing:1.5px;text-transform:uppercase;color:#c8aa7866;cursor:pointer;background:0 0;border:1px solid #c8963c24;border-radius:14px;flex:1;padding:10px 14px;font:300 11px Karla,sans-serif;transition:border-color .2s,color .2s}.preset-chip.active{color:#e8a840b3;border-color:#e8a84059}.preset-delete{color:#c8645073;cursor:pointer;background:0 0;border:1px solid #c864502e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;display:flex}.preset-add-btn{color:#c8aa7859;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px dashed #c8963c24;border-radius:14px;width:100%;margin-top:12px;padding:10px;font:300 11px Karla,sans-serif}.preset-save-row{align-items:center;gap:8px;margin-top:12px;display:flex}.preset-save-input{color:#e8dcbedb;background:0 0;border:none;border-bottom:1px solid #c8963c24;outline:none;flex:1;padding:6px 0;font:300 12px Karla,sans-serif}.preset-save-input::placeholder{color:#c8aa7840}.preset-confirm-btn{color:#e8a840b3;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #e8a84059;border-radius:12px;padding:6px 14px;font:300 9px Karla,sans-serif}.preset-cancel-save{color:#c8aa7859;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px}.drawer.timer-drawer{padding:24px}.timer-row{justify-content:center;align-items:center;gap:18px;margin-bottom:18px;display:flex}.timer-adjust{color:#e8dcbedb;cursor:pointer;background:#c8963c08;border:1px solid #c8963c24;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.timer-value-group{justify-content:center;align-items:baseline;gap:6px;min-width:60px;display:flex}.timer-value{color:#e8a84080;font:300 48px Cormorant Garamond,serif}.timer-unit{letter-spacing:2px;text-transform:uppercase;color:#c8aa784d;font:400 10px Cormorant Garamond,serif}.timer-start{color:#e8a840b3;letter-spacing:3px;text-transform:uppercase;cursor:pointer;text-align:center;background:#e8a8400f;border:1px solid #e8a84059;border-radius:12px;width:100%;padding:10px;font:300 10px Karla,sans-serif;display:block}.timer-cancel{color:#c8645073;letter-spacing:2px;text-transform:uppercase;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:10px;padding:8px;font:300 10px Karla,sans-serif;display:block}.immersive{background:radial-gradient(at 50% 48%,#e8a84017 0%,#c8963c05 30%,#0000 62%);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:30px;padding:40px 30px;display:flex}.immersive-board{letter-spacing:5px;text-transform:uppercase;color:#e8a84066;font:300 11px Cormorant Garamond,serif}.immersive-circles{animation:11s ease-in-out infinite breathe}.immersive-ring-outer{border:1px solid #e8a8401a;border-radius:50%;justify-content:center;align-items:center;width:190px;height:190px;display:flex}.immersive-ring-inner{border:1px solid #e8a84024;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;display:flex}.immersive-core{background:radial-gradient(circle,#e8a84059 0%,#e8a84014 70%,#0000 100%);border-radius:50%;width:52px;height:52px}.immersive-tracks{color:#c8aa7866;text-align:center;max-width:250px;font:300 14px/1.85 Karla,sans-serif}.immersive-timer{color:#c8aa7847;letter-spacing:1px;font:300 11px Karla,sans-serif}.immersive-return{letter-spacing:2.5px;text-transform:uppercase;color:#c8aa7859;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #c8963c24;padding-bottom:4px;font:400 10px Cormorant Garamond,serif}@keyframes breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.09)}}.detail{flex-direction:column;flex:1;padding:48px 26px 30px;display:flex;overflow-y:auto}.detail-back{letter-spacing:2.5px;text-transform:uppercase;color:#c8aa7859;cursor:pointer;align-self:flex-start;margin-bottom:28px;font:400 11px Cormorant Garamond,serif}.detail-hero{text-align:center;background:repeating-linear-gradient(135deg,#c8963c0a,#c8963c0a 4px,#0000 4px 8px);border:1px solid #c8963c1a;border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;margin:0 auto 24px;display:flex;box-shadow:0 0 40px #e8a8400d}.detail-hero-label{color:#c8aa782e;font:300 9px/1.4 Karla,sans-serif}.detail-category{letter-spacing:3px;text-transform:uppercase;color:#e8a8406b;margin-bottom:6px;font:400 10px Cormorant Garamond,serif}.detail-name{color:#e8dcbedb;margin-bottom:12px;font:300 30px Cormorant Garamond,serif}.detail-desc{color:#c8aa7866;font:300 14px/1.7 Karla,sans-serif}.detail-info-row{border-top:1px solid #c8963c14;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.detail-info-label{letter-spacing:2px;text-transform:uppercase;color:#c8aa784d;font:400 10px Cormorant Garamond,serif}.detail-info-value{color:#c8aa7866;font:300 12px Karla,sans-serif}.detail-info-link{color:#c8aa7880;text-underline-offset:2px;font:300 12px Karla,sans-serif;text-decoration:underline}.detail-cta{color:#e8a84099;letter-spacing:2.5px;text-transform:uppercase;text-align:center;cursor:pointer;background:#e8a8400f;border:1px solid #e8a84038;border-radius:30px;width:100%;margin-top:28px;padding:14px;font:300 10.5px Karla,sans-serif;display:block}.settings{flex-direction:column;flex:1;padding:48px 26px 30px;display:flex;overflow-y:auto}.settings-back{letter-spacing:2.5px;text-transform:uppercase;color:#c8aa7859;cursor:pointer;align-self:flex-start;margin-bottom:24px;font:400 11px Cormorant Garamond,serif}.settings-title{color:#e8dcbedb;margin-bottom:30px;font:300 28px Cormorant Garamond,serif}.settings-section-label{letter-spacing:3px;text-transform:uppercase;color:#c8aa784d;margin-bottom:16px;font:400 10px Cormorant Garamond,serif}.settings-fields{flex-direction:column;gap:16px;display:flex}.settings-field{flex-direction:column;gap:6px;display:flex}.settings-field-label{letter-spacing:2px;text-transform:uppercase;color:#c8aa7847;font:300 9px Karla,sans-serif}.settings-input{color:#e8dcbedb;background:0 0;border:none;border-bottom:1px solid #c8963c24;outline:none;padding:8px 0;font:300 13px Karla,sans-serif}.settings-input::placeholder{color:#c8aa7838}.settings-save-btn{color:#e8a84099;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;background:#e8a8400f;border:1px solid #e8a84038;border-radius:30px;align-self:flex-start;margin-top:4px;padding:8px 20px;font:300 9px Karla,sans-serif}.settings-saved{color:#c8aa7866;font:300 11px Karla,sans-serif}.settings-card{border:1px solid #c8963c1a;border-radius:18px;padding:18px}.settings-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.settings-price{color:#e8dcbedb;font:400 22px Cormorant Garamond,serif}.settings-price-unit{color:#c8aa7866;font:300 12px Karla,sans-serif}.settings-status{letter-spacing:2px;text-transform:uppercase;color:#e8a840b3;font:300 9px Karla,sans-serif}.settings-card-row{color:#c8aa7859;border-top:1px solid #c8963c0f;justify-content:space-between;padding:8px 0;font:300 11.5px Karla,sans-serif;display:flex}.settings-card-link{text-align:left;color:#c8aa7866;cursor:pointer;background:0 0;border:none;border-top:1px solid #c8963c0f;width:100%;padding:10px 0;font:300 11px Karla,sans-serif;display:block}.settings-plan-btn{letter-spacing:2px;text-transform:uppercase;text-align:center;cursor:pointer;border-radius:12px;width:100%;margin-top:12px;padding:10px;font:300 9px Karla,sans-serif;display:block}.settings-plan-btn.danger{color:#c8645073;background:0 0;border:1px solid #c864502e}.settings-plan-btn.amber{color:#e8a840b3;background:#e8a8400f;border:1px solid #e8a84059}