header{align-items:center;background-color:#333;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;padding:1rem;position:relative;width:100%}.header-container{display:flex;gap:1rem}.header-container button{border:1px solid #555;padding:.5rem 1rem;transition:.2s}.burger-btn,.header-container button{background:#0000;color:#fff;cursor:pointer}.burger-btn{border:none;display:none;font-size:1.8rem;z-index:1001}@media (max-width:768px){.burger-btn{display:block}.header-container{background-color:#222;box-shadow:-5px 0 15px #00000080;box-sizing:border-box;flex-direction:column;gap:1.5rem;height:100vh;padding:5rem 1.5rem 1.5rem;position:fixed;right:-250px;top:0;transition:right .3s ease-in-out;width:250px;z-index:1000}.header-container.open{right:0}.header-container button{font-size:1.1rem;padding:.8rem 1rem;text-align:left;width:100%}}body,html{height:100%}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 0 auto}.site-footer{flex-shrink:0}body{padding-bottom:0}.site-footer{background-color:#0b0b0b;border-top:1px solid #282828;color:#b3b3b3;font-size:.9rem;margin-top:50px;padding:40px 20px 130px}.footer-content{grid-template-columns:2fr 1fr 1fr}.footer-brand .footer-logo{color:#1db954;display:block;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin-bottom:10px}.footer-brand .footer-description{color:#a7a7a7;line-height:1.5;max-width:300px}.footer-credits h4,.footer-links h4{color:#fff;font-size:1rem;margin-bottom:15px;margin-top:0}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links ul li{margin-bottom:10px}.footer-credits a,.footer-links ul li a{color:#b3b3b3;text-decoration:none;transition:color .2s ease}.footer-credits a:hover,.footer-links ul li a:hover{color:#1db954;text-decoration:underline}.footer-bottom{border-top:1px solid #282828;color:#727272;font-size:.8rem;margin:30px auto 0;max-width:1100px;padding-top:20px;text-align:center}.footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;max-width:1100px}@media (max-width:768px){.footer-content{gap:30px;grid-template-columns:1fr;text-align:center}.footer-brand .footer-description{margin:0 auto}.site-footer{padding-bottom:180px}}.auth-container{margin:60px auto;max-width:450px;padding:0 20px}.auth-card{background:#181818;border:1px solid #282828;border-radius:12px;box-shadow:0 10px 30px #00000080;padding:40px 30px}.auth-card h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 25px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form input{background-color:#242424;border:1px solid #333;border-radius:6px;color:#fff;font-family:inherit;font-size:.95rem;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.auth-form input:focus{background-color:#2a2a2a;border-color:#1db954;box-shadow:0 0 0 2px #1db95433}.auth-form input::placeholder{color:#727272}.btn-primary{background-color:#1db954;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:10px;padding:14px;transition:all .2s ease}.btn-primary:hover{background-color:#1ed760;transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-link{background:#0000;border:none;color:#b3b3b3;cursor:pointer;font-size:.85rem;margin-top:5px;padding:5px;text-align:center;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.btn-link:hover{color:#1db954}@media (max-width:480px){.auth-container{margin:30px auto}.auth-card{padding:30px 20px}.auth-card h2{font-size:1.5rem;margin-bottom:20px}}body{background-color:#121212;color:#fff;font-family:Circular,Arial,sans-serif;margin:0;padding-bottom:120px}*,:after,:before{box-sizing:border-box}.player-container{background:#181818;border-radius:12px;box-shadow:0 10px 30px #00000080;margin:40px auto;max-width:1100px;padding:20px}.audio-player{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#181818f2;border:1px solid #333;border-radius:8px;display:flex;gap:25px;justify-content:space-between;padding:15px 30px;transition:all .3s ease;width:100%;z-index:1000}.audio-player.fixed-bottom{border-left:none;border-radius:0;border-right:none;border-top:1px solid #444;bottom:0;box-shadow:0 -5px 25px #0009;left:0;padding:15px 40px;position:fixed;width:100%}.song-info{display:flex;flex-direction:column;min-width:180px}.song-info h2{font-size:.95rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-info p{color:#b3b3b3;font-size:.8rem;margin:3px 0 0}.progress-control{align-items:center;display:flex;flex-grow:2;gap:12px}.time-label{color:#b3b3b3;font-size:.75rem;min-width:35px;text-align:center}input[type=range]{-webkit-appearance:none;background:#0000;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:#4d4d4d;border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#1db954;border-radius:50%;height:12px;margin-top:-4px;-webkit-transition:transform .1s;transition:transform .1s;width:12px}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2)}.progress-control input[type=range]{width:100%}.controls{gap:8px}.controls,.controls button{align-items:center;display:flex}.controls button{background:#0000;border:1px solid #333;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:40px;justify-content:center;padding:0;transition:.2s;width:40px}.controls button img{height:20px;object-fit:contain;width:20px}.controls button:hover{border-color:#1db954;transform:scale(1.05)}.shuffle-btn.active{border-color:#1db954;color:#1db954}.volume-control{align-items:center;display:flex;gap:10px;justify-content:flex-end;min-width:140px}.volume-control img{height:20px;object-fit:contain;width:20px}.volume-control input[type=range]{width:90px}.track-list{list-style:none;margin-top:30px;padding:0}.track-list li{border-bottom:1px solid #282828;border-radius:4px;color:#b3b3b3;cursor:pointer;padding:14px 20px;transition:.2s}.track-list li:hover{background:#282828;color:#fff}.track-list li.active{background:#202020;color:#1db954;font-weight:700}.filters-panel{grid-gap:15px;background:#1f1f1f;border:1px solid #333;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;padding:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#b3b3b3;font-size:.9rem;font-weight:500}.filter-group input,.filter-group select{background-color:#282828;border:1px solid #404040;border-radius:6px;color:#fff;font-family:inherit;font-size:.9rem;padding:10px 15px;transition:.2s}.filter-group input:focus,.filter-group select:focus{border-color:#1db954;box-shadow:0 0 8px #1db95433;outline:none}.filter-group select option{background-color:#282828;color:#fff}.reset-btn{align-self:flex-end;background-color:#1db954;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:.2s}.reset-btn:hover{background-color:#1ed760;transform:scale(1.05)}.pagination-container{align-items:center;border-top:1px solid #282828;display:flex;gap:12px;justify-content:center;margin-top:35px;padding-top:20px}.pagination-numbers{display:flex;gap:6px}.pagination-btn{background-color:#282828;border:1px solid #333;border-radius:6px;color:#b3b3b3;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 14px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#333;border-color:#1db954;color:#fff}.pagination-btn.active{background-color:#1db954;border-color:#1db954;box-shadow:0 0 10px #1db9544d;color:#fff;font-weight:700}.pagination-btn:disabled{border-color:#0000;cursor:not-allowed;opacity:.4}.nav-btn{padding:8px 16px}.profile-header{align-items:center;display:flex;flex-direction:column;gap:15px;margin:20px 0 30px;position:relative}.logout-btn{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:background-color .2s ease,transform .1s ease}.logout-btn:hover{background-color:#c0392b;transform:scale(1.03)}.logout-btn:active{transform:scale(.98)}@media (max-width:850px){.audio-player,.audio-player.fixed-bottom{flex-direction:column;gap:12px;padding:15px}.progress-control,.volume-control{justify-content:center;width:100%}.volume-control input[type=range]{width:60%}.song-info{align-items:center;min-width:auto;text-align:center}.filters-panel{grid-template-columns:1fr}}.upload-container{margin:50px auto;max-width:550px;padding:0 20px}.upload-form{background:#181818;border:1px solid #282828;border-radius:12px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;gap:18px;padding:40px 30px}.upload-form h3{color:#fff;font-size:1.6rem;font-weight:700;margin:0 0 10px;text-align:center}.upload-input{background-color:#242424;border:1px solid #333;border-radius:6px;color:#fff;font-family:inherit;font-size:.95rem;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.upload-input:focus{background-color:#2a2a2a;border-color:#1db954;box-shadow:0 0 0 2px #1db95433}.upload-input::placeholder{color:#727272}.type-input-wrapper{position:relative;width:100%}.suggestions-list{background-color:#242424;border:1px solid #1db954;border-radius:0 0 6px 6px;border-top:none;box-shadow:0 4px 12px #1db95426;left:0;list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{color:#b3b3b3;cursor:pointer;font-size:.95rem;padding:12px 16px;transition:all .15s ease}.suggestion-item:hover{background-color:#2a2a2a;color:#1db954;padding-left:20px}.file-upload-wrapper{position:relative;width:100%}.hidden-file-input{display:none}.file-upload-label{background:#202020;border:2px dashed #444;border-radius:8px;color:#b3b3b3;cursor:pointer;display:block;font-size:.9rem;overflow:hidden;padding:16px;text-align:center;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:100%}.file-upload-label:hover{background:#282828;border-color:#1db954;color:#fff}.btn-upload{background-color:#1db954;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:10px;padding:14px;transition:all .2s ease}.btn-upload:hover{background-color:#1ed760;transform:scale(1.02)}.btn-upload:active{transform:scale(.98)}@media (max-width:480px){.upload-container{margin:25px auto}.upload-form{padding:30px 20px}.upload-form h3{font-size:1.35rem}.suggestions-list{max-height:200px}}.legal-container{background-color:#121212;border-radius:8px;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;margin:40px auto;max-width:800px;padding:40px}.legal-container h1{color:#1db954;font-size:2rem;margin-bottom:30px}.legal-container h2{border-bottom:1px solid #282828;color:#fff;font-size:1.4rem;margin-bottom:15px;margin-top:30px;padding-bottom:10px}.legal-container p{margin-bottom:15px}.legal-container ul{margin-bottom:20px;padding-left:20px}.legal-container li{color:#b3b3b3;margin-bottom:8px}.legal-container strong{color:#fff}@media (max-width:600px){.legal-container{margin:20px 10px;padding:20px}}