}
	  .popup-box {
		  background: #0e1a22;
		  padding: 25px;
		  border-radius: 0;
		  border: 1px solid #163042;
		  width: 90%;
		  max-width: 500px;
		  text-align: left;
		  -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.5);
		  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
	  }
	  .popup-box h4 {
		  font-size: 24px;
		  margin-top: 0;
		  margin-bottom: 20px;
		  color: #fff;
		  text-align: center;
	  }
	  .popup-box p {
		  font-size: 16px;
		  color: #ccc;
		  line-height: 1.5;
		  margin-bottom: 25px;
		  text-align: center;
	  }
	  .popup-actions {
		  display: -webkit-flex;
		  display: flex;
		  -webkit-justify-content: center;
		  justify-content: center;
	  }
	  .popup-actions > button + button { margin-left: 15px; }

	  .popup-actions button {
		  padding: 10px 25px;
		  border: none;
		  border-radius: 0;
		  font-size: 16px;
		  font-weight: bold;
		  cursor: pointer;
		  outline: none;
		  background: #1f2b33;
		  color: #eee;
	  }
	  .popup-actions button.focus {
		  background: #14f195;
		  color: #000;
		  -webkit-transform: scale(1.05);
		  transform: scale(1.05);
	  }
	  .rd-info {
		  margin-bottom: 15px;
		  padding: 10px;
		  border-radius: 0;
		  background: #04101a;
	  }
	  .rd-info.code {
		  font-size: 32px;
		  font-weight: bold;
		  color: #f1e05a;
		  letter-spacing: 4px;
	  }
	  
	  #player-container{position:fixed;top:0;left:0;width:100%;height:100%;display:none;background:transparent;z-index:999}
	  #player-container video { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; background: transparent; }
	  #player-overlay {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, transparent 25%, transparent 75%, rgba(0,0,0,0.8) 100%);
		  opacity: 1;
		  -webkit-transition: opacity 0.3s ease-in-out;
		  transition: opacity 0.3s ease-in-out;
		  display: -webkit-flex;
		  display: flex;
		  -webkit-flex-direction: column;
		  flex-direction: column;
		  -webkit-justify-content: space-between;
		  justify-content: space-between;
		  color: #fff;
	  }
	  #player-overlay.hidden {
		  opacity: 0;
		  cursor: none;
		  pointer-events: none;
	  }
	  .player-top-bar { padding: 20px; }
	  .player-bottom-bar { padding: 20px 40px; }
	  .player-timeline-wrapper {
		  display: -webkit-flex;
		  display: flex;
		  -webkit-align-items: center;
		  align-items: center;
		  margin-bottom: 10px;
	  }
	  .player-timeline-wrapper > * + * { margin-left: 15px; }

	  .player-time-display {
		  font-size: 16px;
		  color: #ccc;
		  -webkit-flex-shrink: 0;
		  flex-shrink: 0;
	  }
	  .player-timeline-container {
		  width: 100%;
		  height: 5px;
		  background: rgba(255,255,255,0.3);
		  position: relative;
		  cursor: pointer;
		  -webkit-transition: height 0.2s ease;
		  transition: height 0.2s ease;
		  -webkit-flex-grow: 1;
		  flex-grow: 1;
		  margin: 0 20px;
	  }
	   .player-timeline-container.focus {
		  -webkit-transform: none !important;
		  transform: none !important;
		  height: 8px;
		  outline: none !important;
		  -webkit-box-shadow: none !important;
		  box-shadow: none !important;
	  }
	  .player-timeline-progress {
		  width: 0%;
		  height: 100%;
		  background: #14f195;
		  position: relative;
		  pointer-events: none;
	  }
	  .player-timeline-container.seeking .player-timeline-progress {
		  background: #fff;
	  }

	  #player-seek-thumb {
		  position: absolute;
		  top: 50%;
		  left: 0%;
		  width: 15px;
		  height: 15px;
		  background: #14f195;
		  border-radius: 50%;
		  -webkit-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%);
		  display: none;
		  pointer-events: none;
	  }

	  .player-timeline-container.seeking #player-seek-thumb {
		  display: block;
		  background: #fff;
	  }

	  .player-controls {
		  display: -webkit-flex;
		  display: flex;
		  -webkit-align-items: center;
		  align-items: center;
		  width: 100%;
	  }
	  .player-controls-left, .player-controls-right {
		  display: -webkit-flex;
		  display: flex;
		  -webkit-align-items: center;
		  align-items: center;
		  -webkit-flex-shrink: 0;
		  flex-shrink: 0;
	  }
	  .player-controls-center {
		  -webkit-flex-grow: 1;
		  flex-grow: 1;
		  text-align: center;
		  padding: 0 20px;
	  }
	   .player-controls-right {
		  margin-left: auto;
	  }
	  .player-title-bottom {
		  font-size: 22px;
		  font-weight: bold;
		  margin: 0;
		  white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;
	  }

	  .player-btn {
		  width: 60px;
		  height: 60px;
		  border: none;
		  background: transparent;
		  color: #a8a8a8;
		  display: -webkit-flex;
		  display: flex;
		  -webkit-align-items: center;
		  align-items: center;
		  -webkit-justify-content: center;
		  justify-content: center;
		  cursor: pointer;
		  border-radius: 50%;
		  outline: none;
		  margin: 0 5px;
		  -webkit-transition: all 0.2s ease;
		  transition: all 0.2s ease;
	  }
	  .player-btn.back-btn {
		  width: 50px;
		  height: 50px;
		  margin: 0;
	  }
	  .player-btn svg {
		  width: 32px;
		  height: 32px;
		  fill: currentColor;
	  }
	  .player-btn.focus {
		  background: rgba(255, 255, 255, 0.2) !important;
		  color: #fff !important;
		  -webkit-transform: scale(1.1) !important;
		  transform: scale(1.1) !important;
		  outline: none !important;
		  -webkit-box-shadow: none !important;
		  box-shadow: none !important;
	  }
	  
	  #player-subtitle-controls {
		  display: none;
		  -webkit-align-items: center;
		  align-items: center;
	  }
	  #player-btn-audio, #player-btn-internal-subs {
		  display: none;
	  }

		#audio-sub-panel {
			display: none;
			position: absolute;
			bottom: 150px;
			right: 40px;
			background: rgba(20, 20, 20, 0.55);
			color: #fff;
			padding: 20px;
			-webkit-flex-direction: row;
			flex-direction: row;
			font-size: 22px;
			border-radius: 0;
			pointer-events: auto;
			z-index: 10;
			border: none;
			width: max-content;
		}
		#audio-sub-panel > .audio-sub-column + .audio-sub-column { margin-left: 50px; }

		.audio-sub-column { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; }
		#audio-sub-panel h4 {
			color: #aaa;
			margin: 0 0 15px 0;
			font-weight: bold;
			font-size: 24px;
			text-transform: uppercase;
			letter-spacing: 1px;
		}
		#audio-sub-panel ul {
			list-style: none;
			padding: 0;
			margin: 0;
			width: max-content;
			min-width: 280px;
			max-height: 230px;
			overflow-y: auto;
			scrollbar-width: none; 
			-ms-overflow-style: none;
		}
		#audio-sub-panel ul::-webkit-scrollbar { 
			display: none; /* Không vẽ thanh cuộn nữa */
			width: 0; }
	
		#audio-sub-panel li {
			padding: 10px 15px 10px 40px;
			cursor: pointer;
			position: relative;
			color: #ccc;
			outline: none;
			-webkit-transition: color 0.2s ease, background-color 0.2s ease;
			transition: color 0.2s ease, background-color 0.2s ease;
			white-space: nowrap;
			border-bottom: none;
			height: 46px;
			box-sizing: border-box;
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			gap: 0;
		}
		#audio-sub-panel li.focus {
			color: #fff;
			background-color: rgba(255, 255, 255, 0.1);
			outline: none !important;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
			border: none !important;
		}
		#audio-sub-panel li.selected {
			font-weight: bold;
			color: #fff;
		}
		.checkmark {
			position: absolute;
			left: 10px;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			width: 24px;
			height: 24px;
			background-repeat: no-repeat;
			background-position: center;
			background-size: 16px 16px;
			opacity: 0;
		}
		#audio-sub-panel li.selected .checkmark {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
			opacity: 1;
		}

		/* Stream panel: badges bên trái, meta (provider/size/seed) bên phải */
		#audio-sub-panel .stream-badges-and-meta-container {
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			-webkit-justify-content: space-between;
			justify-content: space-between;
			width: 100%;
			gap: 16px;
		}
		#audio-sub-panel .stream-badges-container {
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			-webkit-flex-wrap: nowrap;
			flex-wrap: nowrap;
			gap: 4px;
			-webkit-flex-shrink: 0;
			flex-shrink: 0;
		}
		#audio-sub-panel .stream-meta {
			-webkit-flex-shrink: 0;
			flex-shrink: 0;
			-webkit-margin-start: auto;
			margin-left: auto;
			display: -webkit-flex;
			display: flex;
			-webkit-align-items: center;
			align-items: center;
			gap: 8px;
		}

	  .episode-dim { opacity: 0.75; color: #ccc; }

	.loadmore-tail{
	  display:flex; align-items:center; justify-content:center;
	  width:170px; height:255px; margin-left:10px;
	  background:#1f2b33; color:#eee; border:none; border-radius:0;
	  box-sizing:border-box;
	}
	.loadmore-tail::before{ content:'+'; font-size:64px; line-height:1; }
	.loadmore-tail.focus, .loadmore-tail:focus{
	  -webkit-transform:scale(1); transform:scale(1);
	  outline:none;
	}

	#toggleLogButton {
		position: fixed;
		bottom: 10px;
		right: 10px;
		z-index: 9999;
		padding: 8px 15px;
		background-color: #14f195;
		color: #000;
		border: none;
		border-radius: 5px;
		font-weight: bold;
		cursor: pointer;
		outline: none;
		font-size: 14px;
	}

	/* === BẮT ĐẦU ĐIỀU CHỈNH THEO YÊU CẦU === */

	/* YÊU CẦU 1: Di chuyển cụm nút chức năng lên góc trên bên phải */
	#detail-bottom-bar {
		position: absolute;
		top: 25px;      /* Khoảng cách từ cạnh trên */
		right: 40px;    /* Khoảng cách từ cạnh phải (giữ nguyên lề với nội dung) */
		z-index: 10;
		padding: 0;
		background: none !important; /* Xóa nền gradient */
		width: auto;    /* Co lại theo nội dung */
		justify-content: flex-end; /* Đẩy các nút sang phải */
	}

	/* YÊU CẦU 3 (Cũ): Ẩn logo nhà cung cấp */
	#production-logos {
		display: none !important;
	}
	
	/* YÊU CẦU 2 (MỚI): Bố cục cho backdrop và poster mới ở dưới cùng panel */
	#extra-media-container {
		position: absolute;
		bottom: 20px;       /* Khoảng cách từ cạnh dưới panel */
		left: 0px;         /* Căn lề trái với nội dung bên trên */
		right: 20px;        /* Căn lề phải */
		height: 300px;      /* Chiều cao của hàng mới này, có thể điều chỉnh */
		display: -webkit-flex; /* Bật Flexbox để xếp con theo hàng ngang */
		display: flex;
		z-index: 5;
	}

#streams-clip-wrapper {
    position: absolute;
    top: 150px;        /* 230px teaser + 10px gap */
    left: 20px;
    right: 20px;
    height: 500px;
    overflow: hidden;
    z-index: 4;
}