@font-face{font-family:Cinzel;src:url(/assets/fonts/Cinzel-VariableFont_wght.ttf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cormorant;src:url(/assets/fonts/Cormorant-VariableFont_wght.ttf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Libre-Baskerville;src:url(/assets/fonts/LibreBaskerville-VariableFont_wght.ttf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Libre-Franklin;src:url(/assets/fonts/LibreFranklin-VariableFont_wght.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}body{font-family:Libre-Baskerville;overflow-x:hidden;margin:0;min-height:100vh;background-color:#070a0c0;background-image:linear-gradient(to bottom,#0b1118,#070a0c 300px);background-repeat:no-repeat}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;position:relative;isolation:isolate}.main-content:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.08;mix-blend-mode:overlay;z-index:-1}a{text-decoration:none;color:#ecdfcc}a:hover{color:#ecdfcc}html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(236,223,204,.25) transparent}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ecdfcc40;border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#ecdfcc73}header{position:sticky;top:0;left:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;width:100%;height:70px;padding:10px 30px;background-color:#0a0c10;border-bottom:1px solid #676767;font-family:Libre-Franklin;transition:height .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1),background-color .3s ease}header.shrink{height:50px;padding:5px 30px}.header-left{display:flex;align-items:center;gap:20px;height:100%;flex:1;justify-content:flex-start}.header-center{display:flex;justify-content:center;align-items:center;flex:0 0 auto}.header-right{display:flex;align-items:center;gap:30px;height:100%;flex:1;justify-content:flex-end}.header-left a,.header-right a,.header-center a{display:flex;align-items:center;height:100%}.search-container{position:relative;display:flex;align-items:center;width:180px}.search-input{width:100%;padding:6px 35px 6px 15px;background-color:#1a1d23;border:1px solid #676767;border-radius:15px;color:#edeff1;font-family:Libre-Franklin;font-size:.85rem;outline:none;transition:all .2s ease}.search-input:focus{border-color:#676767;background-color:#22272e}.search-icon-inside{position:absolute;right:12px;width:14px!important;height:14px!important;opacity:.6;pointer-events:none}.header-left svg,.header-right img,.header-right svg:not(.search-icon-inside){width:22px;height:22px;cursor:pointer;transition:height .25s ease,width .25s ease,filter .2s ease}.header-left svg:hover,.header-right img:hover,.header-right svg:not(.search-icon-inside):hover{filter:brightness(1.2)}.user-avatar-icon{width:24px!important;height:24px!important;cursor:pointer!important;pointer-events:auto!important;color:#edeff1;transition:width .25s ease,height .25s ease}header.shrink .user-avatar-icon{width:20px!important;height:20px!important}header.shrink .search-input{padding:4px 30px 4px 12px;font-size:.75rem}header.shrink .search-icon-inside{width:12px!important;height:12px!important;right:10px}header.shrink .header-left svg,header.shrink .header-right img,header.shrink .header-right svg{width:18px;height:18px}.logo{height:45px;color:#ecdfcc;cursor:pointer;transition:height .25s cubic-bezier(.4,0,.2,1),color .2s ease}.logo:hover{color:#e7e0d7}header.shrink .logo{height:35px}.user-section{position:relative;margin:-8px -20px;cursor:pointer;z-index:1001;transition:all .2s ease;border:1px solid transparent;border-radius:6px}.user-info-link{display:flex;align-items:center;gap:12px;padding:8px 20px;text-decoration:none;border-radius:inherit;transition:background-color .2s ease}.user-info-link:hover{background-color:#0a0d0f}.user-section:hover{background-color:#11141a;border-color:#676767;border-bottom-color:transparent;border-radius:10px 10px 0 0}.username{position:relative;display:flex;align-items:center;color:#edeff1;font-size:.95rem;font-weight:650;transition:font-size .25s ease}header.shrink .username{font-size:.85rem}.user-menu{position:absolute;top:100%;left:-1px;right:-1px;z-index:1000;display:flex;flex-direction:column;background-color:#11141a;border:1px solid #676767;border-top:none;border-radius:0 0 10px 10px;box-shadow:0 4px 8px #0006;opacity:0;visibility:hidden;transition:all .2s ease;overflow:hidden}.user-section:hover .user-menu{opacity:1;visibility:visible}.user-menu-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;padding:12px 20px;box-sizing:border-box;color:#edeff1;text-decoration:none;font-size:14px;transition:background-color .2s ease,font-size .25s ease,padding .25s ease}header.shrink .user-menu-item{padding:8px 20px;font-size:13px}.user-menu-item svg{width:22px;height:22px;object-fit:contain;flex-shrink:0}.user-menu a.user-menu-item:hover{background-color:#0a0d0f;cursor:pointer}.menu-divider{width:100%;height:1px;background-color:#000;border:none;margin:0;padding:0;display:block}footer{display:flex;align-items:center;height:80px;margin-top:40px;background-color:#12161c;border-top:1px solid #676767;color:#fff;font-family:Libre-Franklin;position:relative;z-index:10}.footer-container{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:0 20px}.footer-links{display:flex;align-items:center;height:24px}.footer-links a{display:flex;align-items:center;height:100%;margin:0 10px;color:#edeff1;text-decoration:none;font-size:14px;line-height:1;transition:color .2s ease}.footer-links a:hover{color:#ecdfcc}.footer-socials{display:flex;align-items:center}.footer-socials a{display:flex;align-items:center;height:24px;margin:0 8px}.footer-socials svg{width:24px;height:24px;filter:brightness(.8);transition:filter .2s ease;cursor:pointer}.footer-socials svg:hover{filter:brightness(1.2)}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);gap:30px;width:100%;padding:20px;box-sizing:border-box}.heading{display:flex;align-items:center;justify-content:center;height:200px;background-size:cover;text-align:center;color:#ecdfcc}.heading h1{padding:20px;border-radius:8px;font-size:1.9rem}.section h2{margin-bottom:20px;color:#edeff1;font-size:1.4rem}.covers-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:clamp(40px,4.5vw,60px);padding-right:70px}.grid-basic{display:grid;gap:20px}.card{padding:15px;background-color:#10161c;border-radius:8px;color:#ecdfcc}.card h3{margin-bottom:10px;color:#edeff1}.card p{font-weight:700;font-size:1.1rem}.deezer-wrapper{display:flex;flex-direction:column;align-items:center}.deezer-player{display:block;max-width:500px;margin:0 auto;background-color:#2c3440;border-radius:10px;overflow:hidden}@media(max-width:1100px){.covers-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.covers-grid{grid-template-columns:1fr}}.album-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;transition:z-index 0s linear .1s}.album-card:hover{z-index:50;transition-delay:0s}.album-wrapper{position:relative;width:100%;max-width:150px;overflow:visible}.image-container{position:relative;z-index:5;width:100%;height:100%;background-color:#10161c;border-radius:4px;box-shadow:0 4px 6px #0000004d;overflow:hidden}.album-cover{display:block;width:100%;height:100%;object-fit:cover}.vinyl-disk{position:absolute;inset:5px;z-index:-1;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.vinyl-disk svg{width:100%;height:100%;object-fit:contain;animation:spin 4s linear infinite}.album-card:hover .vinyl-disk{transform:translate(45%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.album-overlay{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:20px 10px;background:#000000d9;color:#ecdfcc;text-align:center;opacity:0;transition:opacity .3s ease}.album-wrapper:hover .album-overlay{opacity:1}.overlay-song{margin-top:-10px;margin-bottom:5px;font-weight:700;font-size:.95rem}.overlay-artist{color:#a0a0a0;font-size:.85rem}.overlay-year{margin-top:auto;margin-bottom:-10px;color:#888;font-size:.75rem}.album-player{display:flex;align-items:center;justify-content:center;width:58px;height:26px;padding:3px 4px;box-sizing:border-box;margin:-8px auto 0;background-color:#10161c;border:1px solid rgba(236,223,204,.15);border-radius:12px;box-shadow:0 4px 12px #00000047;opacity:0;pointer-events:none;transition:opacity .3s ease;visibility:hidden}.album-card:hover .album-player{opacity:1;pointer-events:auto;visibility:visible}.mini-btn-play{display:flex;align-items:center;justify-content:center;width:50px;height:18px;padding:0;background:#ecdfcc;border:none;border-radius:9px;color:#10161c;cursor:pointer;font-size:.4rem;font-weight:700;letter-spacing:.08em;line-height:1;transition:color .2s ease,background-color .2s ease,transform .2s ease}.mini-btn-play:hover{background:#fff;color:#10161c;transform:scale(1.1)}.profile-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);padding:20px}.section{padding:40px 30px}.profile-left{display:flex;align-items:center;gap:20px}.profile-avatar{width:80px;height:80px;flex:0 0 80px;aspect-ratio:1;border:2px solid #ECDFCC;border-radius:50%;object-fit:cover;box-sizing:border-box}.profile-info{display:flex;flex-direction:column;gap:6px}.profile-info-user{display:flex;flex-direction:row;align-items:center;gap:8px;margin-bottom:-10px}.profile-info-user svg{color:#daa520;width:15px;height:15px}.profile-name{color:#edeff1;font-size:1.4rem;font-weight:700;display:flex}.profile-user{color:#edeff1;font-size:.8rem;font-weight:lighter;display:flex}.band-info{color:#edeff1;font-size:.8rem;font-weight:lighter;display:flex;background-color:#1a1d23;border:1px solid #676767;border-radius:6px;padding:0 8px}.band-info:hover{background-color:#0a0d0f;cursor:pointer}.profile-bio{color:#ecdfcc;font-size:.9rem}.profile-location,svg{color:#ecdfcc;font-size:.85rem;cursor:default;display:flex;flex-direction:row;align-items:center;gap:8px}.profile-right{display:flex;flex-direction:column;align-items:flex-end}.profile-stats{display:grid;grid-auto-flow:column;grid-template-rows:auto auto;column-gap:25px;align-items:center;justify-items:center}.stat{display:contents}.follow-button{color:#edeff1;font-size:.8rem;font-weight:lighter;background-color:#1a1d23;border:1px solid #676767;border-radius:6px;padding:0 8px;cursor:pointer}.follow-button:hover{background-color:#0a0d0f;cursor:pointer;color:#ecdfcc}.follows-you{color:#ecdfcc;font-size:.85rem;cursor:default}.stat-number{color:#edeff1;font-size:1.2rem;font-weight:700;cursor:pointer}.stat-label{color:#ecdfcc;font-size:.85rem;cursor:pointer}.section-buttons{margin-left:30px;display:flex;gap:18px;align-items:center;justify-content:center;text-align:center}.buttons{color:#edeff1;font-size:.9rem;font-weight:lighter;background-color:#1a1d23;border:1px solid #676767;border-radius:6px;padding:0 8px}.buttons:hover{background-color:#0a0d0f;cursor:pointer}.songs-layout{display:grid;grid-template-rows:repeat(5,auto);gap:30px;width:100%;padding:20px;box-sizing:border-box}.songs-section{padding:40px 30px}.songs-section h2{margin-bottom:20px;color:#edeff1;font-size:1.4rem}.songs-covers-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:clamp(40px,4.5vw,60px);padding-right:70px}@media(max-width:1100px){.songs-covers-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.songs-covers-grid{grid-template-columns:1fr}}.music-player-placeholder{position:relative;z-index:1000;display:flex;justify-content:center;align-items:center;width:100%;height:52px;margin-top:40px;margin-bottom:20px}.global-player-container{display:flex;justify-content:center;width:100%;padding:0 30px;box-sizing:border-box;transition:all .35s cubic-bezier(.4,0,.2,1)}.global-player-container.floating{position:fixed;bottom:20px;left:0;z-index:9999;pointer-events:none}.global-player-container.docked{position:relative;bottom:auto;left:auto;padding:0;pointer-events:auto}.global-player-bar{display:flex;justify-content:space-between;align-items:stretch;width:100%;max-width:1200px;height:70px;padding:0 25px;background-color:#10161c;border:1px solid rgba(236,223,204,.15);border-radius:12px;box-shadow:0 10px 40px #000c;pointer-events:auto;transition:height .3s ease,padding .3s ease,border-radius .3s ease}.global-player-container.docked .global-player-bar{height:52px;padding:0 20px;border-radius:10px;box-shadow:0 4px 15px #0006}.player-info-global{display:flex;align-items:center;gap:15px;width:25%;height:100%}.player-info-global svg,img{width:48px;height:48px;border-radius:4px;object-fit:cover;flex-shrink:0;transition:width .3s ease,height .3s ease}.global-player-container.docked .player-info-global svg,img{width:36px;height:36px}.global-details{display:flex;flex-direction:column;justify-content:center;height:100%;line-height:1;overflow:hidden}.global-details .song{display:block;margin:0 0 4px;color:#ecdfcc;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .3s ease}.global-player-container.docked .global-details .song{margin:0 0 2px;font-size:13px}.global-details .artist{display:block;margin:0;color:#888;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .3s ease}.global-player-container.docked .global-details .artist{font-size:11px}.player-center-controls{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;flex-shrink:0;max-width:450px;height:100%;gap:8px;transition:gap .3s ease}.global-player-container.docked .player-center-controls{gap:4px}.control-buttons{display:flex;align-items:center;height:36px;gap:30px;transition:gap .3s ease}.global-player-container.docked .control-buttons{height:28px;gap:18px}.control-buttons button{display:flex;justify-content:center;align-items:center;background:none;border:none;color:#ecdfcc;cursor:pointer;font-size:.7rem;letter-spacing:1px;text-transform:uppercase;line-height:1;opacity:.7;transition:opacity .2s,font-size .3s ease}.global-player-container.docked .control-buttons button{font-size:.6rem}.btn-play-pause{display:flex;justify-content:center;align-items:center;min-width:80px;height:32px;padding:0 16px;background:#ecdfcc!important;color:#10161c!important;border-radius:20px;font-weight:700;opacity:1!important;transition:all .3s ease}.global-player-container.docked .btn-play-pause{min-width:60px;height:24px;padding:0 12px}.playback-bar-container{display:flex;align-items:center;width:100%;height:14px;margin-bottom:4px;gap:12px}.global-player-container.docked .playback-bar-container{height:10px;margin-bottom:2px}.time{display:flex;align-items:center;color:#555;font-family:monospace;font-size:.65rem;line-height:1}.progress-bar-bg{position:relative;flex-grow:1;height:3px;background:#ecdfcc1a;border-radius:2px;transition:height .3s ease}.global-player-container.docked .progress-bar-bg{height:2px}.progress-bar-fill{width:0%;height:100%;background:#ecdfcc;border-radius:2px}.player-right-options{display:flex;justify-content:flex-end;align-items:center;width:25%;height:100%}.minimize-player{display:flex;align-items:center;height:100%;background:none;border:none;color:#555;cursor:pointer;font-size:11px;letter-spacing:1px;text-transform:uppercase;line-height:1}.minimize-player:hover{color:#ecdfcc}