.ControlPanel-module__xfo0wW__notice{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ffda9bf2;pointer-events:none;white-space:nowrap;background:#0e0a1ce0;border:1px solid #ffc35f47;border-radius:20px;padding:9px 20px;font-size:.78rem;position:absolute;top:24px;left:50%}.ControlPanel-module__xfo0wW__sectionLabel{letter-spacing:.22em;text-transform:uppercase;color:#ffc376b3;margin-bottom:9px;font-size:.58rem;font-weight:500}.ControlPanel-module__xfo0wW__presetRow{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.ControlPanel-module__xfo0wW__chip{cursor:pointer;color:#ffd7a2bf;white-space:nowrap;background:#ffc35f0f;border:1px solid #ffc3762e;border-radius:20px;padding:5px 11px;font-size:.68rem;font-weight:500;line-height:1.3;transition:all .22s}.ControlPanel-module__xfo0wW__chip:hover{color:#ffe4b9eb;background:#ffc35f24;border-color:#ffc37661}.ControlPanel-module__xfo0wW__chip:active{transform:scale(.95)}.ControlPanel-module__xfo0wW__chip.ControlPanel-module__xfo0wW__active{color:#ffde94fa;background:#ffb2372e;border-color:#ffb24885;box-shadow:0 0 14px #ffaf3424}.ControlPanel-module__xfo0wW__divider{background:#ffc67a17;height:1px;margin:14px 0}.ControlPanel-module__xfo0wW__sliders{flex-direction:column;gap:13px;display:flex}.ControlPanel-module__xfo0wW__panelRow{z-index:20;flex-direction:row-reverse;align-items:flex-end;gap:10px;max-width:calc(100vw - 52px);display:flex;position:absolute;bottom:26px;left:26px}.ControlPanel-module__xfo0wW__drawerWrapper{align-self:flex-end;max-height:calc(100vh - 80px)}.ControlPanel-module__xfo0wW__panel{-webkit-backdrop-filter:blur(20px)saturate(1.35);backdrop-filter:blur(20px)saturate(1.35);scrollbar-width:none;background:#070512bd;border:1px solid #ffd79b1c;border-radius:22px;width:min(400px,100vw - 52px);max-height:calc(100vh - 80px);padding:20px 22px;overflow-y:auto;box-shadow:0 8px 42px #00000085,inset 0 1px #ffe1b412}.ControlPanel-module__xfo0wW__panel::-webkit-scrollbar{display:none}.ControlPanel-module__xfo0wW__panelTopRow{align-items:center;gap:10px;margin-bottom:2px;display:flex}.ControlPanel-module__xfo0wW__presetsBtn{letter-spacing:.18em;text-transform:uppercase;color:#ffc376b8;cursor:pointer;white-space:nowrap;background:#ffc35c12;border:1px solid #ffc3762e;border-radius:20px;outline:none;align-items:center;gap:6px;padding:5px 11px;font-size:.58rem;font-weight:500;transition:all .2s;display:inline-flex}.ControlPanel-module__xfo0wW__presetsBtn:focus-visible{outline-offset:2px;outline:1.5px solid #ffc3768c}.ControlPanel-module__xfo0wW__presetsBtn:hover{color:#ffe4b9eb;background:#ffc35c24;border-color:#ffc37661}.ControlPanel-module__xfo0wW__presetsBtn:active{transform:scale(.95)}.ControlPanel-module__xfo0wW__presetsBtnOpen{color:#ffde94fa;background:#ffb23726;border-color:#ffb24873;box-shadow:0 0 12px #ffaf341f}@media (max-width:480px){.ControlPanel-module__xfo0wW__panelRow{flex-direction:column-reverse;align-items:stretch;max-width:100%;max-height:calc(100vh - 32px);bottom:16px;left:16px;right:16px;overflow:hidden}.ControlPanel-module__xfo0wW__panel{flex-shrink:1;width:100%;min-height:0;overflow-y:auto}}.ControlPanel-module__xfo0wW__panelRowMobile{flex-direction:column-reverse}.ControlPanel-module__xfo0wW__panelRowMobile .ControlPanel-module__xfo0wW__drawerWrapper{width:100%}
.MoodSlider-module__LPI1kW__sliderRow{flex-direction:column;gap:.75rem;display:flex}.MoodSlider-module__LPI1kW__sliderHead{justify-content:space-between;align-items:baseline;display:flex}.MoodSlider-module__LPI1kW__sliderLabel{letter-spacing:.1em;text-transform:uppercase;color:#ffdaa2cc;font-size:.7rem;font-weight:500}.MoodSlider-module__LPI1kW__sliderEnds{color:#ffc68ea6;letter-spacing:.04em;gap:8px;font-size:.58rem;font-weight:300;display:flex}.MoodSlider-module__LPI1kW__moodSlider{-webkit-appearance:none;background:linear-gradient(to right,#ffb648c7 0%,#ffb648c7 var(--p,50%),#ffffff17 var(--p,50%),#ffffff17 100%);cursor:pointer;border-radius:2px;outline:none;width:100%;height:3px;transition:background 50ms}.MoodSlider-module__LPI1kW__moodSlider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#ffc65cf5;border:2px solid #ffeec0c7;border-radius:50%;width:17px;height:17px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:0 0 12px #ffb23473,0 2px 7px #00000073}.MoodSlider-module__LPI1kW__moodSlider::-webkit-slider-thumb:hover{transform:scale(1.28);box-shadow:0 0 18px #ffb234a6,0 2px 9px #00000073}.MoodSlider-module__LPI1kW__moodSlider::-webkit-slider-thumb:active{transform:scale(1.12)}.MoodSlider-module__LPI1kW__moodSlider::-moz-range-thumb{cursor:pointer;background:#ffc65cf5;border:2px solid #ffeec0c7;border-radius:50%;width:17px;height:17px;box-shadow:0 0 12px #ffb23473}
.NowPlayingBar-module__v4vFxG__panelFooter{flex-direction:column;gap:10px;display:flex}.NowPlayingBar-module__v4vFxG__panelPlayRow{justify-content:space-between;align-items:center;display:flex}.NowPlayingBar-module__v4vFxG__playBtn{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#ffe8c3e0;cursor:pointer;background:#08051494;border:1.5px solid #ffe4b94d;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;transition:all .28s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 22px #00000059}.NowPlayingBar-module__v4vFxG__playBtn:focus-visible{outline:none}.NowPlayingBar-module__v4vFxG__playBtn:hover{border-color:#ffc35f94;transform:scale(1.12);box-shadow:0 4px 28px #ffaf4847}.NowPlayingBar-module__v4vFxG__playBtn:active{transform:scale(.93)}.NowPlayingBar-module__v4vFxG__playBtnOn{border-color:#ffc35f7a;box-shadow:0 0 22px #ffa83752,0 4px 22px #00000059}.NowPlayingBar-module__v4vFxG__soundBadges{flex-flow:row;align-items:center;gap:4px;display:flex;overflow:hidden}.NowPlayingBar-module__v4vFxG__badge{letter-spacing:.06em;color:#ffda9e73;white-space:nowrap;background:#0805146b;border:1px solid #ffe4b91f;border-radius:12px;padding:4px 7px;font-size:.56rem;font-weight:500;transition:all .8s}.NowPlayingBar-module__v4vFxG__badgeActive{color:#ffda9ee6;background:#ffb93a1f;border-color:#ffc35f59;box-shadow:0 0 10px #ffaf3726}.NowPlayingBar-module__v4vFxG__nowPlaying{letter-spacing:.12em;color:#ffd29b;text-align:center;font-size:.72rem;font-style:italic;font-weight:300;transition:color .8s}.NowPlayingBar-module__v4vFxG__nowPlayingIdle{opacity:.7}
.SavePresetBtn-module__-_zAMa__saveSection{flex-direction:column;gap:8px;min-height:38px;display:flex}.SavePresetBtn-module__-_zAMa__bottleBtn{letter-spacing:.08em;color:#ffd48ad1;cursor:pointer;text-align:center;background:#ffaf3717;border:1px solid #ffaf4852;border-radius:24px;outline:none;width:100%;padding:9px 16px;font-family:Jost,sans-serif;font-size:.7rem;font-weight:500;transition:all .2s}.SavePresetBtn-module__-_zAMa__bottleBtn:hover{color:#ffe4a5;background:#ffaf372e;border-color:#ffaf4885}.SavePresetBtn-module__-_zAMa__bottleBtn:active{transform:scale(.97)}.SavePresetBtn-module__-_zAMa__pillWrapper{align-items:center;gap:7px;display:flex}.SavePresetBtn-module__-_zAMa__pillDismiss{color:#ffc37659;cursor:pointer;background:0 0;border:none;outline:none;flex-shrink:0;padding:4px 6px;font-size:.82rem;transition:color .18s ease-in}.SavePresetBtn-module__-_zAMa__pillDismiss:hover{color:#ffc376bf;background:#ffc37640;border-radius:50%}.SavePresetBtn-module__-_zAMa__pill{background:#ffaf3712;border:1px solid #ffaf4861;border-radius:24px;align-items:center;width:100%;padding:0 4px 0 14px;transition:border-color .2s;display:flex}.SavePresetBtn-module__-_zAMa__pill:focus-within{background:#ffaf371c;border-color:#ffc3768c}.SavePresetBtn-module__-_zAMa__pillInput{color:#ffe4bce6;background:0 0;border:none;outline:none;flex:1;padding:9px 0;font-family:Jost,sans-serif;font-size:.73rem}.SavePresetBtn-module__-_zAMa__pillInput::placeholder{color:#ffc37652}.SavePresetBtn-module__-_zAMa__pillSave{color:#ffc37647;letter-spacing:.06em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:20px;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px 10px;font-size:.68rem;font-weight:500;transition:all .2s;display:flex}.SavePresetBtn-module__-_zAMa__pillSaveReady{color:#ffd48ae6;background:#ffaf3726}.SavePresetBtn-module__-_zAMa__pillSaveReady:hover{color:#ffe4a5;background:#ffaf3747}.SavePresetBtn-module__-_zAMa__savedVibes{flex-wrap:wrap;gap:5px;display:flex}.SavePresetBtn-module__-_zAMa__vibeChipWrapper{display:inline-flex;position:relative}.SavePresetBtn-module__-_zAMa__vibeChipWrapper .SavePresetBtn-module__-_zAMa__vibeDelete{display:none}.SavePresetBtn-module__-_zAMa__vibeChipWrapper:hover .SavePresetBtn-module__-_zAMa__vibeDelete{display:flex}.SavePresetBtn-module__-_zAMa__vibeChip{cursor:pointer;color:#c3deffad;background:#9bc3ff0f;border:1px solid #9bc3ff2e;border-radius:16px;padding:4px 10px;font-family:Jost,sans-serif;font-size:.63rem;font-weight:400;transition:all .2s}.SavePresetBtn-module__-_zAMa__vibeChip:hover{color:#d7ebfff2;background:#9bc3ff24;border-color:#9bc3ff61}.SavePresetBtn-module__-_zAMa__vibeChip:active{transform:scale(.94)}.SavePresetBtn-module__-_zAMa__vibeDelete{color:#c3deffb3;cursor:pointer;background:#0e0a1ceb;border:1px solid #9bc3ff40;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:.42rem;line-height:1;transition:all .15s;position:absolute;top:-5px;right:-5px}.SavePresetBtn-module__-_zAMa__vibeDelete:hover{color:#ffb4b4f2;background:#ff646440;border-color:#ff787873}
.PresetDrawer-module__9jgqSW__drawerInner{-webkit-backdrop-filter:blur(20px)saturate(1.35);backdrop-filter:blur(20px)saturate(1.35);background:#070512d1;border:1px solid #ffd79b1c;border-radius:22px;flex-direction:column;gap:0;width:168px;padding:18px 14px;display:flex;overflow:visible}@media (max-width:480px){.PresetDrawer-module__9jgqSW__drawerInner{flex-flow:wrap;gap:8px;width:100%;padding:14px}.PresetDrawer-module__9jgqSW__section{flex:1;min-width:120px}.PresetDrawer-module__9jgqSW__divider{display:none}}.PresetDrawer-module__9jgqSW__section{flex-direction:column;gap:4px;display:flex}.PresetDrawer-module__9jgqSW__section:last-child{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.PresetDrawer-module__9jgqSW__section:last-child::-webkit-scrollbar{display:none}.PresetDrawer-module__9jgqSW__sectionLabel{letter-spacing:.22em;text-transform:uppercase;color:#ffc376b3;flex-shrink:0;margin-bottom:6px;font-size:.58rem;font-weight:500}.PresetDrawer-module__9jgqSW__divider{background:#ffc67a17;flex-shrink:0;height:1px;margin:14px 0}.PresetDrawer-module__9jgqSW__list{flex-direction:column;gap:3px;display:flex;overflow:visible}.PresetDrawer-module__9jgqSW__item{color:#ffd7a2ad;cursor:pointer;text-align:left;white-space:nowrap;background:#ffc35f0a;border:1px solid #ffc3761a;border-radius:10px;align-items:center;gap:7px;width:100%;padding:7px 9px;font-size:.68rem;font-weight:500;transition:all .18s;display:flex}.PresetDrawer-module__9jgqSW__item:hover{color:#ffe4b9f2;background:#ffc35f1f;border-color:#ffc37647}.PresetDrawer-module__9jgqSW__item:active{transform:scale(.97)}.PresetDrawer-module__9jgqSW__item.PresetDrawer-module__9jgqSW__active{color:#ffde94fa;background:#ffb23726;border-color:#ffb24873;box-shadow:0 0 12px #ffaf341f}.PresetDrawer-module__9jgqSW__emoji{flex-shrink:0;font-size:.88rem;line-height:1}.PresetDrawer-module__9jgqSW__name{text-overflow:ellipsis;overflow:hidden}.PresetDrawer-module__9jgqSW__empty{color:#ffc3764d;padding:4px 2px;font-size:.62rem;font-style:italic}.PresetDrawer-module__9jgqSW__itemWrapper{display:flex;position:relative}.PresetDrawer-module__9jgqSW__itemWrapper .PresetDrawer-module__9jgqSW__deleteBtn{display:none}.PresetDrawer-module__9jgqSW__itemWrapper:hover .PresetDrawer-module__9jgqSW__deleteBtn{display:flex}.PresetDrawer-module__9jgqSW__deleteBtn{color:#ffc376b3;cursor:pointer;background:#0e0a1ceb;border:1px solid #ffc37640;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:.42rem;line-height:1;transition:all .15s;position:absolute;top:-5px;right:2px}.PresetDrawer-module__9jgqSW__deleteBtn:hover{color:#ffb4b4f2;background:#ff646440;border-color:#ff787873}