.bottom-player{position:fixed;bottom:0;left:0;right:0;height:90px;background:#181818;border-top:1px solid #282828;display:flex;align-items:center;padding:0 16px;z-index:1000;color:#fff}.player-left{flex:0 0 30%;display:flex;align-items:center;gap:14px;min-width:180px}.player-album-art{width:56px;height:56px;border-radius:4px;object-fit:cover;background:#333}.player-album-art-placeholder{width:56px;height:56px;border-radius:4px;background:#333;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.player-song-info{display:flex;flex-direction:column;gap:4px;min-width:0}.player-song-title{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.player-song-title:hover{text-decoration:underline}.player-song-artist{font-size:11px;color:#b3b3b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.player-song-artist:hover{color:#fff;text-decoration:underline}.player-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:722px}.player-controls{display:flex;align-items:center;justify-content:center;gap:16px}.player-control-btn{width:32px;height:32px;border:none;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .1s}.player-control-btn:hover{transform:scale(1.1)}.player-progress{display:flex;align-items:center;gap:8px;width:100%}.player-time{font-size:11px;color:#b3b3b3;min-width:40px;text-align:center}.player-progress-bar{flex:1;height:4px;background:#535353;border-radius:2px;outline:none;-webkit-appearance:none;cursor:pointer}.player-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;opacity:0;transition:opacity .2s}.player-progress-bar:hover::-webkit-slider-thumb{opacity:1}.player-progress-bar::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none;opacity:0;transition:opacity .2s}.player-progress-bar:hover::-moz-range-thumb{opacity:1}.player-right{flex:0 0 30%;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:180px}.player-tracks-toggle{display:flex;align-items:center}.player-tracks-btn{background:none;border:none;color:#b3b3b3;font-size:16px;cursor:pointer;padding:8px;border-radius:4px;transition:color .2s,background .2s}.player-tracks-btn:hover{color:#fff;background:#ffffff1a}.player-tracks-panel{position:fixed;bottom:90px;right:16px;width:300px;max-height:400px;background:#282828;border-radius:8px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;overflow:hidden;z-index:1001}.tracks-panel-header{padding:16px;border-bottom:1px solid #3e3e3e}.tracks-panel-header h3{margin:0;font-size:14px;font-weight:600;color:#fff}.tracks-panel-list{padding:8px;overflow-y:auto;max-height:300px}.track-toggle-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background .2s;color:#b3b3b3;font-size:13px}.track-toggle-item:hover{background:#ffffff1a;color:#fff}.track-toggle-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#1db954}@media (max-width: 768px){.bottom-player{height:70px;padding:0 8px}.player-left{flex:0 0 auto;min-width:0}.player-song-info{display:none}.player-center{flex:1}.player-right{flex:0 0 auto;min-width:0}.player-tracks-panel{width:250px;right:8px}}.sidebar{position:fixed;left:0;top:0;width:240px;height:100vh;background-color:var(--spotify-sidebar-bg);padding:24px 8px 90px;overflow-y:auto;overflow-x:hidden;z-index:100;transition:transform .3s ease-in-out}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0);z-index:200}.sidebar-overlay{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:150}}.sidebar-content{display:flex;flex-direction:column;gap:24px;min-height:100%}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:0 12px;margin-bottom:8px}.logo-icon{width:32px;height:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 21l8.5-18 8.5 18'/%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M7 21V7l5-4 5 4v14'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:32px 32px;display:inline-block;flex-shrink:0}.logo-text{font-size:24px;font-weight:700;color:var(--spotify-white)}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:16px;padding:8px 12px;color:var(--spotify-light-gray);text-decoration:none;border-radius:4px;transition:color .2s,background-color .2s;font-weight:500;font-size:14px}.nav-item:hover,.nav-item.active{color:var(--spotify-white);background-color:var(--spotify-gray)}.nav-icon{font-size:20px;width:24px;text-align:center}.nav-icon.search-icon{font-size:0;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px;display:inline-block}.nav-icon.library-icon{font-size:0;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px;display:inline-block}.nav-icon.heart-icon{font-size:0;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px;display:inline-block}.nav-icon.admin-icon{font-size:0;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.78 1.35a2 2 0 0 0 .73 2.73l.15.08a2 2 0 0 1 1 1.73v.44a2 2 0 0 1-1 1.73l-.15.08a2 2 0 0 0-.73 2.73l.78 1.35a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.78-1.35a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.73v-.44a2 2 0 0 1 1-1.73l.15-.08a2 2 0 0 0 .73-2.73l-.78-1.35a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px;display:inline-block}.nav-text{flex:1}.sidebar-section{margin-top:8px;padding-top:16px;border-top:1px solid var(--spotify-gray)}.sidebar-section-header{padding:0 12px 8px}.section-title{font-size:11px;font-weight:700;color:var(--spotify-light-gray);text-transform:uppercase;letter-spacing:1.5px}.create-playlist-btn{display:flex;align-items:center;gap:16px;padding:8px 12px;background:var(--spotify-white);border:none;color:var(--spotify-black);cursor:pointer;border-radius:20px;transition:transform .2s,background-color .2s;font-weight:700;font-size:14px;width:100%;text-align:left;text-decoration:none}.create-playlist-btn:hover{background-color:#ffffffe6;transform:scale(1.02)}.profile-dropdown{position:relative;display:inline-block}.profile-trigger{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:50px;transition:background .2s}.profile-trigger:hover{background:#ffffff1a}.profile-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);object-fit:cover}.profile-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#450af5,#c44569);display:flex;align-items:center;justify-content:center;color:var(--spotify-white);font-weight:700;font-size:16px;border:2px solid rgba(255,255,255,.3)}.dropdown-arrow{font-size:.7rem;color:#fffc;transition:transform .2s}.profile-trigger:hover .dropdown-arrow{transform:translateY(2px)}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:var(--spotify-sidebar-bg);border-radius:8px;box-shadow:0 8px 24px #00000080;min-width:240px;z-index:1000;overflow:hidden;animation:slideDown .2s ease-out;border:1px solid rgba(255,255,255,.1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:1rem;background:#ffffff0d;color:var(--spotify-white);border-bottom:1px solid rgba(255,255,255,.1)}.dropdown-user-info{display:flex;align-items:center;gap:.75rem}.dropdown-avatar{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.3);object-fit:cover}.dropdown-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#450af5,#c44569);display:flex;align-items:center;justify-content:center;color:var(--spotify-white);font-weight:700;font-size:20px;border:2px solid rgba(255,255,255,.3)}.dropdown-user-details{flex:1;min-width:0}.dropdown-user-name{font-weight:600;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-user-email{font-size:.85rem;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:#ffffff1a;margin:.25rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--spotify-white);text-decoration:none;background:none;border:none;width:100%;text-align:left;cursor:pointer;font-size:.95rem;transition:background .2s;font-weight:500}.dropdown-item:hover{background:var(--spotify-gray)}.dropdown-item.logout-item{color:var(--spotify-white)}.dropdown-item.logout-item:hover{background:#dc354533;color:#ff6b6b}.dropdown-icon{font-size:0;width:16px;height:16px;display:inline-block;flex-shrink:0}.dropdown-icon.profile-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px}.dropdown-icon.library-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px}.dropdown-icon.heart-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px}.dropdown-icon.settings-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 1v6m0 6v6M5.64 5.64l4.24 4.24m4.24 4.24l4.24 4.24M1 12h6m6 0h6M5.64 18.36l4.24-4.24m4.24-4.24l4.24-4.24'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px}.dropdown-icon.logout-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px}.dropdown-icon.admin-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.78 1.35a2 2 0 0 0 .73 2.73l.15.08a2 2 0 0 1 1 1.73v.44a2 2 0 0 1-1 1.73l-.15.08a2 2 0 0 0-.73 2.73l.78 1.35a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.78-1.35a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.73v-.44a2 2 0 0 1 1-1.73l.15-.08a2 2 0 0 0 .73-2.73l-.78-1.35a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:20px 20px}.dropdown-item.logout-item:hover .dropdown-icon.logout-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ff6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E")}.top-bar{position:sticky;top:0;height:64px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:50;gap:16px}.top-bar-left{display:flex;gap:8px;flex-shrink:0}.nav-button{width:32px;height:32px;border-radius:50%;border:none;background-color:#000000b3;color:var(--spotify-white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:background-color .2s}.nav-button.hamburger-menu{display:none}@media (max-width: 768px){.nav-button.hamburger-menu{display:flex}}.nav-button:hover:not(:disabled){background-color:var(--spotify-gray)}.nav-button:disabled{opacity:.5;cursor:not-allowed}.top-bar-center{flex:1;display:flex;justify-content:center;max-width:600px;margin:0 auto}.top-bar-search-form{width:100%;max-width:500px}.top-bar-search-input{width:100%;height:40px;padding:0 16px 0 40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:var(--spotify-white);font-size:14px;transition:all .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:16px 16px}.top-bar-search-input::placeholder{color:#fff9}.top-bar-search-input:focus{outline:none;background-color:#ffffff26;border-color:#ffffff4d;box-shadow:0 0 0 2px #ffffff1a}.top-bar-right{display:flex;align-items:center;gap:16px;flex-shrink:0}@media (max-width: 768px){.top-bar{padding:0 16px}.top-bar-center{flex:1;min-width:0}.top-bar-search-form{max-width:100%}.top-bar-search-input{font-size:14px;padding:0 12px 0 36px}}.loading-spinner{display:inline-flex;align-items:center;justify-content:center}.loading-spinner-fullscreen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner-fullscreen p{color:#b3b3b3;font-size:.9rem}.spinner{border:3px solid rgba(255,255,255,.1);border-top:3px solid #1db954;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small .spinner{width:20px;height:20px;border-width:2px}.loading-spinner.medium .spinner{width:40px;height:40px;border-width:3px}.loading-spinner.large .spinner{width:60px;height:60px;border-width:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spotify-app{display:flex;min-height:100vh;background-color:var(--spotify-black);color:var(--spotify-white)}.main-content{flex:1;margin-left:240px;display:flex;flex-direction:column;background:linear-gradient(180deg,#1e3264 0%,var(--spotify-black) 400px);min-height:calc(100vh - 90px)}.content-area{flex:1;padding:24px 32px;overflow-y:auto}.greeting-section{margin-bottom:32px}.greeting-section h1{font-size:32px;font-weight:700;margin-bottom:24px;color:var(--spotify-white)}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px}.quick-access-card{display:flex;align-items:center;gap:16px;padding:16px;background-color:#ffffff1a;border-radius:8px;text-decoration:none;color:var(--spotify-white);transition:background-color .2s;font-weight:500}.quick-access-card:hover{background-color:#fff3}.quick-access-card .card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#450af5,#c44569);border-radius:8px;background-repeat:no-repeat;background-position:center;background-size:24px 24px}.quick-access-card .card-icon.search-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E")}.quick-access-card .card-icon.plus-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' x2='12' y1='5' y2='19'/%3E%3Cline x1='5' x2='19' y1='12' y2='12'/%3E%3C/svg%3E")}.quick-access-card .card-icon.library-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z'/%3E%3Cpath d='M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E")}.quick-access-card .card-icon.heart-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E")}.section{margin-bottom:32px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h2{font-size:24px;font-weight:700;color:var(--spotify-white)}.see-all-link{color:var(--spotify-light-gray);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.see-all-link:hover{color:var(--spotify-white);text-decoration:underline}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.feature-card{background-color:var(--spotify-gray);border-radius:8px;padding:16px;text-decoration:none;color:var(--spotify-white);transition:background-color .2s;cursor:pointer}.feature-card:hover{background-color:#3e3e3e}.feature-card-image{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#450af5,#c44569);border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden;position:relative}.feature-card-image img{width:100%;height:100%;object-fit:cover}.feature-card-image .feature-icon{width:48px;height:48px;background-repeat:no-repeat;background-position:center;background-size:48px 48px;display:inline-block}.feature-card-image .feature-icon.search-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E")}.feature-card-image .feature-icon.plus-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' x2='12' y1='5' y2='19'/%3E%3Cline x1='5' x2='19' y1='12' y2='12'/%3E%3C/svg%3E")}.feature-card-title{font-size:16px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-card-subtitle{font-size:14px;color:var(--spotify-light-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.main-content{margin-left:0}.content-area{padding:16px}.quick-access-grid{grid-template-columns:1fr;gap:12px}.greeting-section h1{font-size:24px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#1e3264 0%,var(--spotify-black) 400px);padding:2rem}.auth-card{background:var(--spotify-gray);border-radius:8px;padding:3rem;max-width:400px;width:100%;text-align:center;box-shadow:0 8px 24px #00000080}.auth-card h1{font-size:32px;font-weight:700;color:var(--spotify-white);margin:0 0 1rem}.auth-subtitle{font-size:16px;color:var(--spotify-light-gray);margin:0 0 2rem}.auth-button{width:100%;padding:14px 32px;background:var(--spotify-white);color:var(--spotify-black);border:none;border-radius:500px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s;margin-bottom:1rem}.auth-button:hover{transform:scale(1.05)}.auth-footer{font-size:12px;color:var(--spotify-light-gray);margin:2rem 0 0}.error-message{background:#ff44441a;border:1px solid #ff4444;color:#f44;padding:1rem;border-radius:4px;margin-top:1rem;font-size:14px}.discover-header{margin-bottom:24px}.discover-header h1{font-size:32px;font-weight:700;margin-bottom:16px;color:var(--spotify-white)}.filter-buttons{display:flex;gap:8px}.filter-btn{padding:6px 16px;background:var(--spotify-gray);color:var(--spotify-white);border:none;border-radius:20px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s}.filter-btn:hover{background:#3e3e3e;transform:scale(1.05)}.filter-btn.active{background:var(--spotify-white);color:var(--spotify-black)}.spotify-button{display:inline-block;margin-top:1rem;padding:12px 32px;background:var(--spotify-white);color:var(--spotify-black);text-decoration:none;border-radius:500px;font-weight:700;font-size:14px;transition:transform .2s}.spotify-button:hover{transform:scale(1.05)}.spotify-card{background-color:var(--spotify-gray);border-radius:8px;padding:16px;transition:background-color .2s;position:relative}.spotify-card:hover{background-color:#3e3e3e}.card-link{text-decoration:none;color:inherit;display:block}.card-image-container{position:relative;width:100%;aspect-ratio:1;margin-bottom:16px;border-radius:4px;overflow:hidden;background-color:#333}.card-image{width:100%;height:100%;object-fit:cover}.card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;background:linear-gradient(135deg,#450af5,#c44569)}.play-button-overlay{position:absolute;bottom:8px;right:8px;width:48px;height:48px;border-radius:50%;background:var(--spotify-green);border:none;color:var(--spotify-black);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px);transition:all .3s;box-shadow:0 8px 16px #0000004d}.spotify-card:hover .play-button-overlay{opacity:1;transform:translateY(0)}.play-button-overlay:hover{background:var(--spotify-green-hover);transform:translateY(0) scale(1.1)}.card-info{min-height:62px}.card-title{font-size:16px;font-weight:700;color:var(--spotify-white);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-subtitle{font-size:14px;color:var(--spotify-light-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscribe-btn-small{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:none;background:#0009;color:var(--spotify-white);cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s}.spotify-card:hover .subscribe-btn-small{opacity:1}.subscribe-btn-small:hover{background:#000c;transform:scale(1.1)}.subscribe-btn-small.subscribed{background:var(--spotify-green);color:var(--spotify-black)}.create-album-container{max-width:900px;margin:0 auto}.create-album-container h1{margin:0 0 2rem;color:var(--spotify-white);font-size:32px;font-weight:700}.album-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section h2{margin:0;color:var(--spotify-white);font-size:20px;font-weight:700;border-bottom:1px solid var(--spotify-gray);padding-bottom:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--spotify-white);font-size:14px}.form-group input,.form-group textarea{padding:12px 16px;border:none;border-radius:4px;font-size:14px;font-family:inherit;background-color:var(--spotify-gray);color:var(--spotify-white);transition:background-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;background-color:#3e3e3e}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--spotify-light-gray)}.song-card{background:var(--spotify-gray);border-radius:8px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.song-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.song-header h3{margin:0;color:var(--spotify-white);font-size:16px;font-weight:700}.tracks-section{margin-top:1rem}.tracks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.tracks-header label{color:var(--spotify-white);font-weight:500}.track-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.track-name-input{flex:1;padding:8px 12px;border:none;border-radius:4px;background-color:#ffffff1a;color:var(--spotify-white);font-size:14px}.track-name-input:focus{outline:none;background-color:#ffffff26}.track-file-input{flex:2;padding:8px 12px;border:none;border-radius:4px;background-color:#ffffff1a;color:var(--spotify-white);font-size:14px;cursor:pointer}.track-file-input::file-selector-button{padding:6px 12px;margin-right:12px;background:var(--spotify-white);color:var(--spotify-black);border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:12px}.track-file-input::file-selector-button:hover{transform:scale(1.05)}.add-button{padding:8px 16px;background:var(--spotify-white);color:var(--spotify-black);border:none;border-radius:500px;cursor:pointer;font-weight:700;font-size:14px;transition:transform .2s}.add-button:hover{transform:scale(1.05)}.add-button.small{padding:6px 12px;font-size:12px}.remove-button{padding:8px 16px;background:transparent;color:var(--spotify-light-gray);border:1px solid var(--spotify-gray);border-radius:500px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s}.remove-button:hover{background:#ffffff1a;color:var(--spotify-white);border-color:var(--spotify-light-gray)}.remove-button.small{padding:4px 8px;font-size:18px;min-width:32px;border-radius:50%}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--spotify-gray)}.cancel-button{padding:12px 32px;background:transparent;color:var(--spotify-white);border:1px solid var(--spotify-gray);border-radius:500px;cursor:pointer;font-weight:700;font-size:14px;transition:all .2s}.cancel-button:hover{background:#ffffff1a;border-color:var(--spotify-white);transform:scale(1.05)}.submit-button{padding:12px 32px;background:var(--spotify-white);color:var(--spotify-black);border:none;border-radius:500px;cursor:pointer;font-weight:700;font-size:14px;transition:transform .2s}.submit-button:hover{transform:scale(1.05)}.album-detail-container{max-width:1200px;margin:0 auto}.album-header{display:flex;gap:24px;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--spotify-gray)}.album-cover-large{width:232px;height:232px;flex-shrink:0;border-radius:4px;overflow:hidden;background:var(--spotify-gray);box-shadow:0 8px 24px #00000080}.album-cover-large img{width:100%;height:100%;object-fit:cover}.album-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:96px;background:linear-gradient(135deg,#450af5,#c44569)}.album-info-large{display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.album-info-large h1{font-size:48px;font-weight:700;color:var(--spotify-white);margin:0;line-height:1.2}.artist-name{font-size:14px;color:var(--spotify-white);font-weight:500;margin:0}.album-description{font-size:14px;color:var(--spotify-light-gray);margin:8px 0;line-height:1.5}.album-stats-large{display:flex;gap:16px;margin-top:8px;font-size:14px;color:var(--spotify-light-gray)}.album-actions-large{display:flex;gap:16px;align-items:center;margin-top:24px}.subscribe-button-large{padding:12px 32px;background:var(--spotify-white);color:var(--spotify-black);border:none;border-radius:500px;cursor:pointer;font-weight:700;font-size:14px;transition:transform .2s}.subscribe-button-large:hover{transform:scale(1.05)}.subscribe-button-large.subscribed{background:transparent;color:var(--spotify-white);border:1px solid var(--spotify-gray)}.subscribe-button-large.subscribed:hover{border-color:var(--spotify-white);background:#ffffff1a}.songs-section{margin-top:32px}.songs-section h2{font-size:24px;font-weight:700;color:var(--spotify-white);margin-bottom:16px}.songs-list{display:flex;flex-direction:column;gap:4px}.song-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:4px;cursor:pointer;transition:background-color .2s;gap:16px}.song-item:hover{background-color:var(--spotify-gray)}.song-item.active{background-color:#ffffff1a}.song-info{flex:1;min-width:0}.song-info h3{font-size:16px;font-weight:500;color:var(--spotify-white);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-info p{font-size:14px;color:var(--spotify-light-gray);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-tracks-info{font-size:12px;color:var(--spotify-light-gray)}.song-actions{display:flex;gap:8px;align-items:center}.action-button{padding:8px 12px;background:transparent;color:var(--spotify-light-gray);border:none;border-radius:500px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:4px}.action-button:hover{color:var(--spotify-white);background:#ffffff1a}.action-button.liked,.action-button.favorited{color:var(--spotify-green)}.player-section{margin-top:32px;padding:24px;background:var(--spotify-gray);border-radius:8px}.player-section h2{font-size:20px;font-weight:700;color:var(--spotify-white);margin:0 0 8px}.player-section p{color:var(--spotify-light-gray);margin:0;font-size:14px}.profile-container{max-width:1200px;margin:0 auto}.profile-header{display:flex;gap:24px;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--spotify-gray)}.profile-avatar-large{width:232px;height:232px;flex-shrink:0;border-radius:50%;overflow:hidden;background:var(--spotify-gray);box-shadow:0 8px 24px #00000080}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:96px;font-weight:700;background:linear-gradient(135deg,#450af5,#c44569);color:var(--spotify-white)}.profile-info{display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.profile-info h1{font-size:48px;font-weight:700;color:var(--spotify-white);margin:0;line-height:1.2}.profile-email{font-size:14px;color:var(--spotify-light-gray);margin:0}.profile-stats{display:flex;gap:24px;margin-top:16px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:24px;font-weight:700;color:var(--spotify-white)}.stat-label{font-size:14px;color:var(--spotify-light-gray)}.subscribe-button-profile{padding:12px 32px;background:var(--spotify-white);color:var(--spotify-black);border:none;border-radius:500px;cursor:pointer;font-weight:700;font-size:14px;transition:transform .2s;margin-top:16px;width:fit-content}.subscribe-button-profile:hover{transform:scale(1.05)}.subscribe-button-profile.subscribed{background:transparent;color:var(--spotify-white);border:1px solid var(--spotify-gray)}.subscribe-button-profile.subscribed:hover{border-color:var(--spotify-white);background:#ffffff1a}.create-album-button{padding:12px 32px;background:var(--spotify-white);color:var(--spotify-black);border:none;border-radius:500px;text-decoration:none;font-weight:700;font-size:14px;transition:transform .2s;margin-top:16px;width:fit-content;display:inline-block}.create-album-button:hover{transform:scale(1.05)}.profile-content{margin-top:32px}.profile-content h2{font-size:24px;font-weight:700;color:var(--spotify-white);margin-bottom:16px}@media (max-width: 768px){.profile-header{flex-direction:column;align-items:center;text-align:center;gap:16px}.profile-avatar-large{width:150px;height:150px}.avatar-placeholder-large{font-size:64px}.profile-info{align-items:center;text-align:center}.profile-info h1{font-size:32px}.profile-stats{justify-content:center;gap:32px}.content-area{padding:16px}.albums-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}}.settings-container{max-width:900px;margin:0 auto}.settings-container h1{font-size:32px;font-weight:700;color:var(--spotify-white);margin-bottom:32px}.settings-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--spotify-gray)}.settings-section:last-child{border-bottom:none}.settings-section h2{font-size:20px;font-weight:700;color:var(--spotify-white);margin-bottom:16px}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:16px}.settings-item-info{flex:1}.settings-item-info label{display:block;font-size:16px;font-weight:500;color:var(--spotify-white);margin-bottom:4px}.settings-value{font-size:14px;color:var(--spotify-light-gray);margin:0}.settings-value-small{font-size:12px;word-break:break-all}.settings-description{font-size:14px;color:var(--spotify-light-gray);margin:4px 0 0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--spotify-gray);border-radius:24px;transition:background-color .3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--spotify-white);border-radius:50%;transition:transform .3s}.toggle-switch input:checked+.toggle-slider{background-color:var(--spotify-green)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.settings-select{padding:8px 16px;background-color:var(--spotify-gray);color:var(--spotify-white);border:none;border-radius:4px;font-size:14px;font-family:inherit;cursor:pointer;transition:background-color .2s}.settings-select:hover{background-color:#3e3e3e}.settings-select:focus{outline:none;background-color:#3e3e3e}.settings-button{padding:8px 24px;border:none;border-radius:500px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s}.settings-button.secondary{background:var(--spotify-white);color:var(--spotify-black)}.settings-button.secondary:hover{transform:scale(1.05)}.settings-button.danger{background:transparent;color:#f44;border:1px solid #ff4444}.settings-button.danger:hover{background:#ff44441a;transform:scale(1.05)}.settings-footer{margin-top:32px;padding-top:32px;border-top:1px solid var(--spotify-gray)}.settings-note{font-size:14px;color:var(--spotify-light-gray);line-height:1.5;margin:0}.my-albums-container{max-width:1200px;margin:0 auto}.my-albums-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.my-albums-header h1{font-size:32px;font-weight:700;color:var(--spotify-white);margin:0}.create-album-link{padding:12px 32px;background:var(--spotify-white);color:var(--spotify-black);text-decoration:none;border-radius:500px;font-weight:700;font-size:14px;transition:transform .2s}.create-album-link:hover{transform:scale(1.05)}.create-link{display:inline-block;margin-top:1rem;padding:12px 32px;background:var(--spotify-white);color:var(--spotify-black);text-decoration:none;border-radius:500px;font-weight:700;font-size:14px;transition:transform .2s}.create-link:hover{transform:scale(1.05)}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.album-card{background-color:var(--spotify-gray);border-radius:8px;padding:16px;text-decoration:none;color:inherit;transition:background-color .2s;cursor:pointer}.album-card:hover{background-color:#3e3e3e}.album-cover{width:100%;aspect-ratio:1;margin-bottom:16px;border-radius:4px;overflow:hidden;background-color:#333}.album-cover img{width:100%;height:100%;object-fit:cover}.album-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;background:linear-gradient(135deg,#450af5,#c44569)}.album-info h3{font-size:16px;font-weight:700;color:var(--spotify-white);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-songs{font-size:14px;color:var(--spotify-light-gray);margin:0 0 8px}.album-stats{display:flex;gap:12px;font-size:12px;color:var(--spotify-light-gray)}.my-favorites-container{max-width:1200px;margin:0 auto}.my-favorites-container h1{font-size:32px;font-weight:700;color:var(--spotify-white);margin-bottom:32px}.empty-state{text-align:center;padding:4rem 2rem;color:var(--spotify-light-gray)}.discover-link{display:inline-block;margin-top:1rem;padding:12px 32px;background:var(--spotify-white);color:var(--spotify-black);text-decoration:none;border-radius:500px;font-weight:700;font-size:14px;transition:transform .2s}.discover-link:hover{transform:scale(1.05)}.favorites-list{display:flex;flex-direction:column;gap:4px}.favorite-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:4px;text-decoration:none;color:inherit;transition:background-color .2s;gap:16px}.favorite-item:hover{background-color:var(--spotify-gray)}.favorite-info{flex:1;min-width:0}.favorite-info h3{font-size:16px;font-weight:500;color:var(--spotify-white);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-artist{font-size:14px;color:var(--spotify-light-gray);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-album{font-size:12px;color:var(--spotify-light-gray);margin:0}.favorite-stats{display:flex;gap:16px;font-size:14px;color:var(--spotify-light-gray)}.admin-container{padding:24px;max-width:1200px}.admin-container h1{font-size:32px;font-weight:700;margin-bottom:8px;color:var(--spotify-white)}.admin-subtitle{color:var(--spotify-light-gray);margin-bottom:32px;font-size:14px}.admin-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--spotify-gray)}.admin-tab{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;color:var(--spotify-light-gray);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.admin-tab:hover{color:var(--spotify-white)}.admin-tab.active{color:var(--spotify-white);border-bottom-color:var(--spotify-green)}.admin-content{margin-top:24px}.admin-loading,.admin-empty{text-align:center;padding:48px;color:var(--spotify-light-gray)}.admin-list{display:flex;flex-direction:column;gap:16px}.admin-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--spotify-gray);border-radius:8px;transition:background-color .2s}.admin-item:hover{background-color:#3e3e3e}.admin-item-info{flex:1}.admin-item-info h3{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--spotify-white)}.admin-item-info p{font-size:14px;color:var(--spotify-light-gray);margin:4px 0}.admin-item-meta{font-size:12px;opacity:.7}.admin-button{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.admin-button.danger{background-color:var(--spotify-red);color:var(--spotify-white)}.admin-button.danger:hover:not(:disabled){background-color:#d32f2f}.admin-button.success{background-color:var(--spotify-green);color:var(--spotify-white)}.admin-button.success:hover{background-color:#1db954}.admin-button:disabled{opacity:.5;cursor:not-allowed}.admin-search{margin-bottom:24px}.admin-search-input{width:100%;padding:12px 16px;background-color:var(--spotify-gray);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--spotify-white);font-size:14px}.admin-search-input:focus{outline:none;border-color:var(--spotify-green);background-color:#3e3e3e}.admin-search-input::placeholder{color:var(--spotify-light-gray)}.admin-section{margin-bottom:32px}.admin-section-title{font-size:20px;font-weight:700;margin-bottom:16px;color:var(--spotify-white)}.admin-item-actions,.admin-ban-form{display:flex;gap:8px;align-items:center}.admin-ban-input{padding:8px 12px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:var(--spotify-white);font-size:14px;width:200px}.admin-ban-input:focus{outline:none;border-color:var(--spotify-red);background-color:#ffffff26}.admin-ban-input::placeholder{color:var(--spotify-light-gray)}.admin-item-meta.banned{color:var(--spotify-red);font-weight:600}:root{--spotify-black: #121212;--spotify-dark-gray: #181818;--spotify-gray: #282828;--spotify-light-gray: #b3b3b3;--spotify-white: #ffffff;--spotify-green: #1db954;--spotify-green-hover: #1ed760;--spotify-sidebar-bg: #000000;font-family:Circular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--spotify-white);background-color:var(--spotify-black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--spotify-black);padding-bottom:90px;overflow-x:hidden}#root{width:100%;min-height:100vh;display:block;background-color:var(--spotify-black)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--spotify-black)}::-webkit-scrollbar-thumb{background:var(--spotify-gray);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#3e3e3e}