.add-to-playlist-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@media screen and (width<=767px){.add-to-playlist-overlay{align-items:flex-end;padding:0}}.add-to-playlist-modal{background:var(--card-bg,#1a1a2e);border:1px solid var(--border-light,#333);box-sizing:border-box;border-radius:16px;width:100%;max-width:400px;max-height:80vh}@media screen and (width<=767px){.add-to-playlist-modal{max-width:100%;min-height:55vh;max-height:75vh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:16px 16px 0 0;animation:.3s forwards playlist-slide-up}}.add-to-playlist-modal{flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.add-to-playlist-modal .atp-header{flex-shrink:0;margin-bottom:0;padding:16px 20px 12px}.add-to-playlist-modal .modal-content{flex:1 1 0;min-height:0;padding:16px;overflow-y:auto}.add-to-playlist-modal .modal-content::-webkit-scrollbar{width:6px}.add-to-playlist-modal .modal-content::-webkit-scrollbar-track{background:0 0}.add-to-playlist-modal .modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.add-to-playlist-modal .modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff59}.add-to-playlist-modal .modal-content{scrollbar-width:thin;scrollbar-color:#fff3 transparent}.add-to-playlist-modal .modal-content .loading{text-align:center;color:var(--text-secondary,#aaa);padding:40px 20px}.add-to-playlist-modal .modal-content .watch-later-btn{cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;width:100%;margin-bottom:16px;padding:14px;transition:all .2s;display:flex}.add-to-playlist-modal .modal-content .watch-later-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.add-to-playlist-modal .modal-content .watch-later-btn:disabled{opacity:.6;cursor:not-allowed}.add-to-playlist-modal .modal-content .watch-later-btn.added{background:linear-gradient(135deg,#4caf5033 0%,#388e3c33 100%);border-color:#4caf5066}.add-to-playlist-modal .modal-content .watch-later-btn.added .watch-later-icon svg{color:#4caf50}.add-to-playlist-modal .modal-content .watch-later-btn.loading{opacity:.7;pointer-events:none}.add-to-playlist-modal .modal-content .watch-later-btn .watch-later-icon{background:#ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.add-to-playlist-modal .modal-content .watch-later-btn .watch-later-icon svg{color:#fff;font-size:24px}.add-to-playlist-modal .modal-content .watch-later-btn .watch-later-info{flex:1;min-width:0}.add-to-playlist-modal .modal-content .watch-later-btn .watch-later-info .name{color:var(--text-primary,#fff);font-size:15px;font-weight:600;display:block}.add-to-playlist-modal .modal-content .watch-later-btn .watch-later-info .meta{color:var(--text-secondary,#aaa);align-items:center;gap:6px;margin-top:3px;font-size:12px;display:flex}.add-to-playlist-modal .modal-content .watch-later-btn .watch-later-info .meta svg{font-size:14px}.add-to-playlist-modal .modal-content .watch-later-btn .added-badge{color:#fff;background:#4caf50;border-radius:12px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:600}.add-to-playlist-modal .modal-content .watch-later-btn .loading-indicator{color:var(--text-secondary,#aaa);font-weight:700}.add-to-playlist-modal .modal-content .separator{align-items:center;gap:12px;margin-bottom:12px;display:flex}.add-to-playlist-modal .modal-content .separator span{color:var(--text-secondary,#888);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.add-to-playlist-modal .modal-content .separator:after{content:"";background:var(--border-light,#333);flex:1;height:1px}.add-to-playlist-modal .modal-content .empty-state{text-align:center;padding:40px 20px}.add-to-playlist-modal .modal-content .empty-state p{color:var(--text-secondary,#aaa);margin-bottom:16px}.add-to-playlist-modal .modal-content .empty-state .create-first-btn{color:var(--accent-primary,#e53935);border:1px solid var(--accent-primary,#e53935);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.add-to-playlist-modal .modal-content .empty-state .create-first-btn:hover{background:color-mix(in srgb, var(--accent-primary,#e53935) 10%, transparent);border-color:var(--accent-primary,#e53935);color:var(--accent-primary,#e53935);transform:translateY(-2px)}.add-to-playlist-modal .modal-content .empty-state .create-first-btn svg{font-size:20px}.add-to-playlist-modal .modal-content .playlists-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.add-to-playlist-modal .modal-content .playlists-list .playlist-item{cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px;transition:all .2s;display:flex}.add-to-playlist-modal .modal-content .playlists-list .playlist-item:hover:not(:disabled){border-color:var(--border-light,#444);background:#ffffff1a}.add-to-playlist-modal .modal-content .playlists-list .playlist-item:disabled{opacity:.6;cursor:not-allowed}.add-to-playlist-modal .modal-content .playlists-list .playlist-item.added{background:#4caf5026;border-color:#4caf504d}.add-to-playlist-modal .modal-content .playlists-list .playlist-item.added .playlist-icon svg{color:#4caf50}.add-to-playlist-modal .modal-content .playlists-list .playlist-item.loading{opacity:.7;pointer-events:none}.add-to-playlist-modal .modal-content .playlists-list .playlist-item .playlist-icon{background:#ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.add-to-playlist-modal .modal-content .playlists-list .playlist-item .playlist-icon svg{color:var(--accent-primary,#e53935);font-size:22px}.add-to-playlist-modal .modal-content .playlists-list .playlist-item .playlist-info{flex:1;min-width:0}.add-to-playlist-modal .modal-content .playlists-list .playlist-item .playlist-info .name{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;display:block;overflow:hidden}.add-to-playlist-modal .modal-content .playlists-list .playlist-item .playlist-info .meta{color:var(--text-secondary,#aaa);align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.add-to-playlist-modal .modal-content .playlists-list .playlist-item .playlist-info .meta svg{font-size:14px}.add-to-playlist-modal .modal-content .playlists-list .playlist-item .added-badge{color:#fff;background:#4caf50;border-radius:12px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:600}.add-to-playlist-modal .modal-content .create-new-btn{border:2px dashed var(--border-light,#444);width:100%;color:var(--text-secondary,#aaa);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;transition:all .2s;display:flex}.add-to-playlist-modal .modal-content .create-new-btn:hover{border-color:var(--accent-primary,#e53935);color:var(--accent-primary,#e53935);background:#e539350d}.add-to-playlist-modal .modal-content .create-new-btn svg{font-size:20px}.add-to-playlist-modal .modal-content .create-form{border-top:1px solid var(--border-light,#333);margin-top:16px;padding-top:16px}.add-to-playlist-modal .modal-content .create-form .form-group{margin-bottom:16px}.add-to-playlist-modal .modal-content .create-form .form-group label{color:var(--text-secondary,#aaa);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.add-to-playlist-modal .modal-content .create-form .form-group input{border:1px solid var(--border-light,#444);width:100%;color:var(--text-primary,#fff);box-sizing:border-box;background:#ffffff0d;border-radius:8px;padding:12px;font-size:14px}.add-to-playlist-modal .modal-content .create-form .form-group input::placeholder{color:var(--text-muted,#666)}.add-to-playlist-modal .modal-content .create-form .form-group input:focus{border-color:var(--accent-primary,#e53935);outline:none}.add-to-playlist-modal .modal-content .create-form .form-group .tags-input-wrap{border:1px solid var(--border-light,#444);background:#ffffff0d;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:8px;display:flex}.add-to-playlist-modal .modal-content .create-form .form-group .tags-input-wrap:focus-within{border-color:var(--accent-primary,#e53935)}.add-to-playlist-modal .modal-content .create-form .form-group .tags-input-wrap .tags-list{flex-wrap:wrap;gap:6px;display:flex}.add-to-playlist-modal .modal-content .create-form .form-group .tags-input-wrap .tags-list .tag-chip{color:var(--text-primary,#fff);background:#e5393533;border:1px solid #e5393566;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:inline-flex}.add-to-playlist-modal .modal-content .create-form .form-group .tags-input-wrap .tags-list .tag-chip button{color:var(--text-secondary,#aaa);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:14px;display:flex}.add-to-playlist-modal .modal-content .create-form .form-group .tags-input-wrap .tags-list .tag-chip button:hover{color:#e53935}.add-to-playlist-modal .modal-content .create-form .form-group .tags-input-wrap input{min-width:80px;color:var(--text-primary,#fff);background:0 0;border:none;flex:1;padding:4px;font-size:13px}.add-to-playlist-modal .modal-content .create-form .form-group .tags-input-wrap input::placeholder{color:var(--text-muted,#666)}.add-to-playlist-modal .modal-content .create-form .form-group .tags-input-wrap input:focus{border-color:#0000;outline:none}.add-to-playlist-modal .modal-content .create-form .form-group .privacy-options{gap:8px;display:flex}.add-to-playlist-modal .modal-content .create-form .form-group .privacy-options .privacy-btn{border:1px solid var(--border-light,#444);color:var(--text-secondary,#aaa);cursor:pointer;background:#ffffff0d;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:14px;transition:all .2s;display:flex}.add-to-playlist-modal .modal-content .create-form .form-group .privacy-options .privacy-btn:hover{background:#ffffff1a}.add-to-playlist-modal .modal-content .create-form .form-group .privacy-options .privacy-btn.active{border-color:var(--accent-primary,#e53935);color:var(--accent-primary,#e53935);background:#e5393526}.add-to-playlist-modal .modal-content .create-form .form-group .privacy-options .privacy-btn svg{font-size:18px}.add-to-playlist-modal .modal-content .create-form .form-actions{gap:12px;margin-top:20px;display:flex}.add-to-playlist-modal .modal-content .create-form .form-actions .cancel-btn{color:var(--text-secondary,#aaa);cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;flex:1;padding:12px;font-size:14px;transition:all .2s}.add-to-playlist-modal .modal-content .create-form .form-actions .cancel-btn:hover:not(:disabled){background:#fff3}.add-to-playlist-modal .modal-content .create-form .form-actions .cancel-btn:disabled{opacity:.5;cursor:not-allowed}.add-to-playlist-modal .modal-content .create-form .form-actions .create-btn{border:1px solid var(--accent-primary,#e53935);color:var(--accent-primary,#e53935);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.add-to-playlist-modal .modal-content .create-form .form-actions .create-btn:hover:not(:disabled){background:color-mix(in srgb, var(--accent-primary,#e53935) 10%, transparent);border-color:var(--accent-primary,#e53935);color:var(--accent-primary,#e53935)}.add-to-playlist-modal .modal-content .create-form .form-actions .create-btn:disabled{opacity:.5;cursor:not-allowed}@media screen and (width<=767px){.add-to-playlist-modal .modal-content{min-width:90%;max-height:80%;padding:14px 10px}}@keyframes playlist-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}