/* KPOP3 v1.6.3 — guest My Playlist; additive styles only */
.my-playlist-section{margin:52px 0 4px;padding:25px 25px 22px;background:linear-gradient(128deg,#172738,#101a28 75%);border:1px solid #344c50;border-radius:18px;box-shadow:0 14px 38px rgba(0,0,0,.12)}
.my-playlist-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.my-playlist-headings .eyebrow{font-size:9px;letter-spacing:2.1px;margin:0 0 9px}
.my-playlist-headings h2{font-size:clamp(22px,3vw,29px);letter-spacing:-.8px;margin:0 0 8px;color:#f3f8fc}
.my-count{display:inline-grid;place-items:center;min-width:28px;height:26px;padding:0 8px;border-radius:14px;background:#283c43;color:#c6f177;font-size:13px;vertical-align:middle;letter-spacing:0}
.my-playlist-headings p:last-child{color:#96a9b8;font-size:12px;margin:0}
.my-playlist-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.my-playlist-controls button{font-family:inherit;touch-action:manipulation;min-height:44px;border-radius:12px;padding:11px 16px;font-size:11px;letter-spacing:.3px;font-weight:850;cursor:pointer}
.my-start{background:#c6ee68;color:#172719;border:1px solid #c6ee68}
.my-start:disabled{opacity:.46;cursor:not-allowed}
.my-exit{background:#233444;color:#e2eff0;border:1px solid #52666e}
.my-playlist-controls button:not(:disabled):hover{filter:brightness(1.1)}
.my-playlist-controls button:focus-visible,.my-list-action:focus-visible,.my-card-save:focus-visible,.my-save-current:focus-visible{outline:2px solid #d2fc85;outline-offset:3px}
.my-playlist-status{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #2b414b;margin-top:19px;padding:15px 0;color:#9cb2c1;font-size:11px;flex-wrap:wrap}
.my-mode{font-size:10px;font-weight:900;letter-spacing:1px;color:#bedf73}
.my-mode.is-on{color:#eaffbe}
.my-expiry{font-size:10px;color:#99b0be}
.my-playlist-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.my-playlist-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #466063;border-radius:13px;padding:24px 10px;color:#a1b3c4;font-size:12px;min-height:80px}
.my-playlist-empty strong{color:#c1ed70;margin:0 4px}
.my-list-row{min-width:0;display:flex;align-items:center;gap:11px;border:1px solid #293f4b;border-radius:12px;padding:9px;background:#192b38}
.my-list-row.is-selected{border-color:#86a75b;background:#223a3d}
.my-list-row.is-unavailable{opacity:.7}
.my-list-art{display:block;width:66px;height:45px;object-fit:cover;border-radius:7px;background:#203649;flex:none}
.my-list-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.my-list-meta strong{color:#e7f3fa;font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.my-list-meta small{color:#91afbc;font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.my-list-actions{display:flex;align-items:center;gap:4px;flex:none}
.my-list-action{font-family:inherit;display:grid;place-items:center;min-width:32px;height:35px;border:1px solid #45606a;border-radius:8px;background:#263c49;color:#e0eff1;cursor:pointer;touch-action:manipulation;font-size:14px}
.my-list-action[disabled]{opacity:.28;cursor:default}
.my-list-action.remove{color:#ffbac8;border-color:#6d4858}
.my-playlist-footer{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-top:15px;color:#819aa9;font-size:10px;line-height:1.55}
.my-member-note{color:#c6ee74;white-space:nowrap}
.my-save-current{font-family:inherit;cursor:pointer;touch-action:manipulation;min-height:38px;padding:7px 10px;border:1px solid #708f58;border-radius:9px;background:#263b32;color:#dcf5ab;font-weight:900;font-size:10px;letter-spacing:.5px;white-space:nowrap}
.my-save-current.is-saved{background:#3b4a31;color:#daff9a}
.my-card-save{border:1px solid #4a6a54;border-radius:8px;min-height:32px;padding:6px 10px;cursor:pointer;touch-action:manipulation;font-size:10px;font-weight:900;letter-spacing:.5px;color:#d1f3a6;background:#243b35;font-family:inherit;white-space:nowrap}
.my-card-save.is-saved{color:#f2ffd0;background:#40543e;border-color:#759b63}
.my-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
.my-card-footer .card-details{flex:1;min-width:0}
@media(max-width:800px){.my-playlist-items{grid-template-columns:1fr}.my-playlist-section{margin-top:40px}}
@media(max-width:650px){.my-playlist-section{padding:17px 13px;margin-top:31px;border-radius:13px}.my-playlist-head{align-items:stretch;flex-direction:column;gap:13px}.my-playlist-controls{justify-content:stretch}.my-playlist-controls button{flex:1;min-width:0}.my-list-art{width:58px;height:42px}.my-list-actions{gap:3px}.my-list-action{min-width:30px;height:38px}.my-playlist-footer{flex-direction:column;gap:5px}.my-member-note{white-space:normal}.interaction-row{flex-wrap:wrap;gap:12px}.my-save-current{min-height:44px}}

.my-jump{font-family:inherit;cursor:pointer;touch-action:manipulation;min-height:38px;padding:7px 10px;border:1px solid #395568;border-radius:9px;background:#1d3441;color:#d6e9fa;font-weight:800;font-size:10px;letter-spacing:.3px;white-space:nowrap}
.my-jump span{color:#c5ee6b;margin:0 2px}
.my-jump:focus-visible{outline:2px solid #d2fc85;outline-offset:3px}
@media(max-width:650px){.my-jump{min-height:44px}}