@keyframes track-list-row-refresh-pulse{0%,to{background-color:var(--white-5)}50%{background-color:var(--white-10)}}.track-list__overlay{min-height:calc(100% - 140px);padding-bottom:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;flex-wrap:initial}.track-list__empty{height:84vh}.track-list__empty p span{color:var(--white-40)}.track-list__top-fade{mask:linear-gradient(to bottom,transparent 0%,var(--black) 16px,var(--black) calc(100% - 16px),transparent 100%);-webkit-mask:linear-gradient(to bottom,transparent 0%,var(--black) 16px,var(--black) calc(100% - 16px),transparent 100%)}.track-list__virtuoso{height:calc(100% - 140px)!important;padding-bottom:24px;-ms-overflow-style:none;scrollbar-width:none}.track-list__virtuoso::-webkit-scrollbar{display:none}.track-list__footer{box-sizing:border-box;padding-bottom:16px;min-height:72px}@media(min-width:560px){.track-list__footer{min-height:168px}}.track-list__footer-loader{display:flex;justify-content:center;padding:24px 0}.track-list__suggested-list{width:100%;max-width:100%}.track-list__undo-toast{position:fixed;left:50%;bottom:24px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(520px,100vw - 2 * 16px);padding:16px;border-radius:20px;background:linear-gradient(135deg,#101721f2,#1e293aeb),#0c121ae6;box-shadow:0 22px 48px #00000080,inset 0 0 0 1px #fafafa1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.track-list__undo-copy{min-width:0}.track-list__undo-copy strong,.track-list__undo-copy span{display:block;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-list__undo-copy strong{color:var(--white-90);font-size:12px;font-weight:700;letter-spacing:-.02em}.track-list__undo-copy span{margin-top:4px;color:var(--white-60);font-size:10px}.track-list__undo-button{flex:0 0 auto;border:0;border-radius:48px;padding:8px 16px;background:var(--white-15);color:var(--white-90);font-size:12px;font-weight:700;letter-spacing:-.02em;cursor:pointer;transition:transform .2s ease,background-color .2s ease,opacity .2s ease}.track-list__undo-button:hover:not(:disabled){transform:translateY(-1px);background:var(--white-20)}.track-list__undo-button:focus-visible{outline:2px solid var(--white-30);outline-offset:2px}.track-list__undo-button:disabled{cursor:not-allowed;opacity:.6}.track-list-row-wrap{--track-list-artwork-size: 44px;--track-list-row-height: 60px;--track-list-pill-height: 24px;--track-list-pill-width: 108px;--track-list-skeleton-pill-height: 24px;--track-list-skeleton-pill-width: 132px;--track-list-skeleton-title-width: min(420px, 76%);--track-list-skeleton-artist-width: min(300px, 58%);--track-list-skeleton-title-height: 16px;--track-list-skeleton-artist-height: 10px;display:grid;grid-template-columns:20px var(--track-list-artwork-size) minmax(0,1fr) 24px 24px;grid-template-rows:var(--track-list-row-height) auto;box-sizing:border-box;column-gap:12px;row-gap:4px;align-items:start;width:100%;padding-bottom:4px}.track-list-row-wrap--dragging{z-index:2}.track-list-row{--track-list-artwork-size: 44px;--track-list-row-height: 60px;--track-list-pill-height: 24px;--track-list-pill-width: 108px;--track-list-skeleton-pill-height: 24px;--track-list-skeleton-pill-width: 132px;--track-list-skeleton-title-width: min(420px, 76%);--track-list-skeleton-artist-width: min(300px, 58%);--track-list-skeleton-title-height: 16px;--track-list-skeleton-artist-height: 10px;display:grid;grid-template-columns:20px var(--track-list-artwork-size) minmax(0,1fr) 24px 24px 24px;grid-template-rows:minmax(0,1fr);box-sizing:border-box;column-gap:12px;align-items:center;width:100%;min-height:var(--track-list-row-height);border-radius:16px;padding:4px 16px;transition:background-color .2s ease;grid-column:1/-1;grid-row:1;position:relative;isolation:isolate;user-select:none;-webkit-user-select:none;touch-action:manipulation;-webkit-touch-callout:none}.track-list-row--loading,.track-list-row--error{align-items:center}.track-list-row--interactive{cursor:pointer}.track-list-row--interactive:hover{background-color:var(--white-5)}.track-list-row--interactive:focus-visible{outline:2px solid var(--white-40);outline-offset:4px;border-radius:12px}.track-list-row--disabled{cursor:not-allowed}.track-list-row--current{background-color:var(--white-5)}.track-list-row--current .track-list-row__title{color:var(--white)}.track-list-row--current .track-list-row__artist{color:var(--white-60, rgba(255, 255, 255, .6))}.track-list-row--current .track-list-artwork{box-shadow:#ffffff73 0 0 0 2.5px,#ffffff1f 0 0 14px;transition:width .2s,height .2s,margin-left .2s,box-shadow .2s}.track-list-row--current .track-list-artwork__active-stems{opacity:1}.track-list-row--current:hover{background-color:var(--white-8, rgba(255, 255, 255, .08))}.track-list-row--transitioning{position:relative;overflow:hidden}.track-list-row--transitioning .track-list-row__title,.track-list-row--transitioning .track-list-row__artist{opacity:.5}.track-list-row--transitioning:before,.track-list-row--transitioning:after{content:"";position:absolute;width:80px;height:80px;pointer-events:none;filter:blur(10px);animation:track-list-row-glow-pulse 2s ease-in-out infinite}.track-list-row--transitioning:before{bottom:-8px;left:-8px;background:radial-gradient(circle at bottom left,rgba(255,255,255,.4) 0%,transparent 65%)}.track-list-row--transitioning:after{top:-8px;right:-8px;background:radial-gradient(circle at top right,rgba(255,255,255,.3) 0%,transparent 65%);animation-delay:.8s}.track-list-row__transition-indicator{grid-column:3;grid-row:1;justify-self:end;align-self:center;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:999px;background:#0000008c;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);white-space:nowrap;pointer-events:none;font-family:STEM,Inter,sans-serif;animation:track-list-row-transition-indicator-in .28s cubic-bezier(.2,.8,.2,1) both}.track-list-row__transition-indicator svg{flex-shrink:0;animation:track-list-row-icon-sparkle 1.6s ease-in-out infinite}.track-list-row__transition-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;gap:1px}.track-list-row__transition-label{color:#fff9;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.track-list-row__transition-hint{color:var(--white, #ffffff);font-size:11px;font-weight:600;letter-spacing:0;background:linear-gradient(90deg,#fff,#ffffff8c,#fff);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:track-list-row-text-shimmer 2s ease-in-out infinite}@media(max-width:480px){.track-list-row__transition-hint{display:none}}@keyframes track-list-row-transition-indicator-in{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.track-list-row--dragging{background-color:var(--white-20);box-shadow:0 10px 24px #00000026}.track-list-row--refreshing{animation:track-list-row-refresh-pulse 1.15s ease-in-out infinite}.track-list-row--error{border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.track-list-row__handle{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(2,12px);justify-content:center;border:0;padding:0;background:transparent;appearance:none;cursor:grab;touch-action:none;-webkit-touch-callout:none}.track-list-row__handle--dragging{cursor:grabbing}.track-list-row__copy{grid-column:3;grid-row:1;min-width:0;align-self:center}.track-list-row__title{color:var(--white-80);font-weight:500;letter-spacing:.01em;line-height:1.25}.track-list-row__artist{margin-top:4px;color:var(--white-50, rgba(255, 255, 255, .5));font-weight:400;letter-spacing:.01em;line-height:1.25}.track-list-row__pill{grid-column:3;grid-row:2}.track-list-row__pill-button{grid-column:3;grid-row:2;justify-self:start;align-self:start;margin-left:20px;border:0;padding:0;background:transparent;text-align:left;cursor:pointer;border-radius:48px;transition:opacity .2s ease}.track-list-row__pill-button:hover:not(:disabled){opacity:.7}.track-list-row__pill-button:focus{outline:none;box-shadow:none}.track-list-row__pill-button:focus-visible{outline:2px solid var(--white-40);outline-offset:3px}.track-list-row__pill-button:disabled{cursor:not-allowed;opacity:.5}.track-list-row__like-button{grid-column:5;grid-row:1;align-self:center}.track-list-row__stem1{grid-column:4;grid-row:1;align-self:center;justify-self:center}.track-list-row__menu{grid-column:6;grid-row:1;align-self:center;justify-self:end}.track-list-row__menu .radix-button{padding:0;color:var(--white-90)}.track-list-row__artwork-skeleton,.track-list-row__menu-skeleton,.track-list-row__pill-skeleton,.track-list-row__text-skeleton span{background:var(--white-10)}.track-list-row__artwork-skeleton{grid-column:2;grid-row:1;align-self:center;width:var(--track-list-artwork-size);height:var(--track-list-artwork-size);border-radius:999px}.track-list-row__text-skeleton{grid-column:3;grid-row:1;display:flex;flex-direction:column;gap:8px;padding-top:4px}.track-list-row__text-skeleton span{display:block;height:var(--track-list-skeleton-title-height);border-radius:999px}.track-list-row__text-skeleton span:first-child{width:var(--track-list-skeleton-title-width)}.track-list-row__text-skeleton span:last-child{width:var(--track-list-skeleton-artist-width);height:var(--track-list-skeleton-artist-height)}.track-list-row__menu-skeleton{grid-column:4;grid-row:1;width:18px;height:18px;border-radius:999px;justify-self:end}.track-list-row__pill-skeleton{grid-column:3;grid-row:2;width:var(--track-list-skeleton-pill-width);height:var(--track-list-skeleton-pill-height);margin-top:4px;border-radius:48px}.track-list-row__error-copy{grid-column:3/span 2;grid-row:1;display:flex;flex-direction:column;gap:4px;color:var(--white-90)}.track-list-row__error-copy strong,.track-list-row__error-copy span{font:inherit}.track-list-row__error-copy span{color:var(--white-60)}@keyframes track-list-row-text-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes track-list-row-icon-sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@keyframes track-list-row-glow-pulse{0%,to{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.track-list-row--refreshing,.track-list-row--transitioning{animation:none}.track-list-row--refreshing:before,.track-list-row--refreshing:after,.track-list-row--transitioning:before,.track-list-row--transitioning:after{animation:none}.track-list-row__transition-label,.track-list-row__transition-indicator svg{animation:none}}.track-list-artwork{align-self:center;width:var(--track-list-artwork-size);height:var(--track-list-artwork-size);border-radius:48px;object-fit:cover;background:var(--white-10);-webkit-user-drag:none}.track-list-artwork__active-stems{opacity:0;background-color:var(--black-60);border-radius:50%;width:var(--track-list-artwork-size);height:var(--track-list-artwork-size);position:absolute}.track-list-artwork__container{position:relative;grid-column:2;grid-row:1}.track-list-mix-pill{min-height:var(--track-list-pill-height);display:inline-flex;align-items:center;gap:12px;padding:4px 12px 4px 8px;border-radius:48px;background:var(--white-5)!important;outline:none!important}.track-list-mix-pill__label{color:var(--white-90);font-size:10px;font-weight:700;letter-spacing:-.02em}.add-new-track{height:88px;border:2px dashed var(--white-30);border-radius:16px;padding:20px;cursor:pointer;transition:border-color .5s ease}.add-new-track:hover{border-color:var(--white-90)}.add-new-track:hover .add-new-track__heading{color:var(--white-90)}.add-new-track:hover .add-new-track__subheading{color:var(--white-60)}.add-new-track__heading{color:var(--white-80);transition:color .3s ease}.add-new-track__subheading{color:var(--white-30);transition:color .3s ease}.sort-mix-list__title{padding:8px 16px}.sort-mix-list__title p{letter-spacing:.05em}.sort-mix-list__button{height:64px;gap:12px;padding:12px 16px!important;border-radius:16px}.sort-mix-list__button .icon-card{gap:12px}.sort-mix-list__button .icon-card__title{gap:4px}.sort-mix-list__button .icon-card__title--subheading{font-size:11px!important}.sort-mix-list__button:disabled{opacity:1}.sort-mix-list__button--ai-active .icon-card__title--heading{color:var(--yellow)}.sort-mix-list__button--ai-active .sort-mix-list__active{background-color:var(--yellow)}.sort-mix-list__active{min-width:6px;min-height:6px;width:6px;height:6px;border-radius:50%!important;background-color:var(--white-80)}.current-station-title{cursor:initial!important;padding-left:0!important}.current-station-title:hover{background-color:unset!important}.current-station-title .icon-card{flex-direction:row-reverse}.current-station-title .icon-card__title--heading{font-size:24px!important}@media(min-width:560px){.current-station-title .icon-card__title--heading{font-size:28px!important}}.current-station-heading{width:100%;padding:0;min-width:0;display:flex;flex-direction:row;justify-content:start;align-items:start;gap:12px;flex-wrap:initial}@media(min-width:560px){.current-station-heading{padding:0 8px}}@media(min-width:1020px){.current-station-heading{gap:24px}}.current-station-heading__new-session-icon{height:72px;width:72px;border-radius:24px;background:linear-gradient(135deg,#ffffff14,#ffffff0a)}.current-station-heading__top-row{min-width:0;max-width:100%;width:100%}.current-station-heading__top-row .radix-button--square-32{border-radius:48px}.current-station-heading__top-row--edit-active .edit-station-heading input{border-bottom:2px solid var(--white);border-radius:0;font-size:20px;line-height:24px;padding-left:0;font-weight:700}.current-station-heading__heading,.current-station-heading__heading-container{flex:1;min-width:0}.current-station-heading__heading{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:8px;flex-wrap:initial}.current-station-heading__heading .marquee{max-width:80%;width:fit-content;padding-right:8px;margin:0;font-weight:700;font-size:16px;line-height:24px}@media(min-width:560px){.current-station-heading__heading .marquee{max-width:calc(50% - 60px);font-size:20px;line-height:28px}}@media(min-width:1020px){.current-station-heading__heading .marquee{font-size:28px;line-height:42px}}.current-station-heading__subheading{display:flex;flex-direction:row;justify-content:start;align-items:start;gap:16px;flex-wrap:initial}.current-station-heading__subheading--likes{color:var(--red-8);margin-top:-4px}.mode-toggle{width:fit-content}.mode-toggle .radix-button--pill-44{min-width:0;padding:0 16px;border-radius:24px;background-color:var(--white-5);gap:8px}@media(hover:hover)and (pointer:fine){.mode-toggle .radix-button--pill-44:hover{background-color:var(--white-10)!important}}.mode-toggle__dropdown{min-width:0;padding:8px;gap:12px;width:300px;background:rgba(var(--app-panel-rgb),.95);background-clip:padding-box;isolation:isolate;border-radius:20px}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.mode-toggle__dropdown{background:rgba(var(--app-panel-rgb),.3)}}html.apple-silicon .mode-toggle__dropdown{-webkit-backdrop-filter:blur(16px) saturate(100%);backdrop-filter:blur(16px) saturate(100%);background:rgba(var(--app-panel-rgb),.3);background-color:rgba(var(--app-panel-rgb),.3);background-clip:padding-box;isolation:isolate;border-radius:20px}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){html.apple-silicon .mode-toggle__dropdown{background:rgba(var(--app-panel-rgb),.3)}}.mode-toggle__dropdown .simple-slide-toggle{background-color:transparent;border-radius:16px}.mode-toggle__dropdown .simple-slide-toggle .simple-slide-toggle__options>*:hover:not(.active),.mode-toggle__dropdown .simple-slide-toggle .simple-slider{border-radius:12px}.mode-toggle__slider{background-color:transparent;padding:0;overflow:visible}.mode-toggle__slider .slide-toggle__options{height:36px}.mode-toggle__slider .slide-toggle__button{border-radius:12px}.mode-toggle__slider .slide-toggle__button:hover{background-color:transparent}.mode-toggle__slider .slide-toggle__slider{top:0;left:0;height:36px;border-radius:20px;background-color:var(--white-10);box-shadow:#0000004d 0 1px 3px,#ffffff1a 0 1px inset}:export{xxs:375px;xs:480px;s:560px;m:768px;l:1020px;xl:1240px;xxl:1400px}.homepage{container-type:inline-size;container-name:homepage;padding:0 8px;height:calc(100vh - 44px)!important;height:calc(100dvh - 44px)!important;width:100%;position:relative}@media(min-width:375px){.homepage{height:calc(100vh - 64px)!important;height:calc(100dvh - 64px)!important}}.homepage__loading-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;flex-wrap:initial;background:var(--black-20);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.homepage__loading-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;flex-wrap:initial;position:relative}.homepage__loading-content .app-pre-loader-logo{position:relative;top:auto;left:auto;transform:none}.homepage__generating-text{margin:0;text-align:center;color:var(--white)}.homepage__mode-slider{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;flex-wrap:initial;height:60px}@container homepage (max-width: 960px){.homepage .filter-station-mix-list-home--filter-active+.mode-toggle{display:none}}@media(max-width:1020px){.homepage .filter-station-mix-list-home--filter-active+.mode-toggle{display:none}}@media(min-width:1020px){.homepage--station-list-visible .search-splash-screen,.homepage--station-list-visible .selected-mix-pot__generation-button{width:calc(100% - 318px);right:0;left:unset}}