.sidebar{width:150px!important;min-width:150px!important;max-width:150px!important;min-height:100vh;background:#050505;border-right:1px solid #222;padding:12px 8px!important;display:flex;flex-direction:column;align-items:center;gap:16px;box-sizing:border-box}.site-logo{width:100%;display:flex;justify-content:center;align-items:center;text-decoration:none;margin-bottom:1rem}.site-logo-image{width:110px!important;max-width:110px!important;height:auto;object-fit:contain;transition:transform .35s cubic-bezier(.25,.8,.25,1);animation:hardwareNeonPulse 3s infinite ease-in-out;filter:drop-shadow(0 0 4px #ff2a2a) drop-shadow(0 0 12px #ffcc00);will-change:opacity,transform}.site-logo-image:hover{transform:scale(1.05);filter:drop-shadow(0 0 6px #ff2a2a) drop-shadow(0 0 16px #ffcc00) drop-shadow(0 0 24px #00efb2)}@keyframes hardwareNeonPulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.sidebar nav{width:100%;display:flex;flex-direction:column;gap:8px}.sidebar nav a{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:10px;border-radius:10px;font-size:14px;transition:background .25s ease,transform .25s ease}.sidebar nav a:hover{background:#161616;transform:translate(3px)}.logout-button{width:100%;margin-top:20px;padding:12px;border:none;border-radius:8px;background:#f36;color:#fff;font-weight:700;cursor:pointer;transition:background .2s ease}.logout-button:hover{background:#d61a4b}.genre-dropdown{margin:10px 0;width:100%}.genre-dropdown-btn{width:100%;background:transparent;border:none;color:#fff;text-align:left;padding:12px;cursor:pointer;font-size:15px;transition:color .2s ease}.genre-dropdown-btn:hover{color:gold}.genre-dropdown-list{display:flex;flex-direction:column;padding-left:15px;max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}.genre-dropdown-list button{background:transparent;border:none;color:#ccc;text-align:left;padding:8px 12px;cursor:pointer;font-size:14px;transition:color .2s ease}.genre-dropdown-list button:hover{color:gold}.genre-dropdown-list::-webkit-scrollbar{width:4px}.genre-dropdown-list::-webkit-scrollbar-thumb{background:#222;border-radius:99px}.bottom-player{position:fixed;bottom:0;left:0;right:0;height:95px;background:#0a0a0af5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;z-index:9999}.bottom-player-left{display:flex;align-items:center;gap:16px;width:320px;min-width:320px}.bottom-player-artwork{width:64px;height:64px;border-radius:14px;object-fit:cover;box-shadow:0 4px 20px #0006}.bottom-player-info h4{font-size:15px;margin-bottom:6px;color:#fff}.bottom-player-info p{font-size:12px;color:#9ca3af;margin-bottom:4px}.bottom-player-center{display:flex;align-items:center;gap:14px}.bottom-player-center button{padding:12px 18px;border:none;border-radius:14px;background:#1f2937;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:.25s ease}.bottom-player-center button:hover{background:#374151;transform:translateY(-2px)}.bottom-player-right{width:360px;display:flex;flex-direction:column;gap:10px}.player-times{display:flex;justify-content:space-between;font-size:12px;color:#9ca3af}.bottom-player-right input[type=range]{width:100%;cursor:pointer}.queue-toggle-btn{padding:10px 14px;border:none;border-radius:12px;background:linear-gradient(135deg,#00e5ff,#ff00c8);color:#fff;cursor:pointer;font-weight:700;transition:.25s ease}.queue-toggle-btn:hover{transform:translateY(-2px);opacity:.92}.queue-panel{position:fixed;right:0;bottom:95px;width:360px;max-height:70vh;overflow-y:auto;background:#0f0f0ffa;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-left:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08);padding:22px;z-index:9998}.queue-panel h3{margin-bottom:22px;font-size:22px;color:#fff}.queue-list{display:flex;flex-direction:column;gap:12px}.queue-item{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;cursor:pointer;transition:.25s ease;background:#ffffff08}.queue-item:hover{background:#ffffff14}.queue-item.active{border:1px solid #00e5ff;background:#00e5ff14}.queue-item img{width:56px;height:56px;border-radius:12px;object-fit:cover}.queue-item h4{font-size:14px;margin-bottom:5px;color:#fff}.queue-item p{font-size:12px;color:#9ca3af}.queue-panel::-webkit-scrollbar{width:8px}.queue-panel::-webkit-scrollbar-thumb{background:#333;border-radius:999px}@media (max-width: 900px){.bottom-player{height:auto;flex-direction:column;align-items:stretch;padding:16px;gap:16px}.bottom-player-left{width:100%;min-width:100%}.bottom-player-right{width:100%}.queue-panel{width:100%;bottom:170px;max-height:50vh}}.app-layout{display:flex;min-height:100vh;background:#000;color:#fff;box-sizing:border-box}.app-main{flex:1;overflow-x:hidden;box-sizing:border-box}.homepage-v2{background-color:#000;color:#fff;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;overflow-x:hidden}.hero-sign{width:100%;max-width:540px;height:auto;margin-bottom:2rem;display:block;filter:drop-shadow(0 0 12px rgba(230,20,20,.45)) drop-shadow(0 0 25px rgba(200,10,10,.2));animation:neonSignFlicker 6s infinite alternate ease-in-out;will-change:filter}@keyframes neonSignFlicker{0%,to{filter:drop-shadow(0 0 12px rgba(230,20,20,.45)) drop-shadow(0 0 25px rgba(200,10,10,.2))}48%{filter:drop-shadow(0 0 14px rgba(230,20,20,.5)) drop-shadow(0 0 28px rgba(200,10,10,.25))}50%{filter:drop-shadow(0 0 6px rgba(230,20,20,.2)) drop-shadow(0 0 10px rgba(200,10,10,.05))}52%{filter:drop-shadow(0 0 15px rgba(255,30,30,.6)) drop-shadow(0 0 32px rgba(230,15,15,.3))}54%{filter:drop-shadow(0 0 12px rgba(230,20,20,.4)) drop-shadow(0 0 22px rgba(200,10,10,.15))}75%{filter:drop-shadow(0 0 16px rgba(230,20,20,.55)) drop-shadow(0 0 30px rgba(200,10,10,.28))}}.hero-section{padding:6rem 1.5rem 4rem;text-align:center;display:flex;flex-direction:column;align-items:center;max-width:850px}.hero-section h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;line-height:1.15;margin:1rem 0 1.5rem;letter-spacing:-.5px}.hero-section p{color:#888;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;max-width:680px;margin:0 0 2.5rem}.hero-buttons button{padding:1rem 2.2rem;font-size:.95rem;border-radius:30px;cursor:pointer;transition:transform .2s,opacity .2s}.hero-buttons button:hover{transform:scale(1.02);opacity:.95}.now-spinning-section{width:100%;max-width:440px;padding:2rem 1.5rem;text-align:center}.spinning-card{background:#0a0a0a;border:1px solid #141414;border-radius:16px;padding:2rem;box-shadow:0 20px 40px #000c}.spinning-artwork{width:180px;height:180px;border-radius:12px;object-fit:cover;margin-bottom:1.5rem;box-shadow:0 8px 24px #00000080}.player-controls{display:flex;justify-content:center;gap:1.5rem;margin-top:1.5rem}.player-controls button{background:#161616;border:1px solid #222;color:#fff;width:50px;height:50px;border-radius:50px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s}.player-controls .play-button{background:#0fc;color:#000;border:none}.player-controls button:hover{transform:scale(1.05)}.stats-section{display:flex;gap:4rem;justify-content:center;align-items:center;width:100%;max-width:700px;border-top:1px solid #141414;margin:3rem 0;padding-top:3rem}.stat-card h2{font-size:2.5rem;font-weight:900;margin:0 0 .3rem}.stat-card p{color:#666;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin:0}@media (max-width: 600px){.stats-section{flex-direction:column;gap:2rem}}.maintenance-page{min-height:100vh;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;text-align:center}.maintenance-logo{max-width:500px;width:90%;margin-bottom:40px}.maintenance-page h1{color:#d32f2f;margin-bottom:20px}.maintenance-page h2{color:gold;margin-top:30px}.release-card{flex:0 0 190px;display:flex;flex-direction:column;background:#111;color:#fff;text-decoration:none;border-radius:12px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s ease,box-shadow .25s ease}.release-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000059}.release-artwork-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden}.release-artwork{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.release-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}.release-play-btn{width:36px;height:36px;border:none;border-radius:50%;cursor:pointer;background:#fffffff2;color:#000;font-size:14px}.release-info{padding:12px}.release-info h3{margin:0;font-size:18px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.release-artist{display:block;margin-top:4px;font-size:14px;color:#9ca3af;font-weight:400}.release-meta,.release-actions,.view-release-btn{display:none}.track-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;margin-top:24px}.tracks-section{padding:24px}@media (max-width: 768px){.track-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.release-info{padding:8px}.release-info h3{font-size:14px}.release-artist{font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#fff;font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased}.dashboard-page{min-height:100vh;background:#000;color:#fff}.dashboard-layout{display:flex;min-height:100vh}.dashboard-main{flex:1;padding:32px 32px 160px}.sidebar{width:240px;background:#050505;padding:30px 20px;border-right:1px solid #141414}.logo{font-size:28px;font-weight:700;color:gold;margin-bottom:40px}.sidebar nav{display:flex;flex-direction:column;gap:20px}.sidebar nav a{color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;transition:color .25s ease}.sidebar nav a:hover{color:gold}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.dashboard-header h1{font-size:32px;margin-bottom:6px}.dashboard-header p{color:#666}.search-input{width:320px;padding:14px;border:1px solid #222;border-radius:12px;background:#030303;color:#fff;outline:none;transition:border-color .2s ease}.search-input:focus{border-color:#00efb2}.dashboard-hero{margin-bottom:56px}.dashboard-hero h1{font-size:64px;line-height:1;margin-bottom:18px;letter-spacing:-.05em}.dashboard-hero p{max-width:700px;color:#9ca3af;font-size:18px;line-height:1.7}.hero-section{min-height:320px;border-radius:24px;padding:40px;margin-bottom:40px;background:linear-gradient(135deg,#0d0d0d,#141414);display:flex;align-items:center;gap:32px;overflow:hidden;border:1px solid rgba(255,255,255,.04)}.featured-hero-artwork{width:260px;height:260px;object-fit:cover;border-radius:20px;flex-shrink:0;box-shadow:0 12px 40px #0009}.featured-label{display:inline-block;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#ff00c8,gold);font-size:12px;font-weight:700;margin-bottom:16px;color:#000}.featured-description{margin-top:16px;color:#aaa;line-height:1.6;max-width:600px}.hero-content h2{font-size:56px;line-height:1;margin-bottom:16px}.hero-content p{max-width:520px;line-height:1.7;margin-bottom:20px}.hero-content button{padding:14px 28px;border:none;border-radius:12px;cursor:pointer;font-weight:700;background:gold;color:#000;transition:transform .2s ease}.hero-content button:hover{transform:translateY(-2px)}.vault-controls{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:25px;flex-wrap:wrap}.vault-controls input{flex:1;min-width:240px;padding:14px 18px;border:1px solid #222;border-radius:12px;background:#030303;color:#fff;font-size:15px;outline:none;transition:all .2s ease}.vault-controls input:focus{background:#000;border-color:#00efb2;box-shadow:0 0 12px #00efb21a}.vault-controls input::placeholder{color:#444}.vault-controls select{padding:14px 18px;border-radius:12px;border:1px solid #222;background:#030303;color:#fff;font-size:15px;cursor:pointer;outline:none;min-width:160px;transition:border-color .2s ease}.vault-controls select:focus{border-color:#00efb2}.empty-message{padding:40px 0;text-align:center;color:#444;font-size:16px;font-style:italic}.genres-wrapper{display:grid;grid-template-columns:60px 1fr 60px;align-items:center;gap:16px;width:100%}.genre-scroll-btn{width:52px;height:52px;min-width:52px;border:none;border-radius:50%;background:gold;color:#000;font-size:22px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.25,.8,.25,1)}.genre-scroll-btn:hover{transform:scale(1.08);background:#ffe57f}.genres-grid{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:10px 0;scrollbar-width:none}.genres-grid::-webkit-scrollbar{display:none}.genre-card{position:relative;min-width:180px;height:140px;flex-shrink:0;border-radius:20px;overflow:hidden;cursor:pointer;background:#111;border:2px solid transparent;transform:translateY(0);transition:all .25s cubic-bezier(.25,.8,.25,1)}.genre-card:hover{transform:translateY(-4px)}.genre-card.active{border-color:gold;box-shadow:0 8px 24px #ffd70033}.genre-image{width:100%;height:100%;object-fit:cover;will-change:transform}.genre-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:18px;background:linear-gradient(transparent,#000000f2)}.genre-overlay h3{font-size:15px;letter-spacing:.5px;text-transform:uppercase;font-weight:700}.release-grid,.releases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px;align-items:start}.release-grid{margin-bottom:20px}#vault-section h2{margin-top:12px;margin-bottom:10px}.release-card{background:#0c0c0c;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;position:relative;border:1px solid #161616;transition:all .25s cubic-bezier(.25,.8,.25,1)}.release-card:hover{transform:translateY(-6px);border-color:#00efb2;box-shadow:0 12px 30px #00efb21f}.release-artwork-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#030303}.release-artwork{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.25,.8,.25,1)}.release-card:hover .release-artwork{transform:scale(1.04)}.release-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .25s ease}.release-card:hover .release-overlay{opacity:1}.transition-card{display:flex;gap:12px;padding:12px;margin-bottom:10px;border-radius:10px;background:#1a1a1a;cursor:pointer;transition:.2s ease}.transition-artwork{width:70px;height:70px;object-fit:cover;border-radius:8px}.transition-info{flex:1}.transition-title{font-weight:700}.transition-artist{opacity:.8;font-size:.9rem}.transition-meta{margin-top:4px;font-size:.85rem;opacity:.75}.transition-card:hover{transform:translateY(-2px);background:#ffffff14}.transition-reason{font-size:12px;opacity:.8;margin-top:2px}.release-details{width:100%;min-height:100vh;padding:30px;background:#000;color:#fff;box-sizing:border-box}.release-details img{max-width:unset!important}.release-header{display:flex;align-items:flex-start;gap:30px;margin-bottom:50px;flex-wrap:wrap}.release-artwork-wrapper{width:300px;height:300px;min-width:300px;min-height:300px;max-width:300px;max-height:300px;overflow:hidden;border-radius:12px;flex-shrink:0;border:1px solid #161616;background:#050505;box-shadow:0 16px 40px #000000b3}.release-artwork{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.release-meta{display:flex;flex-direction:column;justify-content:center;gap:12px;flex:1;min-width:320px}.release-meta h1{margin:0;font-size:42px;font-weight:900;line-height:1.1;letter-spacing:-.5px}.release-meta h2{margin:0;font-size:22px;font-weight:700;color:gold}.release-meta p{margin:0;font-size:15px;color:#666}.release-description{margin-top:12px;margin-bottom:20px;color:#aaa;line-height:1.7;max-width:700px;font-size:14px}.release-details-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0;color:#555;font-size:13px;font-family:monospace;text-transform:uppercase}.release-meta button{margin-top:15px;width:fit-content;padding:12px 28px;border:none;border-radius:4px;background:#00efb2;color:#000;font-size:13px;font-weight:900;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .2s cubic-bezier(.25,.8,.25,1)}.release-meta button:hover{background:#00c492;transform:translateY(-2px);box-shadow:0 6px 20px #00efb233}.release-tracks{display:flex;flex-direction:column;gap:12px}.release-tracks h3{margin:0 0 15px;font-size:22px;font-weight:900;color:#fff;border-bottom:1px solid #141414;padding-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.track-row{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#080808;border:1px solid #121212;border-radius:6px;transition:all .2s ease}.track-row:hover{background:#0c0c0c;border-color:#222}.track-row>div:first-child{width:30px;color:#444;font-size:13px;font-family:monospace}.track-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.track-info h4{margin:0;font-size:15px;font-weight:700;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-info p{margin:0;font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row>div:nth-child(3){min-width:80px;font-size:12px;font-family:monospace;color:gold;background:#1c1a0e;border:1px solid #362f14;padding:2px 6px;border-radius:3px;text-align:center}.track-row button{padding:10px 20px;border:none;border-radius:4px;background:#161616;border:1px solid #333;color:#fff;font-size:12px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:all .2s ease}.track-row button:hover{border-color:#00efb2;color:#00efb2}.release-seo-text{margin-top:30px;max-width:800px;line-height:1.7;font-size:13px;color:#444;border-top:1px dashed #141414;padding-top:20px}@media (max-width: 768px){.release-details{padding:20px 15px}.release-header{flex-direction:column;gap:20px}.release-artwork-wrapper{width:100%;max-width:320px;height:320px;min-width:unset;min-height:unset;max-height:320px}.release-meta{min-width:100%}.release-meta h1{font-size:30px}.release-meta h2{font-size:18px}.track-row{flex-wrap:wrap;gap:12px;padding:12px}.track-row>div:nth-child(3){margin-left:auto}}.admin-layout{display:flex;min-height:100vh;background:#0b0b0b;color:#fff}.admin-sidebar{width:240px;min-height:100vh;background:#050505;border-right:1px solid #1f1f1f;padding:24px 18px;box-sizing:border-box;display:flex;flex-direction:column;gap:30px}.admin-sidebar h2{font-size:22px;color:#fc0;margin:0}.admin-sidebar nav{display:flex;flex-direction:column;gap:12px}.admin-sidebar nav a{color:#fff;text-decoration:none;padding:12px 14px;border-radius:12px;transition:background .25s ease,transform .25s ease}.admin-sidebar nav a:hover{background:#161616;transform:translate(4px)}.admin-main{flex:1;padding:30px;overflow-x:hidden;box-sizing:border-box}