.hero-playlist{padding:calc(72px + 5rem) 0 5rem}.hero-playlist h1{color:var(--snow);margin:1rem 0 1.2rem;font-size:clamp(2.5rem,5vw,4rem)}.hero-playlist .hero-sub{color:var(--snow-60);max-width:640px;font-size:1.05rem;font-weight:300}.playlist-status{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:2rem;font-size:.9rem;display:flex}.pl-badge{letter-spacing:.04em;border-radius:999px;padding:.35rem .9rem;font-size:.78rem;font-weight:700;display:inline-block}.pl-badge-on{background:var(--yellow);color:var(--independence)}.pl-badge-off{color:var(--snow);background:#fffcff26;border:1px solid #fffcff4d}.pl-badge-warn{color:var(--snow-60);background:#fffcff1a}.pl-status-info{color:var(--snow-60)}.pl-status-info strong{color:var(--snow);font-weight:600}.pl-section-title{color:var(--independence);border-bottom:2px solid var(--yellow);margin-bottom:1.5rem;padding-bottom:.6rem;font-size:clamp(1.4rem,2.5vw,2rem);display:inline-block}.pl-hr{border:none;border-top:1px solid #423e5c1a;margin:3rem 0 2rem}.playlist-form{max-width:640px}.pl-row{margin-bottom:1.1rem}.pl-row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.pl-field{flex-direction:column;gap:.4rem;display:flex}.pl-field label{letter-spacing:.05em;text-transform:uppercase;color:var(--independence);font-size:.78rem;font-weight:700}.pl-field input{border-radius:var(--radius);font-family:var(--font-body);color:var(--independence);background:var(--cultured);transition:border-color var(--transition), background var(--transition);border:1px solid #423e5c33;padding:.7rem 1rem;font-size:.95rem}.pl-field input:focus{border-color:var(--yellow);background:var(--snow);outline:none}.pl-submit-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.4rem;display:flex}.pl-hint{color:#7a7490;flex:1;min-width:200px;font-size:.78rem}.pl-form-msg{background:var(--cultured);border-left:3px solid var(--yellow);border-radius:0 var(--radius) var(--radius) 0;color:var(--independence);opacity:0;transition:opacity var(--transition);margin-top:1rem;padding:.75rem 1rem;font-size:.9rem}.pl-form-msg.show{opacity:1}.pl-suggest{color:#5a5470;margin-top:.5rem;font-size:.82rem;line-height:1.5}.pl-suggest a{color:var(--independence);border-bottom:1.5px solid var(--yellow);white-space:nowrap;padding-bottom:1px;font-weight:600;text-decoration:none}.pl-suggest a:hover{color:var(--yellow)}.pl-yt-results{flex-direction:column;gap:.4rem;margin-top:.6rem;display:flex}.pl-yt-title{letter-spacing:.04em;text-transform:uppercase;color:var(--independence);margin-bottom:.4rem;font-size:.78rem;font-weight:700}.pl-yt-item{background:var(--cultured);border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);text-align:left;width:100%;transition:background var(--transition), border-color var(--transition), transform var(--transition);border:1px solid #423e5c1a;align-items:center;gap:.8rem;padding:.5rem;display:flex}.pl-yt-item:hover{background:var(--snow);border-color:var(--yellow);transform:translate(2px)}.pl-yt-thumb{object-fit:cover;border-radius:3px;flex-shrink:0;width:90px;height:68px}.pl-yt-info{flex:1;min-width:0}.pl-yt-vid-title{color:var(--independence);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.2rem;font-size:.88rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.pl-yt-channel{color:#7a7490;font-size:.78rem}.pl-yt-use{color:var(--independence);background:var(--yellow);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.3rem .6rem;font-size:.78rem;font-weight:700}@media (width<=500px){.pl-yt-thumb{width:70px;height:52px}.pl-yt-use{display:none}}.playlist-closed{border-left:3px solid var(--independence);border-radius:0 var(--radius) var(--radius) 0;color:var(--independence);background:#423e5c0a;margin-bottom:2.5rem;padding:1.2rem 1.5rem;font-size:.95rem;line-height:1.6}.pl-list-wrap{margin-top:2.5rem}.playlist-empty{text-align:center;color:#7a7490;padding:3rem 1rem;font-size:1rem}.playlist-list{flex-direction:column;gap:.6rem;display:flex}.pl-item{background:var(--cultured);border-radius:var(--radius);transition:background var(--transition), transform var(--transition);align-items:center;gap:1.2rem;padding:1rem 1.2rem;display:flex}.pl-item:hover{background:var(--snow);transform:translate(2px);box-shadow:0 2px 10px #423e5c0d}.pl-item-top{border-left:4px solid var(--yellow);padding-left:calc(1.2rem - 4px)}.pl-vote{background:var(--snow);border-radius:var(--radius);cursor:pointer;font-family:var(--font-body);min-width:60px;transition:all var(--transition);border:1.5px solid #423e5c26;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;padding:.5rem .8rem;display:flex}.pl-vote:hover:not(.disabled):not(.voted){border-color:var(--yellow);transform:translateY(-1px)}.pl-vote.voted{background:var(--yellow);border-color:var(--yellow);color:var(--independence);cursor:pointer}.pl-vote.voted:hover:not(.disabled){background:#ffc84a;transform:translateY(-1px)}.pl-vote.disabled{opacity:.5;cursor:not-allowed}.pl-vote-heart{font-size:1.1rem;line-height:1}.pl-vote-count{font-size:.88rem;font-weight:700;line-height:1}.pl-item-main{flex:1;min-width:0}.pl-item-title{color:var(--independence);margin-bottom:.3rem;font-size:1rem;line-height:1.3}.pl-item-sep{color:#7a7490;margin:0 .3rem}.pl-item-artist{color:#5a5470;font-weight:500}.pl-item-meta{color:#7a7490;flex-wrap:wrap;align-items:center;gap:.8rem 1rem;font-size:.82rem;display:flex}.pl-item-meta strong{color:var(--independence);font-weight:600}.pl-item-link{color:var(--independence);transition:all var(--transition);border:1px solid #423e5c26;border-radius:999px;padding:.15rem .5rem;font-size:.78rem;font-weight:600;text-decoration:none}.pl-item-link:hover{background:var(--yellow);border-color:var(--yellow)}.pl-remove-own{font-family:var(--font-body);color:#c0392b;cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #c0392b4d;border-radius:999px;padding:.15rem .55rem;font-size:.76rem;font-weight:600}.pl-remove-own:hover{color:var(--snow);background:#c0392b;border-color:#c0392b}@media (width<=640px){.pl-row-2{grid-template-columns:1fr}.pl-item{flex-direction:row;gap:.9rem;padding:.8rem 1rem}.pl-item-title{font-size:.95rem}}