body { background: #000; color: #fff; font-family: 'Segoe UI', sans-serif; margin: 0; overflow: hidden; }
#tv-engine { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1; pointer-events: none; }
video { position: absolute; width: 100%; height: 100%; object-fit: cover; transition: opacity 2s; background: #000; }
.active-video { opacity: 1; }
.hidden-video { opacity: 0; }
#blur-layer { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 2; background: rgba(0,0,0,0.5); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); display: none; }
#ui-wrapper { position: relative; z-index: 3; transition: opacity 0.5s; height: 100vh; }
header { display: flex; justify-content: space-between; padding: 40px 60px; }
.logo { font-size: 32px; font-weight: bold; }
nav span { margin-left: 30px; font-size: 20px; cursor: pointer; }
#return-btn { color: #00d4ff; border: 1px solid #00d4ff; padding: 5px 15px; border-radius: 20px; display: none; }
main { padding: 0 60px; }
.playlist-row { display: flex; gap: 20px; margin-top: 20px; }
.playlist-card { background: #222; height: 180px; flex: 1; border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-weight: bold; }
.modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: #000; }
.modal-content { margin: 5vh auto; width: 90vw; }
.close-btn { float: right; font-size: 50px; cursor: pointer; color: #777; }
.playlist-grid { display: flex; gap: 60px; margin-top: 40px; }
.playlist-img-placeholder { width: 400px; height: 400px; background: #333; display: flex; align-items: center; justify-content: center; }
#modalTitle { font-size: 80px; margin: 0 0 20px; }
.track-list { list-style: none; padding: 0; font-size: 20px; color: #ccc; }
.btn-action { background: #fff; color: #000; border: none; padding: 15px 40px; font-weight: bold; cursor: pointer; }
#user-logo-overlay { position: absolute; z-index: 10; width: 150px; }
.pos-top-right { top: 40px; right: 40px; }
.pos-top-left { top: 40px; left: 40px; }