.playlist-page{position: relative;background-color: var(--bg-black);background-image: radial-gradient(circle at 50% 0%,rgba(155,77,255,0.22) 0%,transparent 60%),radial-gradient(circle at 15% 35%,rgba(155,77,255,0.12) 0%,transparent 45%),radial-gradient(circle at 85% 65%,rgba(0,240,255,0.08) 0%,transparent 45%),radial-gradient(circle at 50% 90%,rgba(224,36,195,0.07) 0%,transparent 55%),linear-gradient(180deg,#06050a 0%,#0c0818 40%,#06050a 100%);background-attachment: fixed}.playlist-watermark-left{position: fixed;top: 15%;left: -8%;width: 44vw;max-width: 620px;height: 72vh;background-image: url('../images/r-avatar-portrait.webp');background-size: contain;background-repeat: no-repeat;background-position: center left;opacity: 0.04;pointer-events: none;z-index: 0;filter: drop-shadow(0 0 50px rgba(155,77,255,0.6));mix-blend-mode: screen}.playlist-watermark-right{position: fixed;bottom: 8%;right: -8%;width: 44vw;max-width: 620px;height: 72vh;background-image: url('../images/r-avatar-face.webp');background-size: contain;background-repeat: no-repeat;background-position: center right;opacity: 0.045;pointer-events: none;z-index: 0;filter: drop-shadow(0 0 60px rgba(155,77,255,0.5));mix-blend-mode: screen}@media (max-width: 992px){.playlist-watermark-left,.playlist-watermark-right{display: none}}.playlist-header{padding: 44px 0 24px;text-align: center;position: relative;z-index: 1}.playlist-header .breadcrumb{justify-content: center}.playlist-main-title{font-size: clamp(2.2rem,5vw,3.8rem);font-weight: 900;line-height: 1.1;letter-spacing: -0.02em;margin: 12px 0 16px}.playlist-lead{font-size: 1.15rem;color: var(--text-muted);max-width: 820px;margin: 0 auto 28px;line-height: 1.7}.playlist-stage{background: var(--bg-surface);border: 1px solid var(--accent-purple);border-radius: var(--radius-lg);box-shadow: 0 0 65px rgba(155,77,255,0.28),0 25px 60px rgba(0,0,0,0.85);overflow: hidden;margin-bottom: 36px;position: relative;z-index: 1}.playlist-stage-bar{display: flex;justify-content: space-between;align-items: center;padding: 16px 24px;background: rgba(18,14,28,0.96);border-bottom: 1px solid var(--border-subtle);flex-wrap: wrap;gap: 12px}.playlist-stage-status{display: flex;align-items: center;gap: 10px;font-size: 0.9rem;font-weight: 700;color: var(--text-bright)}.playlist-stage-badge{display: inline-flex;align-items: center;gap: 6px;background: rgba(0,240,255,0.12);color: var(--accent-cyan);border: 1px solid rgba(0,240,255,0.35);padding: 4px 12px;border-radius: var(--radius-sm);font-size: 0.78rem;text-transform: uppercase;letter-spacing: 0.06em}.playlist-screen-wrap{position: relative;width: 100%;aspect-ratio: 16 / 9;background: #000}.playlist-screen-wrap iframe{width: 100%;height: 100%;border: none;display: block}.playlist-stage-meta{padding: 24px 28px 28px;background: linear-gradient(180deg,var(--bg-surface) 0%,#0d0a17 100%);display: flex;flex-direction: column;gap: 16px}.stage-title-wrap{display: flex;justify-content: space-between;align-items: baseline;flex-wrap: wrap;gap: 12px}.stage-song-title{font-size: clamp(1.6rem,3.5vw,2.4rem);font-weight: 900;color: var(--text-bright);margin: 0;line-height: 1.15}.stage-song-meta-tags{display: flex;align-items: center;gap: 10px;flex-wrap: wrap}.stage-synopsis{font-size: 1.05rem;color: #dfd7f5;line-height: 1.75;margin: 0;padding: 14px 18px;background: rgba(155,77,255,0.08);border-left: 3px solid var(--accent-purple);border-radius: 0 var(--radius-sm) var(--radius-sm) 0}.playlist-actions-bar{display: flex;flex-wrap: wrap;gap: 12px;align-items: center;padding-top: 6px}.btn-yt-sub{background: linear-gradient(135deg,var(--yt-red) 0%,#cc0000 100%);color: #fff !important;box-shadow: 0 4px 20px rgba(255,0,0,0.45);font-weight: 800}.btn-yt-sub:hover{box-shadow: 0 6px 26px rgba(255,0,0,0.65);transform: translateY(-2px);color: #fff !important}.btn-yt-playlist{background: linear-gradient(135deg,#1b152d 0%,#2b1747 100%);border: 1px solid var(--accent-purple);color: #ffffff !important;box-shadow: 0 4px 20px rgba(155,77,255,0.35)}.btn-yt-playlist:hover{border-color: var(--accent-cyan);box-shadow: 0 6px 26px rgba(0,240,255,0.45);transform: translateY(-2px);color: #ffffff !important}.playlist-sub-banner{background: linear-gradient(135deg,rgba(25,18,42,0.95) 0%,rgba(35,18,55,0.95) 100%);border: 1px solid var(--accent-purple);border-radius: var(--radius-lg);padding: 30px 34px;display: flex;align-items: center;justify-content: space-between;gap: 28px;margin-bottom: 48px;box-shadow: 0 10px 30px rgba(0,0,0,0.6),inset 0 0 30px rgba(155,77,255,0.1);position: relative;z-index: 1}.sub-banner-content{display: flex;flex-direction: column;gap: 10px;max-width: 720px}.sub-banner-title{font-size: 1.55rem;font-weight: 900;color: var(--text-bright);line-height: 1.2}.sub-banner-desc{font-size: 0.98rem;color: var(--text-muted);line-height: 1.65;margin: 0}.sub-banner-actions{display: flex;flex-direction: column;gap: 12px;min-width: 250px}.playlist-section-header{margin-bottom: 24px;position: relative;z-index: 1}.playlist-toolbar{display: flex;justify-content: space-between;align-items: center;gap: 20px;margin-bottom: 30px;flex-wrap: wrap;position: relative;z-index: 1}.playlist-search-wrap{flex: 1;min-width: 280px;position: relative}.playlist-search-input{width: 100%;background: var(--bg-surface);border: 1px solid var(--border-subtle);border-radius: var(--radius-md);padding: 14px 20px;font-size: 1rem;color: var(--text-bright);transition: all var(--transition-fast);outline: none;font-family: inherit;box-sizing: border-box}.playlist-search-input:focus{border-color: var(--accent-cyan);box-shadow: 0 0 20px rgba(0,240,255,0.25)}.playlist-count-badge{font-size: 0.9rem;font-weight: 700;color: var(--text-dim);white-space: nowrap}.playlist-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(340px,1fr));gap: 24px;margin-bottom: 70px;position: relative;z-index: 1}.playlist-card{background: var(--bg-surface);border: 1px solid var(--border-subtle);border-radius: var(--radius-md);overflow: hidden;display: flex;flex-direction: column;transition: all var(--transition-fast);cursor: pointer;outline: none;position: relative;-webkit-tap-highlight-color: transparent}.playlist-card:hover{transform: translateY(-4px);border-color: var(--accent-purple);box-shadow: 0 10px 28px rgba(0,0,0,0.6),0 0 20px rgba(155,77,255,0.25)}.playlist-card:focus-visible{outline: 3px solid var(--accent-cyan);outline-offset: 3px}.playlist-card.active{border-color: var(--accent-cyan);box-shadow: 0 0 28px rgba(0,240,255,0.4),inset 0 0 20px rgba(0,240,255,0.08);background: var(--bg-surface-elevated)}.playlist-card-media{position: relative;width: 100%;aspect-ratio: 16 / 9;background: #000;overflow: hidden}.playlist-card-media img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-med)}.playlist-card:hover .playlist-card-media img{transform: scale(1.04)}.playlist-card-duration{position: absolute;bottom: 10px;right: 10px;background: rgba(0,0,0,0.85);color: #fff;padding: 3px 8px;border-radius: 4px;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.04em;border: 1px solid rgba(255,255,255,0.2)}.playlist-card-play-overlay{position: absolute;inset: 0;background: rgba(10,8,18,0.35);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity var(--transition-fast);pointer-events: none}.playlist-card:hover .playlist-card-play-overlay,.playlist-card.active .playlist-card-play-overlay{opacity: 1}.card-play-btn{width: 52px;height: 52px;border-radius: 50%;background: var(--yt-red);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 1.3rem;box-shadow: 0 0 25px rgba(255,0,0,0.7);transition: transform var(--transition-fast)}.playlist-card:hover .card-play-btn{transform: scale(1.12)}.playlist-card-body{padding: 18px 20px 20px;display: flex;flex-direction: column;flex: 1;gap: 10px}.playlist-card-top{display: flex;justify-content: space-between;align-items: center;gap: 8px}.playlist-card-title{font-size: 1.15rem;font-weight: 800;color: var(--text-bright);margin: 0;line-height: 1.25}.playlist-card-synopsis{font-size: 0.88rem;color: var(--text-muted);line-height: 1.55;margin: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;flex: 1}.playlist-card-footer{display: flex;flex-direction: column;gap: 10px;margin-top: auto;padding-top: 14px;border-top: 1px solid var(--border-subtle);width: 100%}.card-play-trigger{width: 100%;justify-content: center;min-height: 44px;font-weight: 700;display: inline-flex;align-items: center;gap: 8px}.playlist-card-subactions{display: flex;gap: 10px;width: 100%}.playlist-card-subactions .btn{flex: 1 1 50%;width: 50%;justify-content: center;min-height: 42px;display: inline-flex;align-items: center;gap: 6px;font-size: 0.88rem;padding: 8px 12px;box-sizing: border-box}@media (max-width: 992px){.playlist-sub-banner{flex-direction: column;align-items: stretch;padding: 24px 20px}.sub-banner-actions{width: 100%}.sub-banner-actions .btn{width: 100%;justify-content: center}}@media (max-width: 768px){.playlist-header{padding: 30px 0 20px}.playlist-grid{grid-template-columns: 1fr;gap: 20px}.playlist-stage-meta{padding: 20px 16px}.stage-title-wrap{flex-direction: column;align-items: flex-start;gap: 8px}.playlist-actions-bar{flex-direction: column;width: 100%}.playlist-actions-bar .btn{width: 100%;min-height: 48px;justify-content: center}.playlist-toolbar{flex-direction: column;align-items: stretch}.playlist-search-wrap{min-width: 100%}.playlist-search-input{font-size: 16px}.playlist-card-footer{width: 100%}.playlist-card-footer .btn{min-height: 44px}.card-play-trigger{width: 100%}.playlist-card-subactions{width: 100%}.playlist-card-subactions .btn{flex: 1 1 50%;width: 50%;min-height: 44px;padding: 8px 10px}}@media (max-width: 480px){.playlist-stage-bar{padding: 12px 16px}.sub-banner-title{font-size: 1.35rem}}