.playlist-page{padding:3rem 1.5rem;position:relative;z-index:1;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.playlist-container-layout{max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.playlist-single-layout{background:#ffffff05;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-lg);padding:2.5rem;box-shadow:0 20px 45px #00000080;margin-top:2rem;width:100%;box-sizing:border-box}@media(max-width:600px){.playlist-single-layout{padding:.5rem;background:transparent;border:none;box-shadow:none;margin-top:1rem}.playlist-page{padding:2rem .75rem}}.playlist-title{font-family:var(--font-heading);font-size:1.5rem;color:#c8a84d;margin-top:0;margin-bottom:2rem;letter-spacing:.15em;text-align:center}.songs-list{display:flex;flex-direction:column;gap:.75rem;width:100%;box-sizing:border-box}.playlist-group-header{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#c8a84d14;border-left:3px solid var(--color-primary);border-radius:4px;margin-top:1.5rem;margin-bottom:.5rem;box-sizing:border-box;width:100%}.playlist-group-header:first-child{margin-top:0}.playlist-group-header.group-locked{background:#ffffff08;border-left-color:#fff3}.group-header-badge{font-size:.7rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;flex-shrink:0}.playlist-group-header.group-locked .group-header-badge{color:#ffffff4d}.group-header-text{font-size:.8rem;font-weight:500;color:#f1f1f1;letter-spacing:.03em}.playlist-group-header.group-locked .group-header-text{color:#fff6}.song-item-row{display:flex;align-items:center;padding:.9rem 1.2rem;border-radius:var(--border-radius-md);background:#ffffff04;border:1px solid rgba(255,255,255,.03);cursor:pointer;transition:all .25s cubic-bezier(.19,1,.22,1);-webkit-user-select:none;user-select:none;box-sizing:border-box;width:100%}.song-item-row:hover:not(.locked){background:#c8a84d0f;border-color:#c8a84d33;transform:translateY(-2px)}.song-item-row.active{background:#c8a84d1f;border-color:#c8a84d59;box-shadow:0 4px 15px #c8a84d14}.song-item-row.locked{opacity:.35;cursor:not-allowed}.song-item-index-col{width:30px;font-size:.88rem;font-weight:700;color:#ffffff59;display:flex;align-items:center;justify-content:center;flex-shrink:0}.song-item-cover-col{width:48px;height:48px;border-radius:var(--border-radius-sm);overflow:hidden;margin:0 1rem;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.song-item-cover-col img{width:100%;height:100%;object-fit:cover;transition:filter .3s ease}.song-item-cover-col img.blur-img{filter:blur(4px) grayscale(100%)}.song-item-info-col{flex-grow:1;text-align:left;min-width:0}.song-item-title{font-size:.95rem;font-weight:600;color:#f1f1f1;word-break:break-all;line-height:1.35}.song-item-row.active .song-item-title{color:var(--color-primary)}.song-item-subtitle{font-size:.8rem;opacity:.65;margin-left:6px;font-weight:300}.song-item-artist{font-size:.78rem;color:#ffffff73;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.song-item-status-col{font-size:.78rem;color:#ffffff59;margin-left:.5rem;flex-shrink:0}.song-item-row:hover:not(.locked) .play-indicator-text{color:var(--color-primary)}.song-item-row.active .play-indicator-text{color:var(--color-primary);font-weight:600}.lock-goal-text{background:#ffffff0a;padding:4px 10px;border-radius:12px;font-size:.7rem;white-space:nowrap;border:1px solid rgba(255,255,255,.05)}.play-btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#c8a84d1a;border:1px solid rgba(200,168,77,.45);color:var(--color-primary);transition:all .2s cubic-bezier(.19,1,.22,1);flex-shrink:0}.song-item-row:hover:not(.locked) .play-btn-icon{background:var(--color-primary);color:#050505;transform:scale(1.08);box-shadow:0 0 10px #c8a84d59}.song-item-row.active .play-btn-icon{background:var(--color-primary);color:#050505;border-color:var(--color-primary)}.player-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;visibility:hidden;opacity:0;transition:opacity .4s cubic-bezier(.19,1,.22,1),visibility .4s;box-sizing:border-box}.player-modal.is-active{visibility:visible;opacity:1}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#050505bf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:1}.modal-content{position:relative;width:90%;max-width:580px;height:100vh;background:#120c08f5;border:1px solid rgba(200,168,77,.25);border-radius:0;z-index:2;display:flex;flex-direction:column;box-shadow:0 30px 60px #000000d9,0 0 40px #c8a84d26;overflow:hidden;transform:scale(.95);transition:transform .4s cubic-bezier(.19,1,.22,1);box-sizing:border-box}.player-modal.is-active .modal-content{transform:scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.modal-header-title{font-size:.8rem;font-weight:700;color:var(--color-primary);letter-spacing:.2rem}.btn-close-modal{background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease}.btn-close-modal:hover{color:#fff;transform:rotate(90deg)}.modal-player-body{flex-grow:1;overflow-y:auto;padding:0 2rem 2rem;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;scrollbar-width:thin}.modal-player-body::-webkit-scrollbar{width:6px}.modal-player-body::-webkit-scrollbar-track{background:transparent}.modal-player-body::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.modal-player-body .player-jacket-area{width:100%;margin-top:2rem;margin-bottom:.8rem;display:flex;justify-content:center}.modal-player-body .jacket-container{width:145px;height:145px;border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 10px 30px #0009;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.modal-player-body .jacket-container img{width:100%;height:100%;object-fit:cover}.modal-player-body .active-song-info{text-align:center;margin-bottom:.5rem;width:100%}.modal-player-body .active-song-info .song-title{font-size:1.25rem;color:#c8a84d;text-align:center;margin-bottom:.3rem}.modal-player-body .active-song-info .song-title small{display:block;font-size:.75rem;opacity:.8;margin-top:4px}.modal-player-body .active-song-info .song-artist{text-align:center;margin-bottom:0}.lyrics-panel-modal{width:100%;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;box-sizing:border-box}.lyrics-panel-modal .lyrics-container h3{margin-bottom:1rem}.lyrics-panel-modal .lyrics-scroll-box{width:100%;padding:0 .5rem;box-sizing:border-box}.lyrics-panel-modal .lyrics-content{padding-top:.5rem;padding-bottom:4rem}.lyrics-panel-modal .lyrics-content p{font-size:.92rem;line-height:2;margin-bottom:1.2rem;color:#ffffffd9}.lyrics-panel-modal .lyrics-content p.lyrics-placeholder{color:#fff6;font-style:italic}@media(max-width:600px){.modal-content{position:absolute;bottom:0;left:0;right:0;width:100%;max-width:100%;height:100%;height:-webkit-fill-available;border-radius:0;transform:translateY(100%);border:none;border-top:1px solid rgba(200,168,77,.3)}.player-modal.is-active .modal-content{transform:translateY(0)}.modal-player-body{padding:0 1.25rem 1.5rem}.modal-player-body .player-jacket-area{margin-top:1.5rem}.modal-player-body .jacket-container{width:120px;height:120px}.song-item-subtitle{display:block;margin-left:0;margin-top:4px;font-size:.75rem}.song-item-row{padding:.8rem .9rem}.song-item-cover-col{margin:0 .6rem}.lyrics-panel-modal .lyrics-scroll-box{max-height:none}}.mini-player{position:fixed;bottom:20px;left:50%;transform:translate(-50%,150%);width:90%;max-width:480px;z-index:990;background:#120e0ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(200,168,77,.35);border-radius:35px;box-shadow:0 10px 30px #0009,inset 0 1px 3px #ffffff1a;padding:8px 16px;display:flex;align-items:center;transition:all .4s cubic-bezier(.19,1,.22,1);opacity:0;pointer-events:none;box-sizing:border-box}.mini-player.active{transform:translate(-50%);opacity:1;pointer-events:auto}.mini-player.is-playing{animation:groove-pulse 2.2s infinite ease-in-out}@keyframes groove-pulse{0%{border-color:#c8a84d59;box-shadow:0 10px 30px #000000a6,0 0 8px #c8a84d26,inset 0 1px 3px #ffffff1a}50%{border-color:#f4af37a6;box-shadow:0 12px 35px #000000b3,0 0 20px #f4af3759,0 0 4px #ffdf0033,inset 0 1px 4px #ffffff26}to{border-color:#c8a84d59;box-shadow:0 10px 30px #000000a6,0 0 8px #c8a84d26,inset 0 1px 3px #ffffff1a}}.mini-player-content{display:flex;align-items:center;width:100%;cursor:pointer}.mini-player-cover-col{width:42px;height:42px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.15);flex-shrink:0;margin-right:12px;animation:rotate-jacket 20s linear infinite;animation-play-state:paused}.mini-player.is-playing .mini-player-cover-col{animation-play-state:running}@keyframes rotate-jacket{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mini-player-cover-col img{width:100%;height:100%;object-fit:cover}.mini-player-info-col{flex-grow:1;min-width:0;text-align:left;padding-right:8px}.mini-player-title{font-size:.82rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player-artist{font-size:.72rem;color:#ffffff80;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player-controls-col{display:flex;align-items:center;gap:8px;flex-shrink:0;pointer-events:auto}.btn-mini-play-pause{background:var(--color-primary);border:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#050505;transition:transform .2s ease,background-color .2s ease;padding:0}.btn-mini-play-pause:hover{transform:scale(1.05);background-color:gold}.btn-mini-play-pause:active{transform:scale(.95)}.btn-mini-next{background:transparent;border:none;color:#ffffff8c;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease}.btn-mini-next:hover{color:var(--color-primary);transform:scale(1.08)}.btn-mini-next:active{transform:scale(.95)}.custom-player{position:sticky;top:0;z-index:10;background:#120c08;padding-top:.8rem;padding-bottom:.8rem;margin-top:.5rem;display:flex;flex-direction:column;width:100%;box-sizing:border-box;border-bottom:1px solid rgba(200,168,77,.15)}.time-container{display:flex;justify-content:space-between;width:100%;margin-bottom:.2rem}.time-display{font-size:.8rem;color:#ffffff8c;font-variant-numeric:tabular-nums;min-width:35px}.progress-container{width:100%;height:14px;background:transparent;cursor:pointer;position:relative;margin-bottom:.5rem;display:flex;align-items:center;box-sizing:border-box}.progress-container:before{content:"";position:absolute;left:0;right:0;height:4px;background:#ffffff14;border-radius:10px;transition:height .2s ease}.progress-bar{height:4px;width:0%;background:linear-gradient(90deg,#c8a84d,#f3e5ab);border-radius:10px;transition:width .1s linear,height .2s ease;position:relative;z-index:1}.progress-container:hover:before{height:6px}.progress-container:hover .progress-bar{height:6px}.player-controls{display:flex;align-items:center;justify-content:center;width:100%;gap:1.2rem;box-sizing:border-box}.btn-play-pause{background:linear-gradient(135deg,#c8a84d,#a6852c);border:none;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);color:#050505;box-shadow:0 6px 18px #c8a84d40;padding:0;outline:none;flex-shrink:0}.btn-play-pause:hover{transform:scale(1.08);box-shadow:0 8px 22px #c8a84d66}.btn-play-pause:active{transform:scale(.96)}.btn-play-pause .play-icon,.btn-play-pause .pause-icon{display:flex;align-items:center;justify-content:center}.btn-play-pause .play-icon svg{margin-left:3px}.btn-control-sub{background:transparent;border:1px solid rgba(255,255,255,.15);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#ffffff8c;padding:0;position:relative;flex-shrink:0}.btn-control-sub:hover{color:var(--color-primary);border-color:var(--color-primary);background:#ffffff0a}.btn-control-sub:active{transform:scale(.95)}.btn-control-sub.is-active{color:gold;border-color:gold;background:#ffd70014;box-shadow:0 0 8px #ffd70033}.control-group{display:flex;flex-direction:column;align-items:center;gap:.3rem}.control-label{font-size:.6rem;color:#ffffff73;font-weight:500;pointer-events:none;letter-spacing:.05em;transition:color .2s ease}.switch{position:relative;display:inline-block;width:36px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff14;transition:.3s;border:1px solid rgba(255,255,255,.08)}.slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:#ffffff8c;transition:.3s}input:checked+.slider{background-color:#c8a84d2e;border-color:#c8a84d73}input:checked+.slider:before{transform:translate(16px);background-color:var(--color-primary)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.audio-equalizer{display:flex;align-items:flex-end;justify-content:center;gap:4px;width:50px;height:18px;margin:0 auto .6rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;flex-shrink:0}.audio-equalizer.is-playing{opacity:1;visibility:visible}.audio-equalizer .bar{width:3px;height:18px;background:linear-gradient(to top,#c8a84d,#f3e5ab);border-radius:1.5px;transform-origin:bottom;transform:scaleY(.2);transition:transform .1s ease}.audio-equalizer.is-playing .bar{animation:eq-pulse 1.2s ease-in-out infinite alternate}.audio-equalizer.is-playing .bar:nth-child(1){animation-delay:.1s;animation-duration:.8s}.audio-equalizer.is-playing .bar:nth-child(2){animation-delay:.3s;animation-duration:1.2s}.audio-equalizer.is-playing .bar:nth-child(3){animation-delay:0s;animation-duration:1s}.audio-equalizer.is-playing .bar:nth-child(4){animation-delay:.5s;animation-duration:1.4s}.audio-equalizer.is-playing .bar:nth-child(5){animation-delay:.2s;animation-duration:.9s}@keyframes eq-pulse{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.playing-bar-animation{display:flex;align-items:flex-end;gap:2.5px;width:12px;height:12px;flex-shrink:0}.playing-bar-animation span{width:2px;height:100%;background:currentColor;border-radius:1px;transform-origin:bottom;transform:scaleY(.2);animation:bar-pulse .8s ease-in-out infinite alternate;animation-play-state:paused}.song-item-row.active.is-playing .playing-bar-animation span{animation-play-state:running}.playing-bar-animation span:nth-child(1){animation-duration:.55s}.playing-bar-animation span:nth-child(2){animation-duration:.85s;animation-delay:.25s}.playing-bar-animation span:nth-child(3){animation-duration:.65s;animation-delay:.12s}@keyframes bar-pulse{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.lyrics-scroll-box::-webkit-scrollbar{width:4px}.lyrics-scroll-box::-webkit-scrollbar-track{background:transparent}.lyrics-scroll-box::-webkit-scrollbar-thumb{background:#c8a84d26;border-radius:2px}.lyrics-scroll-box::-webkit-scrollbar-thumb:hover{background:#c8a84d73}