input[type=range][data-v-574d84c4]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:currentColor;border-radius:50%;cursor:pointer;margin-top:-5px}input[type=range][data-v-574d84c4]::-moz-range-thumb{width:12px;height:12px;background:currentColor;border-radius:50%;cursor:pointer;border:none}input[type=range][data-v-574d84c4]::-moz-range-track{background-color:#cbd5e1;height:6px;border-radius:9999px}@media (prefers-color-scheme: dark){input[type=range][data-v-574d84c4]::-moz-range-track{background-color:#4b5563}}input[type=range][data-v-574d84c4]:disabled::-webkit-slider-thumb{background:#9ca3af}input[type=range][data-v-574d84c4]:disabled::-moz-range-thumb{background:#9ca3af}input[type=range][data-v-78750cc1]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:currentColor;border-radius:50%;cursor:pointer;margin-top:-5px}input[type=range][data-v-78750cc1]::-moz-range-thumb{width:12px;height:12px;background:currentColor;border-radius:50%;cursor:pointer;border:none}input[type=range][data-v-78750cc1]::-moz-range-track{background-color:#cbd5e1;height:6px;border-radius:9999px}@media (prefers-color-scheme: dark){input[type=range][data-v-78750cc1]::-moz-range-track{background-color:#4b5563}}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}#app{margin:0;padding:0;width:100%;min-height:100vh}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v143/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}.theme-toggle-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background-color:var(--toggle-btn-bg, #f5f5f5);color:var(--toggle-btn-color, #333)}.theme-toggle-btn:hover{background-color:var(--toggle-btn-hover-bg, #e0e0e0);transform:scale(1.1)}.theme-toggle-btn .material-icons{font-size:20px;transition:transform .3s ease}.theme-toggle-btn:hover .material-icons{transform:rotate(180deg)}.sidebar{position:fixed;top:0;left:0;height:100vh;background-color:var(--sidebar-bg, #111827);box-shadow:var(--shadow-lg);z-index:50;transition:all .3s ease-in-out;color:var(--sidebar-text, #e5e7eb);display:flex;flex-direction:column;overflow:hidden}.sidebar-expanded{width:14.5rem}.sidebar-collapsed{width:4rem}.sidebar-logo{display:flex;align-items:center;justify-content:center;padding:1rem 0}.sidebar-logo-img{width:2.5rem;height:2.5rem}.sidebar-toggle-wrap{display:flex;justify-content:flex-end;padding-right:.5rem;margin-top:.5rem}.sidebar-toggle-btn{padding:.5rem;border-radius:.375rem;transition:all .3s ease;color:var(--sidebar-toggle-color, #9ca3af);background:none;border:none;cursor:pointer}.sidebar-toggle-btn:hover{background-color:var(--sidebar-toggle-hover-bg, #374151);color:var(--sidebar-toggle-hover-color, #ffffff)}.sidebar-toggle-icon{display:inline-block;font-size:1.5rem;transition:transform .3s ease;padding-right:3px}.sidebar-toggle-icon-rotated{transform:rotate(180deg)}.sidebar-toggle-icon .material-icons{font-size:inherit}.sidebar-menu{display:flex;flex-direction:column;gap:.5rem;padding:0 .5rem;margin-top:1rem}.sidebar-menu-item{display:flex;align-items:center;padding:.5rem;border-radius:.375rem;transition:all .3s ease;text-decoration:none;color:inherit}.sidebar-menu-item:hover{background-color:var(--sidebar-menu-hover-bg, #374151);color:var(--sidebar-menu-hover-color, #ffffff)}.sidebar-menu-text{margin-left:.5rem;white-space:nowrap;opacity:0;transition:opacity .2s ease-in-out;transition-delay:.1s}.sidebar-expanded .sidebar-menu-text{opacity:1}.sidebar-spacer{flex-grow:1}.sidebar-bottom{padding:0 .5rem;margin-bottom:1rem}.player-root{position:fixed;bottom:0;z-index:30;border-top:1px solid var(--player-border, #e5e7eb);background-color:var(--player-bg, rgba(241, 245, 249, .85));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--player-shadow, 0 -10px 25px -5px rgba(14, 222, 14, .792));transition:all .3s ease-in-out;right:0;color:var(--player-text, rgb(239, 187, 14))}.player-expanded{left:14rem}.player-collapsed{left:4rem}.player-container{width:100%;max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}.player-track-info{width:100%;min-width:0;overflow:hidden}.player-controls-section{display:flex;flex-direction:column;flex-grow:1;align-items:center;width:100%;max-width:28rem}.player-seekbar{width:100%;margin-top:.25rem}.player-volume{width:100%;min-width:0;overflow:hidden;padding-right:2rem}@media (max-width: 768px){.player-expanded,.player-collapsed .player-volume{padding-right:1rem}}@media (min-width: 768px){.player-container{padding:.75rem}.player-track-info,.player-volume{width:25%}.player-controls-section{width:auto;flex:1}}.download-page{padding:1rem;max-width:42rem;margin:0 auto}.download-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.download-form-container{background-color:var(--bg-primary);padding:1.5rem;border-radius:.5rem;box-shadow:var(--shadow)}.download-welcome{color:var(--text-secondary);margin-bottom:1rem}.download-form{display:flex;flex-direction:column;gap:1rem}.download-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.download-input{display:block;width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;box-shadow:var(--shadow-sm);font-size:.875rem;background-color:var(--bg-primary);color:var(--text-primary)}.download-input::-moz-placeholder{color:var(--text-muted)}.download-input::placeholder{color:var(--text-muted)}.download-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.download-input:disabled{opacity:.5;cursor:not-allowed}.download-submit-btn{width:100%;display:flex;justify-content:center;padding:.5rem 1rem;border:1px solid transparent;border-radius:.375rem;box-shadow:var(--shadow-sm);font-size:.875rem;font-weight:500;color:#fff;background-color:var(--primary-color);cursor:pointer;transition:background-color .2s ease}.download-submit-btn:hover:not(:disabled){background-color:var(--primary-color-hover, #4338ca)}.download-submit-btn:focus{outline:none;box-shadow:0 0 0 2px var(--primary-color-focus, rgba(79, 70, 229, .5))}.download-submit-btn:disabled{opacity:.5;cursor:not-allowed}.download-success-message{margin-top:1rem;padding:.75rem;background-color:var(--success-bg, #f0fdf4);color:var(--success-text, #15803d);border:1px solid var(--success-border, #bbf7d0);border-radius:.375rem;font-size:.875rem}.download-error-message{margin-top:1rem;padding:.75rem;background-color:var(--error-bg, #fef2f2);color:var(--error-text, #dc2626);border:1px solid var(--error-border, #fecaca);border-radius:.375rem;font-size:.875rem}.download-auth-required{background-color:var(--warning-bg, #fffbeb);border-left:4px solid var(--warning-color);color:var(--warning-text, #a16207);padding:1rem;border-radius:.375rem;box-shadow:var(--shadow-sm)}.download-auth-title{font-weight:700}.download-auth-text{margin-top:.5rem}.download-auth-link{font-weight:500;color:var(--primary-color);text-decoration:underline}.download-auth-link:hover{color:var(--primary-color-hover, #3730a3)}@media (min-width: 768px){.download-page{padding:1.5rem}}.settings-page{padding:1rem;max-width:56rem;margin:0 auto}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e30000)}.settings-title{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.settings-theme-toggle{margin-left:1rem;flex-shrink:0}@media (max-width: 768px){.settings-header{flex-direction:column;align-items:flex-start;gap:1rem}.settings-theme-toggle{align-self:flex-end;margin-left:0}}.settings-login-container,.settings-user-container{background-color:var(--bg-primary);padding:1.5rem;border-radius:.5rem;box-shadow:var(--shadow);margin-top:1rem}.settings-login-title,.settings-user-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.settings-login-description{color:var(--text-secondary);margin-bottom:1rem}.settings-form-group{margin-bottom:1rem}.settings-form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.settings-form-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:1rem;box-shadow:var(--shadow-sm);background-color:var(--bg-primary);color:var(--text-primary)}.settings-form-input::-moz-placeholder{color:var(--text-muted)}.settings-form-input::placeholder{color:var(--text-muted)}.settings-form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color)}.settings-login-btn{margin-top:1rem;width:100%;display:flex;justify-content:center;padding:.5rem 1rem;border:1px solid transparent;border-radius:.375rem;box-shadow:var(--shadow-sm);font-size:.875rem;font-weight:500;color:#fff;background-color:var(--success-color);cursor:pointer;transition:all .2s ease-in-out}.settings-login-btn:hover:not(:disabled){background-color:var(--success-color-hover, #059669)}.settings-login-btn:focus{outline:none;box-shadow:0 0 0 2px var(--success-color-focus, rgba(16, 185, 129, .5))}.settings-login-btn:disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.75}.settings-user-info{margin-bottom:.5rem;color:var(--text-secondary)}.settings-user-label{font-weight:600;color:var(--text-primary)}.settings-buttons-container{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:20px}.settings-password-form{margin-top:30px;padding:25px;background-color:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.settings-password-title{font-size:1.4rem;font-weight:600;color:var(--text-secondary);margin-bottom:20px;text-align:center;border-bottom:2px solid var(--primary-color);padding-bottom:10px;display:inline-block;width:100%}.settings-success-message{color:var(--success-text);font-weight:500;margin-top:10px;padding:10px;background-color:var(--success-bg);border:1px solid var(--success-border);border-radius:4px;text-align:center}.settings-logout-btn{margin-top:1.5rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:.375rem;box-shadow:var(--shadow-sm);font-size:.875rem;font-weight:500;color:#fff;background-color:var(--secondary-color);cursor:pointer;transition:all .2s ease-in-out}.settings-logout-btn:hover:not(:disabled){background-color:var(--secondary-color-hover, #334155)}.settings-logout-btn:focus{outline:none;box-shadow:0 0 0 2px var(--secondary-color-focus, rgba(71, 85, 105, .5))}.settings-logout-btn:disabled{background-color:var(--text-muted);cursor:not-allowed;opacity:.75}.settings-error-message{color:var(--error-text);margin-top:1rem;font-size:.875rem}@media (min-width: 640px){.settings-page{padding:1.5rem}}@media (min-width: 1024px){.settings-page{padding:2rem}}@media (prefers-color-scheme: dark){.settings-title{color:var(--text-primary)}}.playlist-listing-page{padding:1rem}.playlist-listing-title{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.playlist-listing-loading,.playlist-listing-empty{text-align:center;color:var(--text-muted)}.playlist-listing-error{text-align:center;color:var(--danger-color)}.playlist-listing-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}.playlist-card{background-color:var(--bg-primary);border-radius:1rem;box-shadow:var(--shadow);overflow:hidden;cursor:pointer;transition:transform .3s ease}.playlist-card:hover{transform:scale(1.05)}.playlist-card-image-container{width:100%;aspect-ratio:1 / 1;background-color:var(--bg-secondary)}.playlist-card-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.playlist-card-content{padding:1rem}.playlist-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.playlist-card:hover .playlist-card-title{color:var(--primary-color)}.playlist-card-subtitle{font-size:.875rem;color:var(--text-muted)}@media (min-width: 640px){.playlist-listing-page{padding:1.5rem}.playlist-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.playlist-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.playlist-listing-page{padding:2rem}.playlist-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.playlist-listing-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-color-scheme: dark){.playlist-listing-title{color:var(--text-primary)}.playlist-listing-loading,.playlist-listing-empty{color:var(--text-muted)}.playlist-card{background-color:var(--bg-secondary)}.playlist-card-image-container{background-color:var(--bg-tertiary)}.playlist-card-title{color:var(--text-primary)}.playlist-card:hover .playlist-card-title{color:var(--primary-color)}.playlist-card-subtitle{color:var(--text-muted)}}.playlist-view-page{padding:1rem}.playlist-view-back-btn{margin-bottom:1.5rem;color:var(--primary-color);display:flex;align-items:center;background:none;border:none;cursor:pointer;font-size:inherit;transition:all .2s ease}.playlist-view-back-btn:hover{color:var(--primary-color-hover);transform:translate(-2px)}.playlist-view-back-icon{height:1.25rem;width:1.25rem;margin-right:.5rem;transition:transform .2s ease}.playlist-view-back-btn:hover .playlist-view-back-icon{transform:translate(-2px)}.playlist-view-loading{text-align:center;color:var(--text-secondary);padding:2.5rem 0}.playlist-view-loading-spinner{animation:spin 1s linear infinite;height:2rem;width:2rem;color:var(--primary-color);margin:0 auto 1rem}.playlist-view-error{text-align:center;color:var(--error-text);background-color:var(--error-bg);padding:1rem;border-radius:.75rem;border:1px solid var(--error-border);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.playlist-view-error-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--error-text)}.playlist-view-empty{text-align:center;color:var(--text-secondary);padding:1.5rem 0;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.playlist-view-header{margin-bottom:1.5rem;animation:slideInFromTop .4s ease-out}.playlist-view-title{font-size:1.875rem;font-weight:700;color:var(--text-primary)}.playlist-view-subtitle{color:var(--text-secondary);margin-top:.25rem}.playlist-view-controls{margin-bottom:1.5rem;display:flex;gap:.75rem;animation:slideInFromBottom .4s ease-out .1s both}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.playlist-view-play-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-hover));color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;box-shadow:0 4px 12px #3b82f640;display:flex;align-items:center;transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden}.playlist-view-play-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.playlist-view-play-btn:hover:before{left:100%}.playlist-view-play-btn:hover{background:linear-gradient(135deg,var(--primary-color-hover),var(--primary-color-hover));transform:translateY(-2px);box-shadow:0 6px 20px #3b82f659}.playlist-view-shuffle-btn{background:linear-gradient(135deg,var(--success-color),var(--success-color-hover));color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;box-shadow:0 4px 12px #10b98140;display:flex;align-items:center;transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden}.playlist-view-shuffle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.playlist-view-shuffle-btn:hover:before{left:100%}.playlist-view-shuffle-btn:hover{background:linear-gradient(135deg,var(--success-color-hover),var(--success-color-hover));transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.playlist-view-btn-icon{height:1.25rem;width:1.25rem;margin-right:.5rem;transition:transform .2s ease}.playlist-view-play-btn:hover .playlist-view-btn-icon,.playlist-view-shuffle-btn:hover .playlist-view-btn-icon{transform:scale(1.1)}.playlist-view-songs-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--border-color);animation:fadeInUp .5s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.playlist-view-songs-list>*+*{border-top:1px solid var(--border-color)}.playlist-view-song-item{padding:.75rem .5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;position:relative;color:var(--text-primary)}.playlist-view-song-item:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:linear-gradient(90deg,var(--primary-color),transparent);transition:width .3s ease;z-index:0}.playlist-view-song-item:hover:before{width:4px}.playlist-view-song-item:hover{background-color:var(--bg-secondary);transform:translate(2px);box-shadow:var(--shadow-sm)}.playlist-view-song-item:active{background-color:var(--bg-tertiary);transform:translate(1px)}.playlist-view-song-item-active{background:linear-gradient(90deg,var(--bg-secondary),var(--bg-primary));border-left:3px solid var(--primary-color);box-shadow:var(--shadow)}.playlist-view-song-main{display:flex;align-items:center;min-width:0;position:relative;z-index:1}.playlist-view-song-number{color:var(--text-muted);width:2rem;text-align:right;margin-right:.75rem;font-weight:500;transition:color .2s ease}.playlist-view-song-item:hover .playlist-view-song-number{color:var(--text-secondary)}.playlist-view-song-icon{font-family:Material Icons;color:var(--text-muted);font-size:1.875rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:.75rem;transition:all .2s ease}.playlist-view-song-item:hover .playlist-view-song-icon{color:var(--text-secondary);transform:scale(1.05)}.playlist-view-song-info{min-width:0}.playlist-view-song-title{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.playlist-view-song-item:hover .playlist-view-song-title{color:var(--text-primary)}.playlist-view-song-title-playing{color:var(--primary-color);font-weight:700;position:relative}.playlist-view-song-title-playing:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--primary-color));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.playlist-view-song-artist{font-size:.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.125rem;transition:color .2s ease}.playlist-view-song-item:hover .playlist-view-song-artist{color:var(--text-secondary)}.playlist-view-song-duration{font-size:.75rem;color:var(--text-muted);margin-left:.5rem;font-weight:500;transition:all .2s ease;position:relative;z-index:1}.playlist-view-song-item:hover .playlist-view-song-duration{color:var(--text-secondary);transform:scale(1.05)}.playlist-view-back-btn{background:transparent;border:1px solid var(--slate-200);color:var(--slate-600);padding:.5rem 1rem;border-radius:.5rem;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem}.playlist-view-back-btn:hover{background-color:var(--slate-50);border-color:var(--slate-300);color:var(--slate-700)}.playlist-view-back-icon{height:1rem;width:1rem;margin-right:.5rem}.playlist-view-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--slate-500)}.playlist-view-loading-spinner{animation:spin 1s linear infinite;width:2rem;height:2rem;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.playlist-view-loading-circle{opacity:.25}.playlist-view-loading-path{opacity:.75}.playlist-view-error{background-color:var(--red-50);border:1px solid var(--red-200);border-radius:.5rem;padding:1rem;color:var(--red-600)}.playlist-view-error-title{font-weight:600;margin-bottom:.5rem;color:var(--red-800)}.playlist-view-empty{text-align:center;padding:3rem 1rem;color:var(--slate-500);font-style:italic}.playlist-view-header{margin-bottom:1.5rem;animation:fadeInUp .5s ease-out both}.playlist-view-page{padding:1rem;background-color:var(--bg-primary);min-height:100vh}.playlist-view-edit-btn{background:linear-gradient(135deg,var(--edit-btn-bg),var(--edit-btn-hover));color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;box-shadow:0 4px 12px #f59e0b40;display:flex;align-items:center;transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden}.playlist-view-edit-btn:hover{background:linear-gradient(135deg,var(--edit-btn-hover),var(--edit-btn-hover));transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b59}.playlist-view-edit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.playlist-view-edit-controls{margin-bottom:1.5rem;padding:1rem;background:var(--edit-mode-bg);border:1px solid var(--edit-mode-border);border-radius:.75rem;animation:slideInFromTop .3s ease-out}.playlist-view-edit-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.playlist-view-edit-mode-text{font-weight:600;color:var(--edit-mode-border);font-size:.875rem}.playlist-view-selection-count{font-size:.875rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.25rem .5rem;border-radius:.375rem;border:1px solid var(--border-color)}.playlist-view-edit-actions{display:flex;gap:.75rem;flex-wrap:wrap}.playlist-view-select-all-btn{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-color-hover));color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;display:flex;align-items:center;transition:all .3s ease;border:none;cursor:pointer;font-size:.875rem}.playlist-view-select-all-btn:hover{background:linear-gradient(135deg,var(--secondary-color-hover),var(--secondary-color-hover));transform:translateY(-1px)}.playlist-view-delete-btn{background:linear-gradient(135deg,var(--delete-btn-bg),var(--delete-btn-hover));color:#fff;font-weight:600;padding:.5rem 1rem;border-radius:.5rem;display:flex;align-items:center;transition:all .3s ease;border:none;cursor:pointer;font-size:.875rem;box-shadow:0 2px 8px #ef444440}.playlist-view-delete-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--delete-btn-hover),var(--delete-btn-hover));transform:translateY(-1px);box-shadow:0 4px 12px #ef444459}.playlist-view-delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.playlist-view-cancel-btn{background:linear-gradient(135deg,var(--cancel-btn-bg),var(--cancel-btn-hover));color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;display:flex;align-items:center;transition:all .3s ease;border:none;cursor:pointer;font-size:.875rem}.playlist-view-cancel-btn:hover{background:linear-gradient(135deg,var(--cancel-btn-hover),var(--cancel-btn-hover));transform:translateY(-1px)}.playlist-view-song-item-edit-mode{padding-left:3rem;position:relative}.playlist-view-song-item-edit-mode:hover{background-color:var(--selection-bg);border-color:var(--selection-border)}.playlist-view-song-item-selected{background:var(--selection-bg);border-left:3px solid var(--selection-border);box-shadow:0 2px 8px #3b82f626}.playlist-view-song-checkbox{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);z-index:2}.playlist-view-checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.playlist-view-checkbox-custom{position:relative;height:1.25rem;width:1.25rem;background-color:var(--checkbox-bg);border:2px solid var(--checkbox-border);border-radius:.25rem;transition:all .2s ease;cursor:pointer}.playlist-view-checkbox-custom:after{content:"";position:absolute;display:none;left:.25rem;top:.125rem;width:.375rem;height:.625rem;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.playlist-view-checkbox-input:checked~.playlist-view-checkbox-custom{background-color:var(--checkbox-checked-bg);border-color:var(--checkbox-checked-border)}.playlist-view-checkbox-input:checked~.playlist-view-checkbox-custom:after{display:block}.playlist-view-checkbox-custom:hover{border-color:var(--checkbox-checked-border);box-shadow:0 0 0 2px #3b82f633}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.playlist-view-info{background-color:var(--info-color);border:1px solid rgba(23,162,184,.3);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;color:var(--text-primary);animation:slideIn .3s ease-out}@media (max-width: 640px){.playlist-view-song-item-edit-mode{position:relative;cursor:pointer}.playlist-view-song-item-edit-mode:hover{background-color:var(--selection-bg);border-color:var(--selection-border)}.playlist-view-song-item-selected{background:var(--selection-bg);border-left:3px solid var(--selection-border);box-shadow:0 2px 8px #3b82f626}.playlist-view-song-checkbox,.playlist-view-checkbox-input,.playlist-view-checkbox-custom{display:none}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.playlist-view-info{background-color:var(--info-color);border:1px solid rgba(23,162,184,.3);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;color:var(--text-primary);animation:slideIn .3s ease-out}.playlist-view-edit-controls{padding:.75rem}.playlist-view-edit-info{flex-direction:column;align-items:flex-start;gap:.5rem}.playlist-view-edit-actions{flex-direction:column;gap:.5rem}.playlist-view-edit-actions button{width:100%;justify-content:center}.playlist-view-song-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.playlist-view-song-item-edit-mode .playlist-view-song-main{transition:transform .2s ease}.playlist-view-song-item-selected .playlist-view-song-main{transform:translate(2px)}.playlist-view-song-item-edit-mode:hover{transform:translate(2px);box-shadow:0 4px 12px #3b82f626}.playlist-view-edit-actions button .playlist-view-btn-icon{transition:transform .2s ease}.playlist-view-edit-actions button:hover .playlist-view-btn-icon{transform:scale(1.1)}.playlist-view-selection-count{transition:all .3s ease}.playlist-view-selection-count:hover{background:var(--bg-tertiary);border-color:var(--border-color)}.playlist-view-edit-btn:before,.playlist-view-select-all-btn:before,.playlist-view-delete-btn:before,.playlist-view-cancel-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.playlist-view-edit-btn:hover:before,.playlist-view-select-all-btn:hover:before,.playlist-view-delete-btn:hover:before,.playlist-view-cancel-btn:hover:before{left:100%}.playlist-view-song-item-selected{animation:selectItem .3s ease-out}@keyframes selectItem{0%{background-color:var(--bg-primary);transform:translate(0)}50%{background-color:var(--selection-bg);transform:translate(4px)}to{background-color:var(--selection-bg);transform:translate(0)}}.playlist-view-song-item-edit-mode .playlist-view-song-number{display:block}.playlist-view-song-item-edit-mode .playlist-view-song-icon{margin-right:.75rem}.playlist-view-edit-btn span{transition:opacity .2s ease}.playlist-view-edit-btn:disabled span{opacity:.7}.playlist-view-info{background:linear-gradient(135deg,var(--info-color),rgba(23,162,184,.8));color:#fff;border:none;box-shadow:0 4px 12px #17a2b840}.playlist-view-edit-btn:disabled .playlist-view-btn-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}}.playlist-view-rename-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;box-shadow:0 4px 12px #8b5cf640;display:flex;align-items:center;transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden;text-transform:none}.playlist-view-rename-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.playlist-view-rename-btn:hover:before{left:100%}.playlist-view-rename-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf659}.playlist-view-rename-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #8b5cf626}.playlist-view-rename-btn:disabled:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:none}.playlist-view-rename-btn .playlist-view-btn-icon{transition:all .3s ease}.playlist-view-rename-btn:hover .playlist-view-btn-icon{transform:rotate(15deg) scale(1.1)}.playlist-view-rename-btn:disabled .playlist-view-btn-icon{animation:pulse 1.5s ease-in-out infinite}.playlist-view-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeInBackdrop .3s ease-out;padding:1rem}@keyframes fadeInBackdrop{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.playlist-view-modal-content{background:var(--bg-primary);border-radius:1rem;padding:2rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border-color);min-width:400px;max-width:500px;width:100%;animation:slideInModal .3s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes slideInModal{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.playlist-view-modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;text-align:center;position:relative}.playlist-view-modal-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#8b5cf6,#7c3aed);border-radius:2px}.playlist-view-form-group{margin-bottom:2rem}.playlist-view-form-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;font-size:.95rem}.playlist-view-form-input{width:100%;padding:1rem 1.25rem;border:2px solid var(--border-color);border-radius:.75rem;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.playlist-view-form-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a,0 4px 8px #0000001a;background:var(--bg-primary);transform:translateY(-1px)}.playlist-view-form-input::-moz-placeholder{color:var(--text-muted);font-style:italic}.playlist-view-form-input::placeholder{color:var(--text-muted);font-style:italic}.playlist-view-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.playlist-view-confirm-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;padding:.875rem 2rem;border-radius:.75rem;box-shadow:0 4px 12px #10b98140;display:flex;align-items:center;transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden;min-width:120px;justify-content:center}.playlist-view-confirm-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.playlist-view-confirm-btn:hover:before{left:100%}.playlist-view-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.playlist-view-confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #10b98126}.playlist-view-modal-cancel-btn{background:linear-gradient(135deg,var(--cancel-btn-bg),var(--cancel-btn-hover));color:#fff;font-weight:500;padding:.875rem 1.5rem;border-radius:.75rem;display:flex;align-items:center;transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden;min-width:100px;justify-content:center}.playlist-view-modal-cancel-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.playlist-view-modal-cancel-btn:hover:before{left:100%}.playlist-view-modal-cancel-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--cancel-btn-hover),var(--cancel-btn-hover));transform:translateY(-1px)}.playlist-view-modal-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.playlist-view-error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#b91c1c;padding:1rem;border-radius:.75rem;margin-top:1rem;font-size:.9rem;font-weight:500;animation:slideInError .3s ease-out;display:flex;align-items:center;gap:.5rem}.playlist-view-error-message:before{content:"⚠️";font-size:1.2rem}@keyframes slideInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.playlist-view-modal-content{min-width:auto;margin:1rem;padding:1.5rem}.playlist-view-modal-title{font-size:1.25rem;margin-bottom:1.25rem}.playlist-view-modal-actions{flex-direction:column;gap:.75rem}.playlist-view-modal-actions button{width:100%}.playlist-view-form-input{padding:.875rem 1rem;font-size:16px}}@keyframes buttonPulse{0%,to{opacity:1}50%{opacity:.7}}.playlist-view-confirm-btn:disabled,.playlist-view-rename-btn:disabled{animation:buttonPulse 1.5s ease-in-out infinite}.playlist-view-form-input:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.playlist-view-confirm-btn:focus-visible,.playlist-view-modal-cancel-btn:focus-visible,.playlist-view-rename-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.playlist-view-form-input.success{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.playlist-view-modal-overlay.closing{animation:fadeOutBackdrop .3s ease-in forwards}.playlist-view-modal-overlay.closing .playlist-view-modal-content{animation:slideOutModal .3s ease-in forwards}@keyframes fadeOutBackdrop{0%{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}@keyframes slideOutModal{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-20px)}}.playlist-view-delete-playlist-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;box-shadow:0 4px 12px #ef444440;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden;text-transform:none}.playlist-view-delete-playlist-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.playlist-view-delete-playlist-btn:hover:before{left:100%}.playlist-view-delete-playlist-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 6px 20px #ef444459}.playlist-view-delete-playlist-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 6px #ef444426}.playlist-view-delete-playlist-btn:disabled:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:none}.playlist-view-delete-playlist-btn .playlist-view-btn-icon{transition:all .3s ease}.playlist-view-delete-playlist-btn:hover:not(:disabled) .playlist-view-btn-icon{transform:scale(1.1)}.playlist-view-delete-playlist-btn:disabled .playlist-view-btn-icon{animation:pulse 1.5s ease-in-out infinite}.playlist-view-delete-playlist-btn:hover:not(:disabled){animation:deleteWarning .5s ease-in-out}@keyframes deleteWarning{0%,to{transform:translateY(-2px)}50%{transform:translateY(-2px) scale(1.02)}}.playlist-view-delete-playlist-btn:focus-visible{outline:2px solid #ef4444;outline-offset:2px}@media (max-width: 640px){.playlist-view-delete-playlist-btn{padding:.625rem 1.25rem;font-size:.9rem}}@media (min-width: 640px){.playlist-view-page{padding:1.5rem}.playlist-view-song-item{padding:1rem .75rem}.playlist-view-song-icon{margin-right:1rem}.playlist-view-song-artist,.playlist-view-song-duration{font-size:.875rem}}@media (min-width: 1024px){.playlist-view-page{padding:2rem}}.app-container{min-height:100vh;width:100%;background-color:var(--gray-50);color:var(--gray-900);margin:0;padding:0}.main-content{transition:all .3s ease;width:100%}.main-content--expanded{padding-left:15rem}.main-content--collapsed{padding-left:4rem}.main-inner{padding:1rem 1rem 7rem;transition:all .3s ease}@media (min-width: 640px){.main-inner{padding:1.5rem}}@media (min-width: 1024px){.main-inner{padding:2rem 2rem 7rem}}.content-wrapper{max-width:80rem;margin-left:auto;margin-right:auto}.volume-control{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}@media (min-width: 640px){.volume-control{gap:.75rem}}.volume-button{width:2.5rem;height:2.5rem;font-size:1.5rem}@media (min-width: 640px){.volume-button{width:2.5rem;height:2.5rem;font-size:1.875rem}}.volume-slider{flex:1;max-width:7rem;height:.5rem;background:linear-gradient(to right,var(--slate-200) 0%,var(--slate-200) 100%);border-radius:.5rem;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.volume-slider:hover{transform:scaleY(1.1)}.volume-slider::-webkit-slider-runnable-track{background:var(--slate-200);height:.5rem;border-radius:.5rem;border:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;background:var(--slate-600);border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #4755694d,0 2px 4px #0000001a;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);margin-top:-.25rem;border:none}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #47556966,0 4px 8px #00000026}.volume-slider::-moz-range-track{background:var(--slate-200);height:.5rem;border-radius:.5rem;border:none}.volume-slider::-moz-range-thumb{width:1rem;height:1rem;background:var(--slate-600);border:none;border-radius:50%;box-shadow:0 4px 12px #4755694d,0 2px 4px #0000001a;cursor:pointer;-moz-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1)}.volume-slider::-moz-range-thumb:hover{transform:scale(1.15)}.track-info{display:flex;align-items:center;width:100%;min-width:0}@media (min-width: 768px){.track-info{width:33.333333%}}.track-thumbnail{height:3rem;width:3rem;border-radius:.375rem;-o-object-fit:cover;object-fit:cover;margin-right:.75rem;flex-shrink:0;box-shadow:var(--shadow-sm)}.track-details{overflow:hidden}.track-title{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.2;color:var(--text-primary)}.track-artist{font-size:.75rem;color:var(--gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;line-height:1.2}.seek-bar{width:100%;display:flex;align-items:center;gap:.75rem;padding:0 .5rem}.time-display{font-size:.75rem;color:var(--gray-500);width:2.75rem;text-align:center;font-weight:500;font-variant-numeric:tabular-nums}.progress-slider{-webkit-appearance:none;width:100%;height:.5rem;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--slate-200) 0%,var(--slate-200) 100%);border-radius:.5rem;cursor:pointer;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.progress-slider:hover{transform:scaleY(1.1)}.progress-slider:disabled{opacity:.5;cursor:not-allowed;transform:none}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;background:var(--slate-600);border-radius:50%;border:none;box-shadow:0 4px 12px #4755694d,0 2px 4px #0000001a;margin-top:-.25rem;cursor:pointer;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1)}.progress-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 6px 16px #47556966,0 4px 8px #00000026}.progress-slider::-moz-range-thumb{width:1rem;height:1rem;background:var(--slate-600);border:none;border-radius:50%;box-shadow:0 4px 12px #4755694d,0 2px 4px #0000001a;cursor:pointer;-moz-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1)}.progress-slider::-moz-range-thumb:hover{transform:scale(1.15)}.progress-slider::-moz-range-track{background:var(--slate-200);height:.5rem;border-radius:.5rem;border:none}.progress-slider:focus{outline:none}.player-controls{display:flex;align-items:center;gap:.25rem}@media (min-width: 640px){.player-controls{gap:.5rem}}.play-pause-button{width:2.5rem;height:2.5rem;font-size:1.5rem}@media (min-width: 640px){.play-pause-button{width:3rem;height:3rem;font-size:1.875rem}}.icon-button{padding:.5rem;border-radius:9999px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer}.icon-button--active{color:var(--indigo-500)}.icon-button--active:hover{background-color:var(--indigo-100)}.icon-button--inactive{color:var(--gray-500)}.icon-button--inactive:hover{background-color:var(--gray-200)}.icon-button__icon{font-size:20px}@media (min-width: 640px){.icon-button__icon{font-size:24px}}:root,.light-theme{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #6c757d;--text-muted: #868e96;--border-color: #dee2e6;--border-light: #f8f9fa;--toggle-btn-bg: #f8f9fa;--toggle-btn-color: #495057;--toggle-btn-hover-bg: #e9ecef;--shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);--shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);--shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);--sidebar-bg: #f8f9fa;--sidebar-text: #495057;--sidebar-toggle-color: #6c757d;--sidebar-toggle-hover-bg: #e9ecef;--sidebar-toggle-hover-color: #212529;--sidebar-menu-hover-bg: #e9ecef;--sidebar-menu-hover-color: #212529;--player-border: #dee2e6;--player-bg: rgba(248, 249, 250, .85);--player-shadow: 0 -10px 25px -5px rgba(0, 0, 0, .1);--player-text: #495057;--primary-color-hover: #0056b3;--primary-color-focus: rgba(0, 123, 255, .5);--success-color-hover: #218838;--success-color-focus: rgba(40, 167, 69, .5);--secondary-color-hover: #5a6268;--secondary-color-focus: rgba(108, 117, 125, .5);--success-bg: #d4edda;--success-text: #155724;--success-border: #c3e6cb;--error-bg: #f8d7da;--error-text: #721c24;--error-border: #f1b0b7;--warning-bg: #fff3cd;--warning-text: #856404;--slate-50: #f8fafc;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--gray-50: #f9fafb;--gray-200: #e5e7eb;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-900: #111827;--red-50: #fef2f2;--red-200: #fecaca;--red-600: #dc2626;--red-800: #991b1b;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-100: #e0e7ff;--indigo-800: #3730a3;--indigo-300: #a5b4fc;--edit-mode-bg: rgba(59, 130, 246, .1);--edit-mode-border: #3b82f6;--selection-bg: rgba(59, 130, 246, .15);--selection-border: #3b82f6;--checkbox-bg: #ffffff;--checkbox-border: #d1d5db;--checkbox-checked-bg: #3b82f6;--checkbox-checked-border: #3b82f6;--delete-btn-bg: #ef4444;--delete-btn-hover: #dc2626;--cancel-btn-bg: #6b7280;--cancel-btn-hover: #4b5563;--edit-btn-bg: #f59e0b;--edit-btn-hover: #d97706}.dark-theme{--primary-color: #0d6efd;--secondary-color: #6c757d;--success-color: #198754;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #0dcaf0;--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #adb5bd;--text-muted: #6c757d;--border-color: #495057;--border-light: #343a40;--toggle-btn-bg: #2d2d2d;--toggle-btn-color: #ffffff;--toggle-btn-hover-bg: #404040;--shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .3);--shadow: 0 .5rem 1rem rgba(0, 0, 0, .4);--shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .5);--sidebar-bg: #1e1e1e;--sidebar-text: #e5e7eb;--sidebar-toggle-color: #9ca3af;--sidebar-toggle-hover-bg: #374151;--sidebar-toggle-hover-color: #ffffff;--sidebar-menu-hover-bg: #374151;--sidebar-menu-hover-color: #ffffff;--player-border: #495057;--player-bg: rgba(30, 30, 30, .85);--player-shadow: 0 -10px 25px -5px rgba(14, 222, 14, .3);--player-text: rgb(239, 187, 14);--primary-color-hover: #4dabf7;--primary-color-focus: rgba(13, 110, 253, .5);--success-color-hover: #20c997;--success-color-focus: rgba(25, 135, 84, .5);--secondary-color-hover: #495057;--secondary-color-focus: rgba(108, 117, 125, .5);--success-bg: #0f3f2f;--success-text: #75dd99;--success-border: #22543d;--error-bg: #3d1a1a;--error-text: #fc8181;--error-border: #742a2a;--warning-bg: #3d2914;--warning-text: #fbd38d;--slate-50: #0f172a;--slate-200: #334155;--slate-300: #475569;--slate-500: #94a3b8;--slate-600: #cbd5e1;--slate-700: #e2e8f0;--gray-50: #111827;--gray-200: #374151;--gray-400: #6b7280;--gray-500: #9ca3af;--gray-600: #d1d5db;--gray-900: #f9fafb;--red-50: #450a0a;--red-200: #7f1d1d;--red-600: #ef4444;--red-800: #fca5a5;--indigo-500: #818cf8;--indigo-600: #6366f1;--indigo-100: #312e81;--indigo-800: #e0e7ff;--indigo-300: #4338ca;--edit-mode-bg: rgba(59, 130, 246, .2);--edit-mode-border: #60a5fa;--selection-bg: rgba(59, 130, 246, .25);--selection-border: #60a5fa;--checkbox-bg: #374151;--checkbox-border: #6b7280;--checkbox-checked-bg: #3b82f6;--checkbox-checked-border: #60a5fa;--delete-btn-bg: #ef4444;--delete-btn-hover: #f87171;--cancel-btn-bg: #6b7280;--cancel-btn-hover: #9ca3af;--edit-btn-bg: #f59e0b;--edit-btn-hover: #fbbf24}