.shuffle-module__cnBAcW__container{width:100%;max-width:480px;margin:0 auto}.shuffle-module__cnBAcW__toolbar{justify-content:center;margin-top:1rem;margin-bottom:3rem;display:flex}.shuffle-module__cnBAcW__header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.shuffle-module__cnBAcW__header h2{margin:0}.shuffle-module__cnBAcW__column{flex-direction:column;gap:1rem;display:flex}.shuffle-module__cnBAcW__column h2{color:var(--foreground);margin-top:0;margin-bottom:.5rem;font-size:1.5rem}.shuffle-module__cnBAcW__list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.shuffle-module__cnBAcW__listItem{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.shuffle-module__cnBAcW__listItem:hover{box-shadow:0 10px 20px -5px var(--surface-shadow);transform:translateY(-2px)}.shuffle-module__cnBAcW__listItem h4{margin:0 0 .25rem;font-size:1.1rem}.shuffle-module__cnBAcW__link{color:var(--primary);opacity:.8;font-size:.85rem;text-decoration:underline}.shuffle-module__cnBAcW__link:hover{opacity:1}.shuffle-module__cnBAcW__addBtn{background:var(--surface);border:1px solid var(--surface-border);color:var(--primary);cursor:pointer;border-radius:999px;padding:.6rem 1.2rem;font-weight:600;transition:all .2s}.shuffle-module__cnBAcW__addBtn:hover{background:var(--surface-border);transform:translateY(-1px)}.shuffle-module__cnBAcW__removeBtn{background:var(--danger);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.6rem 1.2rem;font-weight:600;transition:all .2s;box-shadow:0 4px 10px #ef444433}.shuffle-module__cnBAcW__removeBtn:hover{transform:translateY(-1px);box-shadow:0 6px 15px #ef44444d}.shuffle-module__cnBAcW__emptyState{color:var(--primary);opacity:.7;padding:1rem 0;font-style:italic}.shuffle-module__cnBAcW__cardWrapper,.shuffle-module__cnBAcW__videoWrapper{position:absolute;inset:0}.shuffle-module__cnBAcW__nowPlayingCard{background:0 0;flex-direction:column;flex:1;width:100%;max-width:480px;min-height:0;margin:0 auto;padding:1.5rem;animation:.25s cubic-bezier(.2,.8,.2,1) forwards shuffle-module__cnBAcW__slideInUp;display:flex}.shuffle-module__cnBAcW__nowPlayingHeader{grid-template-columns:44px minmax(0,1fr) minmax(44px,auto);align-items:center;gap:.5rem;width:100%;margin-bottom:1rem;display:grid}.shuffle-module__cnBAcW__backBtn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem;transition:color .2s,transform .2s;display:flex}@media (hover:hover) and (pointer:fine){.shuffle-module__cnBAcW__backBtn:hover{color:var(--foreground);transform:scale(1.1)}}.shuffle-module__cnBAcW__headerRight{justify-self:end;align-items:center;gap:.25rem;display:flex}.shuffle-module__cnBAcW__iconBtn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem;transition:color .2s,transform .2s;display:flex}@media (hover:hover) and (pointer:fine){.shuffle-module__cnBAcW__iconBtn:hover{color:var(--foreground);transform:scale(1.1)}}.shuffle-module__cnBAcW__headerText{justify-content:center;align-items:baseline;gap:.5rem;min-width:0;display:flex}.shuffle-module__cnBAcW__headerTitle{letter-spacing:.1em;color:var(--foreground);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.75rem;font-weight:700;overflow:hidden}.shuffle-module__cnBAcW__headerCounter{letter-spacing:.04em;color:var(--text-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:.6875rem;font-weight:600}.shuffle-module__cnBAcW__albumArtContainer{aspect-ratio:9/16;background:radial-gradient(90% 70% at 20% 10%, #1db95429 0%, transparent 60%), radial-gradient(80% 60% at 85% 90%, #1db9541a 0%, transparent 55%), var(--media-surface);border-radius:12px;flex:1 1 0;align-self:center;width:auto;max-width:100%;min-height:0;margin-bottom:1rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.shuffle-module__cnBAcW__mediaFallback{background:radial-gradient(80% 60% at 50% 115%,#1db95438 0%,#0000 60%),radial-gradient(70% 50% at 15% -5%,#1db95424 0%,#0000 55%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.shuffle-module__cnBAcW__videoLayer{border-radius:inherit;touch-action:none;position:absolute;inset:0;overflow:hidden}.shuffle-module__cnBAcW__albumArtVideo{object-fit:cover;width:100%;height:100%}.shuffle-module__cnBAcW__trackInfo{justify-content:space-between;align-items:center;min-height:2.9rem;margin-bottom:.75rem;display:flex}.shuffle-module__cnBAcW__trackTitleContainer{flex-direction:column;flex:1;min-width:0;animation:.22s ease-out shuffle-module__cnBAcW__trackInfoIn;display:flex}@keyframes shuffle-module__cnBAcW__trackInfoIn{0%{opacity:0}to{opacity:1}}.shuffle-module__cnBAcW__trackTitle{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:1.25rem;font-weight:700;overflow:hidden}.shuffle-module__cnBAcW__trackArtist{color:var(--text-secondary-strong);margin:0;font-size:.85rem}.shuffle-module__cnBAcW__progressContainer{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.shuffle-module__cnBAcW__countdownRow{justify-content:space-between;align-items:baseline;display:flex}.shuffle-module__cnBAcW__sideLabel{color:var(--primary);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:600}.shuffle-module__cnBAcW__sidesBadge{text-transform:uppercase;letter-spacing:.03em;color:var(--primary);vertical-align:middle;background:#1db95426;border-radius:999px;margin-left:.5rem;padding:.05rem .4rem;font-size:.7rem;font-weight:700;display:inline-block}.shuffle-module__cnBAcW__switchSidesChip{background:var(--primary);width:fit-content;height:fit-content;color:var(--on-primary);pointer-events:none;z-index:5;border-radius:999px;align-items:center;gap:.5rem;margin:auto;padding:.6rem 1rem;font-size:1rem;font-weight:700;display:flex;position:absolute;inset:0;box-shadow:0 8px 24px #0006}.shuffle-module__cnBAcW__playerHint{background:var(--primary);color:var(--on-primary);border-radius:999px;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.5rem .5rem .5rem .85rem;font-size:.85rem;font-weight:600;display:flex;box-shadow:0 4px 12px #0000004d}.shuffle-module__cnBAcW__playerHintDismiss{min-width:44px;min-height:44px;color:var(--on-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:-8px -8px -8px 0;padding:0;display:flex}.shuffle-module__cnBAcW__countdownBig{letter-spacing:-.02em;color:var(--foreground);font-variant-numeric:tabular-nums;font-size:clamp(1.5rem,3.5vh,2rem);font-weight:700;line-height:1}.shuffle-module__cnBAcW__countdownTotal{color:var(--text-secondary-strong);font-variant-numeric:tabular-nums;font-size:.9rem;font-weight:500}.shuffle-module__cnBAcW__progressBarBg{background:#ffffff26;border-radius:8px;width:100%;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0003}.shuffle-module__cnBAcW__progressBarFill{background:var(--foreground);border-radius:8px;height:100%;position:relative}.shuffle-module__cnBAcW__progressBarFill:after{content:"";background:linear-gradient(90deg,#0000,#fffc);border-radius:0 8px 8px 0;width:20px;position:absolute;top:0;bottom:0;right:0;box-shadow:0 0 12px 2px #fff6}.shuffle-module__cnBAcW__progressTime{color:var(--text-secondary-strong);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:.75rem;font-weight:500;display:flex}.shuffle-module__cnBAcW__controlSpacer{flex-shrink:0;width:44px;height:44px}.shuffle-module__cnBAcW__controlsRowSpotify{justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;display:flex}.shuffle-module__cnBAcW__controlBtn{color:var(--foreground);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem;transition:transform .2s;display:flex}@media (hover:hover) and (pointer:fine){.shuffle-module__cnBAcW__controlBtn:hover:not(:disabled){transform:scale(1.1)}}.shuffle-module__cnBAcW__controlBtn:active:not(:disabled){transform:scale(.95)}.shuffle-module__cnBAcW__controlBtn:disabled{opacity:.3;cursor:not-allowed}.shuffle-module__cnBAcW__controlBtnSecondary{color:var(--text-secondary)}.shuffle-module__cnBAcW__controlBtnSecondary:hover:not(:disabled){color:var(--foreground)}.shuffle-module__cnBAcW__playPauseBtn{background:var(--primary);width:54px;height:54px;color:var(--on-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background-color .2s;display:flex}@media (hover:hover) and (pointer:fine){.shuffle-module__cnBAcW__playPauseBtn:hover{background:var(--primary-hover);transform:scale(1.05)}}.shuffle-module__cnBAcW__playPauseBtn:active{transform:scale(.95)}.shuffle-module__cnBAcW__skeletonLoader{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff26 50%,#ffffff0d 75%) 0 0/200% 100%;width:100%;height:100%;animation:1.5s linear infinite shuffle-module__cnBAcW__shimmer;position:absolute;top:0;left:0}@keyframes shuffle-module__cnBAcW__shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shuffle-module__cnBAcW__slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.shuffle-module__cnBAcW__nowPlayingCard{padding:.75rem;padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}.shuffle-module__cnBAcW__albumArtContainer{margin-bottom:.75rem}}