@font-face{font-display:optional;font-family:'Inter';font-style:normal;font-weight:400;src:url('/static/fonts/inter-v20-latin-regular.woff2') format('woff2')}@font-face{font-display:optional;font-family:'Inter';font-style:normal;font-weight:500;src:url('/static/fonts/inter-v20-latin-500.woff2') format('woff2')}@font-face{font-display:optional;font-family:'Inter';font-style:normal;font-weight:600;src:url('/static/fonts/inter-v20-latin-600.woff2') format('woff2')}@font-face{font-display:optional;font-family:'Inter';font-style:normal;font-weight:700;src:url('/static/fonts/inter-v20-latin-700.woff2') format('woff2')}@font-face{font-display:optional;font-family:'Inter';font-style:normal;font-weight:800;src:url('/static/fonts/inter-v20-latin-800.woff2') format('woff2')}@font-face{font-display:optional;font-family:'Oswald';font-style:normal;font-weight:400;src:url('/static/fonts/oswald-v57-latin-regular.woff2') format('woff2')}@font-face{font-display:optional;font-family:'Oswald';font-style:normal;font-weight:500;src:url('/static/fonts/oswald-v57-latin-500.woff2') format('woff2')}@font-face{font-display:optional;font-family:'Oswald';font-style:normal;font-weight:600;src:url('/static/fonts/oswald-v57-latin-600.woff2') format('woff2')}@font-face{font-display:optional;font-family:'Oswald';font-style:normal;font-weight:700;src:url('/static/fonts/oswald-v57-latin-700.woff2') format('woff2')}*,*::before,*::after{box-sizing:border-box}html,body{background-color:#111315;margin:0;padding:0;box-sizing:border-box;width:100vw;max-width:100vw;overflow-x:hidden}html{scrollbar-width:thin;scrollbar-color:#a8283a #0d0d0d}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0d0d0d}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#a8283a,#6e0f1c);border-radius:8px;border:3px solid #0d0d0d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#c9384a,#8a1420)}::-webkit-scrollbar-corner{background:#0d0d0d}p,li,button,label{color:#ECECEC;font-family:"Inter",sans-serif;font-optical-sizing:auto;font-style:normal}.menu-column.scrollable::-webkit-scrollbar{width:6px}.menu-column.scrollable::-webkit-scrollbar-track{background:transparent}.menu-column.scrollable::-webkit-scrollbar-thumb{background:#2A2D33;border-radius:3px}.menu-column.scrollable::-webkit-scrollbar-thumb:hover{background:#a83240}.footer-p a:hover{color:#d94654}.video-row::-webkit-scrollbar{display:none}.flash{padding:0.6rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:0.9rem}.flash-success{background:rgba(184,41,61,0.15);border:1px solid rgba(184,41,61,0.4);color:#ff9aa8}.flash-error{background:rgba(220,38,38,0.15);border:1px solid rgba(220,38,38,0.5);color:#ff8a8a}.error-page{position:relative;text-align:center}.error-hero{padding-top:6rem;padding-bottom:4rem;text-align:center}.error-hero-inner{max-width:600px;margin:0 auto;padding:0 1.5rem}.error-vinyl-wrap{position:relative;width:130px;height:130px;margin:0 auto 1.5rem}.error-vinyl{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 36% 30%,#2c1b21 0%,#150c10 45%,#060304 100%);box-shadow:0 8px 24px rgba(0,0,0,0.6),inset 0 0 0 1px rgba(255,255,255,0.10),inset 0 0 20px rgba(0,0,0,0.5);animation:errorVinylSpin 6s linear infinite}.error-vinyl.paused{animation-play-state:paused}@keyframes errorVinylSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.error-vinyl-label{position:absolute;inset:0;margin:auto;width:38%;height:38%;border-radius:50%;background:linear-gradient(145deg,#b8293d,#7a1c29);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px rgba(0,0,0,0.35),0 2px 8px rgba(0,0,0,0.4)}.error-vinyl-code{font-family:"Oswald",sans-serif;font-weight:700;font-size:1.1rem;color:rgba(240,230,232,0.95)}.error-vinyl-crack{position:absolute;top:-8px;right:2px;width:34px;height:34px;color:#d94654;filter:drop-shadow(0 0 6px rgba(217,70,84,0.6))}.error-actions{display:flex;gap:0.8rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}@media (prefers-reduced-motion:reduce){.error-vinyl{animation:none}}.smart-search-dropdown a:hover,.smart-search-dropdown a.active-result{background:#1a1b21}.friends-rail::-webkit-scrollbar{width:4px}.friends-rail::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.genre-map-cta:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(139,0,20,0.5)}h1,h2,h3,h4,h5,h6{color:#ECECEC;font-family:"Oswald",sans-serif;font-optical-sizing:auto;font-style:normal}.no-results{color:#888;font-size:0.95rem;padding:0 2rem;text-align:center}.cookie-content h3{color:#f2f2f2;margin-bottom:0.6rem}.section-title{font-size:3rem;font-weight:600;max-width:1200px;margin:0 auto 1rem auto}.hero-description{color:#8a8a8a;font-size:0.92rem;line-height:1.6;max-width:640px;margin:2.5rem auto 1.5rem}main .section-title{margin-top:5rem;margin-bottom:2rem}main .section-title:first-of-type{margin-top:0}.home-column .section-title{margin-top:0;margin-bottom:1.5rem;font-size:2rem;text-align:left}.band-title{color:#ECECEC;font-size:4rem;font-weight:600;max-width:1400px;margin:0 auto 1rem auto;padding:0 2rem;text-align:center}.album-heading{color:#f2f2f2;font-size:2.4rem;font-weight:700;margin:0 0 0.6rem;line-height:1.15;text-align:center;margin-bottom:0.75em}.legal-content h2{color:#f2f2f2;font-size:1.2rem;margin-top:2rem;margin-bottom:0.6rem}.legal-content h2:first-child{margin-top:0}.bug-modal-header h3{margin:0;color:#f2f2f2;font-size:1.2rem}.section-title{color:#f0e6e8;font-size:1.6rem;letter-spacing:0.03em;margin-bottom:1.5rem;border-left:3px solid #b8293d;padding-left:0.75rem}.current-featured-info h3{margin:0;color:#f0e6e8;font-size:1.25rem}.featured-album h2{display:inline-block;color:#f0e6e8;font-size:2rem;border-left:3px solid #b8293d;padding-left:0.75rem;margin-bottom:1.25rem}.featured-album-info h3{color:#f0e6e8;margin:0 0 0.5rem;font-size:2.2rem}.story-timeline-content h3{color:#f2f2f2;margin:0 0 0.4rem;font-family:"Oswald",sans-serif}.story-feature-card h3{color:#f2f2f2;font-size:1.02rem;margin:0 0 0.5rem}header{position:relative;z-index:200}.group{line-height:28px;align-items:center;position:fixed;max-width:40em;left:50%;transform:translateX(-50%);width:min(40em,calc(100vw - 22rem));margin-top:0.75em;z-index:300}.search-icon{position:absolute;left:1.1rem;fill:#6b6b6b;width:1.05rem;height:1.05rem;pointer-events:none;z-index:1;transition:fill 0.3s ease}.group:focus-within .search-icon{fill:#d94654}.logo{width:100%;display:flex;justify-content:center;padding:4.8rem 0 1rem;position:relative;z-index:1}.logo-link{display:flex;align-items:center;gap:0.9rem;text-decoration:none;transition:transform 0.25s ease}.logo-link:hover{transform:scale(1.06)}.logo-pentagram{color:#d94654;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(217,70,84,0.6));transition:filter 0.3s ease,transform 0.4s ease;animation:pentagramBreathe 3.5s ease-in-out infinite}.logo-link:hover .logo-pentagram{filter:drop-shadow(0 0 14px rgba(217,70,84,0.9));transform:rotate(10deg);animation-play-state:paused}.logo-text{font-family:"Oswald",sans-serif;font-weight:700;font-size:5rem;letter-spacing:0.06em;color:#ECECEC;text-shadow:0 0 18px rgba(217,70,84,0.35);transition:text-shadow 0.3s ease}.logo-link:hover .logo-text{text-shadow:0 0 26px rgba(217,70,84,0.55)}.logo-accent{color:#d94654;text-shadow:0 0 22px rgba(217,70,84,0.7)}#user-profile{position:fixed;top:0.6rem;right:1.5rem;max-width:320px;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:0.6rem;z-index:350}#user-login{color:#b5b5b5;text-decoration:none;font-size:0.95rem;font-weight:500;padding:0.5rem 0.9rem;border-radius:6px;transition:color 0.2s ease,background-color 0.2s ease}#user-login:hover{color:#fff;background-color:rgba(255,255,255,0.06)}#user-register{color:#f2f2f2;background:linear-gradient(to bottom,#a83240,#6e1620);text-decoration:none;font-size:0.95rem;font-weight:700;padding:0.55rem 1.2rem;border-radius:6px;border:1px solid #d94654;box-shadow:0 2px 6px rgba(139,0,20,0.4);transition:background 0.2s ease,transform 0.15s ease,box-shadow 0.2s ease}#user-register:hover{background:linear-gradient(to bottom,#c93d4c,#8a1d28);box-shadow:0 3px 10px rgba(139,0,20,0.6);transform:translateY(-1px)}.my_account{color:#f2f2f2;background:linear-gradient(to bottom,#a8283a,#6e0f1c);text-decoration:none;font-size:0.95rem;font-weight:700;padding:0.55rem 1.2rem;border-radius:6px;border:1px solid #b5303f;box-shadow:0 2px 8px rgba(139,0,20,0.45);transition:background 0.2s ease,border-color 0.2s ease,transform 0.15s ease,box-shadow 0.2s ease}.my_account:hover{background:linear-gradient(to bottom,#c9384a,#8a1420);border-color:#e0475a;box-shadow:0 4px 14px rgba(139,0,20,0.65);transform:translateY(-1px)}.admin-menu{position:relative}.admin-menu-btn{display:inline-flex;align-items:center;gap:0.4rem;color:#e6969e;background:rgba(168,40,58,0.12);border:1px solid #7a2430;font-size:0.9rem;font-weight:700;padding:0.5rem 1.1rem;border-radius:6px;cursor:pointer;transition:border-color 0.2s ease,color 0.2s ease,background 0.2s ease,box-shadow 0.2s ease}.admin-menu-btn svg{transition:transform 0.2s ease}.admin-menu-btn:hover,.admin-menu.open .admin-menu-btn{color:#f2f2f2;background:rgba(168,40,58,0.22);border-color:#d94654;box-shadow:0 2px 8px rgba(139,0,20,0.35)}.admin-menu.open .admin-menu-btn svg{transform:rotate(180deg)}.admin-menu-panel{position:absolute;top:calc(100% + 0.6rem);right:0;min-width:200px;background-color:#17090b;border:1px solid #4a1218;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,0.55);padding:0.5rem;display:flex;flex-direction:column;gap:0.1rem;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 0.18s ease,transform 0.18s ease,visibility 0.18s;z-index:400}.admin-menu.open .admin-menu-panel{opacity:1;visibility:visible;transform:translateY(0)}.admin-menu-panel .menu-link:hover{color:#f2f2f2;background-color:rgba(217,70,84,0.16)}.accent-color-choice{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:0.5rem}.accent-color-option{cursor:pointer}.accent-color-option input{position:absolute;opacity:0;width:0;height:0}.accent-color-swatch{display:block;width:34px;height:34px;border-radius:50%;background:var(--swatch-color);border:2px solid #2a2a2a;box-shadow:0 2px 6px rgba(0,0,0,0.4);transition:transform 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease}.accent-color-option:hover .accent-color-swatch{transform:scale(1.1)}.accent-color-option input:checked + .accent-color-swatch{border-color:#ECECEC;box-shadow:0 0 0 2px #111315,0 0 0 4px var(--swatch-color)}.accent-color-option input:focus-visible + .accent-color-swatch{outline:2px solid #ECECEC;outline-offset:2px}.profile-card .profile-avatar{background:linear-gradient(135deg,var(--user-accent,#d94654),color-mix(in srgb,var(--user-accent,#d94654) 60%,black));border-color:var(--user-accent,#d94654)}.profile-card .profile-name{color:var(--user-accent,#d94654)}.profile-card .badge-row .badge{border-color:color-mix(in srgb,var(--user-accent,#d94654) 55%,#2a2a2a)}.profile-card .badge-row .badge:hover{border-color:var(--user-accent,#d94654);box-shadow:0 0 12px color-mix(in srgb,var(--user-accent,#d94654) 35%,transparent)}.hamburger-menu{position:fixed;top:1em;left:1em;z-index:1001}.hamburger-btn{display:flex;flex-direction:column;justify-content:space-between;width:32px;height:24px;background:none;border:none;cursor:pointer;padding:0}.hamburger-btn span{display:block;height:3px;width:100%;background-color:#ECECEC;border-radius:2px;transition:transform 0.3s ease,opacity 0.3s ease}.hamburger-btn.open span:nth-child(1){transform:translateY(10px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0}.hamburger-btn.open span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.dropdown-menu{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:300px;background-color:#1B1D21;border-right:1px solid #2A2D33;box-shadow:8px 0 30px rgba(0,0,0,0.5);z-index:999;padding:2rem 1.5rem 2rem;display:flex;flex-direction:column;gap:2rem;overflow-y:auto;overscroll-behavior:contain;transform:translateX(-100%);transition:transform 0.25s ease}.dropdown-menu.open{transform:translateX(0)}.menu-column{display:flex;flex-direction:column;gap:0.2rem}.menu-column.scrollable{max-height:480px;overflow-y:auto;overscroll-behavior:contain;padding-right:0.5rem}.menu-heading{font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:#a83240;margin:0 0 0.6rem;padding-bottom:0.5rem;border-bottom:1px solid #2A2D33}.menu-link{color:#B0B0B0;text-decoration:none;font-size:0.95rem;font-weight:500;padding:0.55rem 0.7rem;border-radius:6px;transition:color 0.15s ease,background-color 0.15s ease,padding-left 0.15s ease}.menu-link:hover{color:#ECECEC;background-color:#2A2D33;padding-left:1rem}.search-heading{color:#f2f2f2;font-size:2.2rem;font-weight:700;padding:2rem 2rem 0;margin:0 auto;max-width:1300px;text-align:center}.search-subheading{color:#f2f2f2;font-size:1.4rem;font-weight:700;margin:2rem auto 1rem;padding:0 2rem;max-width:1300px;text-align:center;position:relative;padding-bottom:0.6rem}.search-subheading::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#a83240;border-radius:2px}.comment-header{display:flex;align-items:baseline;gap:0.6rem;margin-bottom:0.35rem;flex-wrap:wrap}.bug-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.dna-header-row{display:flex;align-items:center;justify-content:center;gap:0.7rem;margin-bottom:1.2rem}.smart-search{position:fixed;left:50%;transform:translateX(-50%);top:0.75em;width:40em;max-width:92vw;z-index:300;display:flex;align-items:center;gap:0.5rem}.smart-search-form{position:relative;flex:1;min-width:0}.smart-search-form:focus-within .search-icon{fill:#d94654}.smart-search-form .search-icon{top:50%;transform:translateY(-50%)}.smart-search-toggle{position:relative;display:flex;gap:0.25rem;background:#14151a;border:1.5px solid #2a2a2a;border-radius:999px;padding:3px;flex-shrink:0;box-shadow:0 4px 20px rgba(0,0,0,0.4)}.smart-search-indicator{position:absolute;top:3px;left:3px;width:30px;height:30px;border-radius:50%;background:#d94654;box-shadow:0 0 12px rgba(217,70,84,0.65);transition:transform 0.25s cubic-bezier(0.4,0,0.2,1);z-index:0}.smart-search-toggle[data-active="users"] .smart-search-indicator{transform:translateX(34px)}.smart-search-mode-btn{position:relative;z-index:1;width:30px;height:30px;border:none;background:transparent;color:#888;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:color 0.2s ease}.smart-search-mode-btn:hover{color:#ccc}.smart-search-mode-btn.active{color:#fff}.smart-search[data-mode="users"] .smart-search-form .input{border-color:#a83240;box-shadow:0 0 0 3px rgba(168,50,64,0.15),0 0 24px rgba(168,50,64,0.25),0 4px 20px rgba(0,0,0,0.5)}.smart-search-dropdown{display:none;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;width:auto;max-width:none;background:#14151a;border:1.5px solid #2a2a2a;border-radius:10px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,0.5);z-index:30}.smart-search-dropdown a{display:flex;align-items:center;gap:0.6rem;padding:0.65rem 0.9rem;color:#ECECEC;text-decoration:none;border-bottom:1px solid #2a2a2a}.smart-search-dropdown a:last-child{border-bottom:none}.smart-search-dropdown .ssd-avatar{width:26px;height:26px;border-radius:50%;background:#2a2a2a;display:flex;align-items:center;justify-content:center;font-size:0.8rem;flex-shrink:0}.smart-search-dropdown .ssd-empty,.smart-search-dropdown .ssd-loading{padding:0.75rem 0.9rem;color:#888;font-size:0.88rem}.playlist-detail-header{text-align:center;margin-bottom:2rem}.auth-submit{width:100%;margin-top:0.5rem;color:#f2f2f2;background:linear-gradient(to bottom,#a83240,#6e1620);border:1px solid #d94654;border-radius:6px;padding:0.75rem 1rem;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 6px rgba(139,0,20,0.4);transition:background 0.2s ease,transform 0.15s ease,box-shadow 0.2s ease}.auth-submit:hover{background:linear-gradient(to bottom,#c93d4c,#8a1d28);box-shadow:0 3px 10px rgba(139,0,20,0.6);transform:translateY(-1px)}.favorite-btn{background:none;border:1px solid #444;color:#888;font-size:1.4rem;width:3rem;height:3rem;border-radius:50%;cursor:pointer;transition:all 0.2s ease;line-height:1}.favorite-btn:hover{border-color:#d94654;color:#d94654}.favorite-btn.favorited{background:linear-gradient(to bottom,#a83240,#6e1620);border-color:#d94654;color:#fff}@keyframes favoriteBtnPop{0%{transform:scale(1)}35%{transform:scale(1.25)}60%{transform:scale(0.92)}100%{transform:scale(1)}}.favorite-btn.pop{animation:favoriteBtnPop 0.4s ease}.heart-burst{position:fixed;width:0;height:0;pointer-events:none;z-index:600}.heart-burst-particle{position:absolute;top:0;left:0;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#d94654;box-shadow:0 0 6px rgba(217,70,84,0.8);animation:heartBurstFly 0.6s ease-out forwards}@keyframes heartBurstFly{0%{transform:rotate(var(--angle)) translateX(0) scale(1);opacity:1}100%{transform:rotate(var(--angle)) translateX(28px) scale(0.3);opacity:0}}@media (prefers-reduced-motion:reduce){.favorite-btn.pop{animation:none}.heart-burst-particle{display:none}}.toast-container{position:fixed;bottom:5.5rem;right:1.5rem;display:flex;flex-direction:column-reverse;gap:0.6rem;z-index:2000;pointer-events:none;max-width:calc(100vw - 3rem)}.toast{display:flex;align-items:center;gap:0.6rem;background:linear-gradient(160deg,#1c1c1c,#131313);border:1px solid #3a3a3a;color:#f2f2f2;font-size:0.9rem;font-weight:600;padding:0.8rem 1.2rem;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,0.5);opacity:0;transform:translateY(12px);transition:opacity 0.25s ease,transform 0.25s ease;pointer-events:auto}.toast.show{opacity:1;transform:translateY(0)}.toast-icon{font-size:1.1rem;flex-shrink:0;line-height:1}.toast-favorite{border-color:#d94654;box-shadow:0 12px 30px rgba(139,0,20,0.35)}.toast-persistent{border-color:#d94654;box-shadow:0 12px 30px rgba(139,0,20,0.4);align-items:flex-start}.toast-persistent .toast-message{word-break:break-all;max-width:260px}.toast-copy-btn{flex-shrink:0;background:linear-gradient(to bottom,#a83240,#6e1620);border:1px solid #d94654;color:#f2f2f2;font-size:0.78rem;font-weight:700;padding:0.35rem 0.7rem;border-radius:6px;cursor:pointer;transition:background 0.2s ease}.toast-copy-btn:hover{background:linear-gradient(to bottom,#c9384a,#8a1420)}.toast-close-btn{flex-shrink:0;background:none;border:none;color:#888;font-size:1.1rem;line-height:1;cursor:pointer;padding:0 0.2rem;transition:color 0.2s ease}.toast-close-btn:hover{color:#f2f2f2}@media (max-width:480px){.toast-container{left:1rem;right:1rem;bottom:6rem}.toast{width:100%}}.playlist-add-btn{background:#1e1e1e;border:1px solid #3a3a3a;color:#ccc;font-size:0.85rem;font-weight:600;padding:0.6rem 1.1rem;border-radius:8px;cursor:pointer;transition:border-color 0.2s ease,color 0.2s ease,background 0.2s ease}.playlist-add-btn:hover{border-color:#d94654;color:#f2f2f2;background:#262626}.scroll-btn{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:none;background-color:rgba(0,0,0,0.6);color:white;font-size:1.5rem;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;margin:0 12px}.scroll-btn:hover{background-color:rgba(255,255,255,0.2)}.discover-btn{display:inline-block;color:#f2f2f2;background:linear-gradient(to bottom,#a83240,#6e1620);text-decoration:none;font-weight:700;padding:0.8rem 1.8rem;border-radius:8px;border:1px solid #d94654;box-shadow:0 2px 6px rgba(139,0,20,0.4);transition:transform 0.15s ease,box-shadow 0.2s ease}.discover-btn:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(139,0,20,0.6)}.reply-form .auth-submit{width:auto;align-self:flex-end;padding:0.4rem 1.2rem;font-size:0.85rem}.comment-form .auth-submit{align-self:flex-end;width:auto;padding:0.6rem 1.6rem;margin-top:0}.mod-btn{cursor:pointer}.genre-map-cta-wrap{text-align:center;margin-bottom:1.5rem;margin-top:1.5rem}.genre-map-cta{display:inline-flex!important;align-items:center;align-self:flex-start;gap:0.5rem;width:auto!important;color:#f2f2f2;background:linear-gradient(to bottom,#a83240,#6e1620);border:1px solid #d94654;border-radius:999px;padding:0.6rem 1.3rem;font-size:0.9rem;font-weight:700;text-decoration:none;box-shadow:0 2px 6px rgba(139,0,20,0.4);transition:transform 0.15s ease,box-shadow 0.2s ease}.custom-confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity 0.2s ease;pointer-events:none}.custom-confirm-overlay.show{opacity:1;pointer-events:auto}.custom-confirm-box{background:linear-gradient(160deg,#16171c,#0a0a0b);border:1px solid #2a2a2a;border-radius:12px;padding:1.5rem 1.8rem;max-width:340px;text-align:center;transform:scale(0.95);transition:transform 0.2s ease}.custom-confirm-overlay.show .custom-confirm-box{transform:scale(1)}.custom-confirm-box p{color:#f2f2f2;margin:0 0 1.2rem;font-size:0.95rem}.custom-confirm-actions{display:flex;gap:0.8rem;justify-content:center}.custom-confirm-cancel{background:#2a2a2a;border:1px solid #444;color:#ccc;border-radius:6px;padding:0.5rem 1.2rem;cursor:pointer}.custom-confirm-cancel:hover{background:#333}.custom-confirm-ok{background:#6e1620;border:1px solid #a83240;color:#fff;border-radius:6px;padding:0.5rem 1.2rem;cursor:pointer}.custom-confirm-ok:hover{background:#a83240}.input{font-family:"Inter",sans-serif;width:100%;height:3.5em;padding-left:2.8rem;padding-right:1.2rem;border:1.5px solid #2a2a2a;border-radius:12px;background-color:#14151a;outline:none;color:#ECECEC;font-size:0.95rem;transition:border-color 0.3s ease,box-shadow 0.3s ease,background-color 0.3s ease;cursor:text;z-index:0;box-shadow:0 4px 20px rgba(0,0,0,0.4)}.input::placeholder{color:#6b6b6b;transition:color 0.3s ease}.input:hover{border-color:#3a3a3a;background-color:#17181d}.input:hover::placeholder{color:#8a8a8a}.input:focus{border-color:#a83240;background-color:#17181d;box-shadow:0 0 0 3px rgba(168,50,64,0.15),0 0 24px rgba(168,50,64,0.25),0 4px 20px rgba(0,0,0,0.5)}.input:focus::placeholder{color:#a5a5a5}.cookie-banner{display:none;position:fixed;bottom:0;left:0;right:0;background:#161616;border-top:1px solid #2a2a2a;padding:1.5rem;z-index:1000;justify-content:center;box-shadow:0 -4px 20px rgba(0,0,0,0.5)}.cookie-content{max-width:700px}.cookie-content p{color:#b5b5b5;font-size:0.9rem;line-height:1.5}.cookie-category{margin:0.8rem 0}.cookie-category label{color:#f2f2f2;font-weight:600;display:flex;align-items:center;gap:0.5rem}.cookie-category p{margin-left:1.6rem;font-size:0.8rem}.cookie-buttons{display:flex;gap:0.8rem;margin-top:1.2rem;flex-wrap:wrap}.cookie-buttons button{padding:0.6rem 1.2rem;border-radius:6px;font-size:0.9rem;cursor:pointer;border:1px solid #444;background:transparent;color:#ccc;transition:all 0.2s ease}.cookie-buttons button:hover{border-color:#888;color:#fff}#cookie-accept-all{background:linear-gradient(to bottom,#a83240,#6e1620);border:1px solid #d94654;color:#f2f2f2;font-weight:700}.auth-container{display:flex;justify-content:center;align-items:flex-start;min-height:70vh;padding:2rem;padding-top:6rem;width:100%}.auth-form{background:#161616;border:1px solid #2a2a2a;border-radius:12px;padding:2.5rem;width:100%;max-width:380px;box-shadow:0 8px 24px rgba(0,0,0,0.5);display:flex;flex-direction:column;align-items:center}.auth-heading{color:#f2f2f2}.form-group{margin-bottom:1.3rem;width:100%}.form-group label{display:block;color:#b5b5b5;font-size:0.85rem;font-weight:500;margin-bottom:0.4rem;text-align:center}.form-group input,.form-group textarea{width:100%;padding:0.7rem 0.9rem;background:#0e0e0e;border:1px solid #333;border-radius:6px;color:#f2f2f2;font-size:0.95rem;font-family:inherit;transition:border-color 0.2s ease,box-shadow 0.2s ease}.form-group textarea{resize:vertical;min-height:4.5rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#a83240;box-shadow:0 0 0 3px rgba(168,50,64,0.2)}.form-error{color:#d94654;background:rgba(168,50,64,0.1);border:1px solid rgba(217,70,84,0.3);padding:0.6rem 0.9rem;border-radius:6px;font-size:0.85rem;margin-bottom:1rem;width:100%;text-align:center}.api-key-section{max-width:1200px;margin:3rem auto;padding:0 2rem}.api-key-intro{color:#999;font-size:0.9rem;line-height:1.6;max-width:700px;margin:0 auto 1.5rem;text-align:center}.api-key-intro a{color:#d94654}.developer-teaser{max-width:900px;margin:3rem auto 0;padding:0 2rem;text-align:center}.developer-teaser-link{display:inline-flex;align-items:center;gap:0.5rem;color:#999;font-size:0.88rem;font-weight:600;text-decoration:none;padding:0.6rem 1.1rem;border:1px solid #333;border-radius:999px;transition:border-color 0.2s ease,color 0.2s ease}.developer-teaser-link svg{width:14px;height:14px;transition:transform 0.2s ease}.developer-teaser-link:hover{border-color:#d94654;color:#f2f2f2}.developer-teaser-link:hover svg{transform:translateX(3px)}.docs-main{max-width:860px;width:100%;min-width:0;margin:0 auto;padding:0 2rem 4rem}.docs-intro{color:#999;font-size:0.95rem;line-height:1.7;max-width:700px;width:100%;min-width:0;margin:0 auto 2rem;padding:0 1.5rem;text-align:center;box-sizing:border-box}.docs-intro a{color:#d94654}.docs-nav{display:flex;flex-wrap:wrap;width:100%;min-width:0;gap:0.6rem;justify-content:center;margin-bottom:3rem;padding:0 1.5rem;box-sizing:border-box}.docs-nav a{color:#ccc;background:#161616;border:1px solid #2a2a2a;font-size:0.82rem;font-weight:600;text-decoration:none;padding:0.4rem 0.9rem;border-radius:999px;transition:border-color 0.2s ease,color 0.2s ease}.docs-nav a:hover{border-color:#d94654;color:#f2f2f2}.docs-section{margin-bottom:3.5rem;scroll-margin-top:5.5rem}.docs-section-title{color:#f2f2f2;font-family:"Oswald",sans-serif;font-size:1.6rem;font-weight:700;margin:0 0 0.8rem;padding-bottom:0.6rem;border-bottom:1px solid #2a2a2a}.docs-section p{color:#ccc;font-size:0.92rem;line-height:1.7;margin:0 0 1rem}.docs-section a{color:#d94654}.docs-code{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;padding:1rem 1.2rem;overflow-x:auto;margin:0 0 1rem}.docs-code code{color:#d8d8d8;font-family:"SFMono-Regular",Consolas,monospace;font-size:0.82rem;line-height:1.6;white-space:pre}.docs-code .docs-comment{color:#6a6a6a}.docs-code .docs-string{color:#a684d6}.docs-code .docs-key{color:#6fd97e}.docs-endpoint{background:linear-gradient(160deg,#171717,#101010);border:1px solid #2a2a2a;border-radius:12px;padding:1.4rem 1.6rem;margin-bottom:1.2rem}.docs-endpoint-header{display:flex;align-items:center;flex-wrap:wrap;gap:0.7rem;margin-bottom:0.7rem}.docs-method{display:inline-block;color:#6fd97e;background:rgba(111,217,126,0.12);border:1px solid rgba(111,217,126,0.35);font-size:0.72rem;font-weight:700;letter-spacing:0.03em;padding:0.2rem 0.55rem;border-radius:4px}.docs-path{color:#f2f2f2;font-family:"SFMono-Regular",Consolas,monospace;font-size:0.92rem;font-weight:600}.docs-ratelimit{margin-left:auto;color:#999;font-size:0.76rem;background:rgba(217,70,84,0.08);border:1px solid rgba(217,70,84,0.25);padding:0.2rem 0.6rem;border-radius:999px;white-space:nowrap}.docs-endpoint-desc{color:#ccc;font-size:0.88rem;line-height:1.6;margin:0 0 1rem}.docs-endpoint-label{color:#999;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;margin:1rem 0 0.4rem}.docs-table-wrap{overflow-x:auto;margin-bottom:1rem}.docs-table{width:100%;min-width:480px;border-collapse:collapse;font-size:0.85rem}.docs-table th{text-align:left;color:#999;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:0.5rem 0.8rem;border-bottom:1px solid #2a2a2a}.docs-table td{padding:0.5rem 0.8rem;border-bottom:1px solid #222;color:#ccc}.docs-table code{color:#d94654;background:rgba(217,70,84,0.08);padding:0.1rem 0.4rem;border-radius:4px;font-size:0.8rem}.docs-terms{background:linear-gradient(160deg,rgba(168,50,64,0.1),rgba(110,15,28,0.05));border:1px solid rgba(217,70,84,0.35);border-radius:12px;padding:1.4rem 1.6rem}.docs-terms ul{margin:0;padding-left:1.2rem;color:#ccc;font-size:0.9rem;line-height:1.8}.docs-terms strong{color:#f2f2f2}@media (max-width:600px){.docs-main{padding:0 1.2rem 3rem}.docs-intro,.docs-nav{padding:0 0.5rem}.docs-section-title{font-size:1.3rem}.docs-endpoint{padding:1.1rem 1.2rem}.docs-endpoint-header{gap:0.5rem}.docs-path{font-size:0.82rem;word-break:break-all}.docs-code{padding:0.8rem 0.9rem}.docs-code code{font-size:0.76rem}.docs-ratelimit{margin-left:0}.docs-terms{padding:1.1rem 1.2rem}.form-row{flex-direction:column;gap:0}}.api-key-reveal{background:linear-gradient(160deg,rgba(168,50,64,0.14),rgba(110,15,28,0.08));border:1px solid #d94654;border-radius:12px;padding:1.4rem 1.6rem;max-width:600px;margin:0 auto 1.5rem;box-shadow:0 8px 28px rgba(139,0,20,0.25)}.api-key-reveal-title{color:#f2f2f2;font-weight:700;font-size:1.05rem;margin:0 0 0.3rem}.api-key-reveal-warning{color:#e6969e;font-size:0.85rem;margin:0 0 1rem}.api-key-reveal-box{display:flex;align-items:center;gap:0.8rem;background:#0a0a0a;border:1px solid #333;border-radius:8px;padding:0.7rem 0.9rem}.api-key-reveal-box code{flex:1;color:#f2f2f2;font-size:0.85rem;word-break:break-all}.api-key-reveal-copy-btn{flex-shrink:0;background:linear-gradient(to bottom,#a83240,#6e1620);border:1px solid #d94654;color:#f2f2f2;font-size:0.8rem;font-weight:700;padding:0.5rem 1rem;border-radius:6px;cursor:pointer;transition:background 0.2s ease}.api-key-reveal-copy-btn:hover{background:linear-gradient(to bottom,#c9384a,#8a1420)}.api-key-toggle-btn{display:block;margin:0 auto 1.5rem;background:linear-gradient(to bottom,#a83240,#6e1620);border:1px solid #d94654;color:#f2f2f2;font-size:0.9rem;font-weight:700;padding:0.6rem 1.4rem;border-radius:8px;cursor:pointer;transition:transform 0.15s ease,box-shadow 0.2s ease}.api-key-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(139,0,20,0.4)}.api-key-form{background:linear-gradient(160deg,#171717,#101010);border:1px solid #2a2a2a;border-radius:12px;padding:1.5rem;max-width:700px;margin:0 auto 2rem;box-shadow:0 8px 24px rgba(0,0,0,0.35)}.form-row{display:flex;gap:1.2rem}.form-row .form-group{flex:1;min-width:0}.api-key-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.2rem;align-items:start}.api-key-card{background:linear-gradient(160deg,#171717,#101010);border:1px solid #2a2a2a;border-radius:12px;padding:1.2rem 1.4rem}.api-key-card.api-key-revoked{opacity:0.6}.api-key-card-header{display:flex;align-items:center;justify-content:space-between;gap:0.8rem;margin-bottom:0.5rem}.api-key-name{color:#f2f2f2;font-weight:700;font-size:1.02rem}.api-key-status{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:0.2rem 0.6rem;border-radius:999px;flex-shrink:0}.api-key-status.active{color:#6fd97e;background:rgba(111,217,126,0.12);border:1px solid rgba(111,217,126,0.35)}.api-key-status.revoked{color:#999;background:rgba(153,153,153,0.1);border:1px solid rgba(153,153,153,0.3)}.api-key-prefix{display:inline-block;color:#d94654;background:rgba(217,70,84,0.08);border:1px solid rgba(217,70,84,0.25);font-size:0.82rem;padding:0.15rem 0.55rem;border-radius:4px;margin-bottom:0.6rem}.api-key-usecase{color:#ccc;font-size:0.88rem;line-height:1.5;margin:0 0 0.5rem}.api-key-website{display:inline-block;color:#888;font-size:0.82rem;text-decoration:none;margin-bottom:0.6rem;word-break:break-all}.api-key-website:hover{color:#d94654}.api-key-meta{display:flex;flex-wrap:wrap;gap:0.9rem;color:#777;font-size:0.78rem;margin-bottom:0.8rem}.api-key-revoke-btn{background:none;border:1px solid #444;color:#999;font-size:0.78rem;font-weight:600;padding:0.4rem 0.9rem;border-radius:6px;cursor:pointer;transition:border-color 0.2s ease,color 0.2s ease}.api-key-revoke-btn:hover{border-color:#d94654;color:#d94654}.admin-key-table-wrap{max-width:1400px;margin:0 auto;padding:0 2rem;overflow-x:auto}.admin-key-filter-toggle{display:flex;align-items:center;gap:0.5rem;max-width:1400px;margin:0 auto 1.2rem;padding:0 2rem;color:#999;font-size:0.85rem;cursor:pointer;user-select:none}.admin-key-filter-toggle input[type="checkbox"]{width:16px;height:16px;accent-color:#d94654;cursor:pointer}.admin-key-table{width:100%;border-collapse:collapse;background:linear-gradient(160deg,#171717,#101010);border:1px solid #2a2a2a;border-radius:12px;overflow:hidden;font-size:0.85rem}.admin-key-table th{text-align:left;color:#999;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:0.8rem 1rem;border-bottom:1px solid #2a2a2a;white-space:nowrap}.admin-key-table td{padding:0.8rem 1rem;border-bottom:1px solid #222;color:#ddd;vertical-align:top}.admin-key-table tbody tr:last-child td{border-bottom:none}.admin-key-table tbody tr:hover td{background:rgba(255,255,255,0.02)}.admin-key-table a{color:#d94654;text-decoration:none}.admin-key-table a:hover{text-decoration:underline}.admin-key-usecase{max-width:260px;color:#aaa;line-height:1.4}.admin-key-revoked td{opacity:0.55}@media (max-width:768px){.admin-key-table-wrap{padding:0 1rem;overflow-x:visible}.admin-key-filter-toggle{padding:0 1rem}.admin-key-table{background:none;border:none;border-radius:0;display:flex;flex-direction:column;gap:0.9rem}.admin-key-table thead{display:none}.admin-key-table tbody{display:flex;flex-direction:column;gap:0.9rem}.admin-key-table tr{display:block;background:linear-gradient(160deg,#171717,#101010);border:1px solid #2a2a2a;border-radius:12px;padding:1rem 1.1rem}.admin-key-table td{display:flex;flex-direction:column;gap:0.15rem;padding:0.5rem 0;border-bottom:1px dashed #222;text-align:left}.admin-key-table td:last-child{border-bottom:none;padding-top:0.8rem}.admin-key-table td::before{content:attr(data-label);color:#999;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em}.admin-key-usecase{max-width:none}}.edit-form{max-width:440px}.edit-section{width:100%;margin-bottom:1.8rem;padding-bottom:1.4rem;border-bottom:1px solid #2a2a2a}.edit-section:last-of-type{border-bottom:none;padding-bottom:0}.edit-section-heading{display:flex;align-items:center;gap:0.6rem;color:#f2f2f2;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin:0 0 1.2rem}.field-hint{display:block;color:#777;font-size:0.75rem;margin-top:0.35rem}.reply-form textarea{width:100%;min-height:50px;padding:0.5rem;background:#161616;border:1px solid #333;border-radius:6px;color:#f2f2f2;font-family:"Inter",sans-serif;font-size:0.85rem;resize:vertical;box-sizing:border-box}.comment-form textarea{width:100%;min-height:70px;padding:0.8rem;background:#0e0e0e;border:1px solid #333;border-radius:8px;color:#f2f2f2;font-family:"Inter",sans-serif;font-size:0.95rem;resize:vertical;box-sizing:border-box;transition:border-color 0.2s ease,box-shadow 0.2s ease}.comment-form textarea:focus{outline:none;border-color:#a83240;box-shadow:0 0 0 3px rgba(168,50,64,0.15)}#bugReportForm .form-group{margin-bottom:1rem}#bugReportForm textarea{width:100%;min-height:100px;padding:0.7rem;background:#0e0e0e;border:1px solid #333;border-radius:6px;color:#f2f2f2;font-family:"Inter",sans-serif;font-size:0.9rem;resize:vertical;box-sizing:border-box}#bugReportForm textarea:focus,#bugReportForm input:focus{outline:none;border-color:#a83240}.flair-choice{display:flex;gap:0.6rem;flex-wrap:wrap}.flair-option{position:relative;cursor:pointer}.flair-option input[type="radio"]{position:absolute;opacity:0;width:0;height:0}.flair-option-label{display:inline-block;padding:0.5rem 1.1rem;border-radius:999px;font-size:0.85rem;font-weight:600;background:#0e0e0e;border:1px solid #333;color:#999;transition:all 0.2s ease}.flair-option input[type="radio"]:checked + .flair-option-label{background:linear-gradient(to bottom,#a83240,#6e1620);border-color:#d94654;color:#fff}.flair-option-pride input[type="radio"]:checked + .flair-option-label{background:linear-gradient(90deg,#ff0018,#ffa52c,#ffff41,#008018,#0000f9,#86007d);border-color:rgba(255,255,255,0.6);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.7)}.flair-option-trans input[type="radio"]:checked + .flair-option-label{background:linear-gradient(90deg,#5bcefa,#f5a9b8,#ffffff,#f5a9b8,#5bcefa);border-color:rgba(91,206,250,0.7);color:#12233d}.flair-option:hover .flair-option-label{border-color:#555}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:0.5rem;cursor:pointer;text-align:left;color:#ccc;font-size:0.85rem}.checkbox-label input[type="checkbox"]{width:16px;height:16px;cursor:pointer;accent-color:#a83240}.badge-flair-pride{background:linear-gradient(90deg,#ff0018,#ffa52c,#ffff41,#008018,#0000f9,#86007d);color:#fff;border:1px solid rgba(255,255,255,0.6);text-shadow:0 1px 3px rgba(0,0,0,0.7);box-shadow:0 0 14px rgba(255,255,255,0.35),0 2px 10px rgba(0,0,0,0.5)}.badge-flair-pride:hover{box-shadow:0 0 22px rgba(255,255,255,0.55),0 4px 16px rgba(0,0,0,0.6)}.badge-flair-trans{background:linear-gradient(90deg,#5bcefa,#f5a9b8,#ffffff,#f5a9b8,#5bcefa);color:#12233d;border:1px solid rgba(91,206,250,0.7);text-shadow:0 1px 2px rgba(255,255,255,0.6);box-shadow:0 0 14px rgba(91,206,250,0.5),0 2px 10px rgba(0,0,0,0.4)}.badge-flair-trans:hover{box-shadow:0 0 22px rgba(91,206,250,0.7),0 4px 16px rgba(0,0,0,0.5)}.form-row{margin-bottom:1.1rem;display:flex;flex-direction:column;gap:0.4rem}.form-row label{color:#c9bcc0;font-size:0.85rem;letter-spacing:0.02em}.form-row input,.form-row textarea{background:#0f0a0c;border:1px solid rgba(184,41,61,0.3);border-radius:6px;color:#f0e6e8;padding:0.6rem 0.75rem;font-size:0.95rem;transition:border-color 0.2s,box-shadow 0.2s}.form-row textarea{min-height:70px;resize:vertical}.form-row input:focus,.form-row textarea:focus{outline:none;border-color:#b8293d;box-shadow:0 0 0 3px rgba(184,41,61,0.2)}.auth-error{display:flex;align-items:center;gap:0.6rem;background:rgba(217,70,84,0.10);border:1px solid rgba(217,70,84,0.35);border-left:3px solid #d94654;color:#f2b3ba;padding:0.85rem 1rem;border-radius:8px;font-size:0.9rem;margin-bottom:1.4rem;animation:auth-msg-in 0.3s ease}.auth-error::before{content:"!";display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border-radius:50%;background:rgba(217,70,84,0.25);color:#f2b3ba;font-size:0.8rem;font-weight:700}.auth-success{background:rgba(80,200,120,0.10);border-left-color:#4caf7d;border-color:rgba(80,200,120,0.35);color:#a3e2bb}.auth-success::before{content:"✓";background:rgba(80,200,120,0.25);color:#a3e2bb}.band-country{color:#ECECEC;text-align:center;font-size:1.3rem;font-weight:400}.artist-banner{position:relative;width:100%;min-height:min(46vh,420px);display:flex;align-items:flex-end;overflow:hidden}.artist-banner-backdrop{position:absolute;inset:-20px;background-size:cover;background-position:center 28%;filter:blur(22px) brightness(0.45) saturate(1.15);transform:scale(1.1);z-index:0}.artist-banner:not(.has-photo) .artist-banner-backdrop{background:radial-gradient(circle at 50% 30%,#1B1D21,#0d0d0f 70%)}.artist-banner-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,10,10,0.1) 0%,rgba(10,10,10,0.55) 55%,#111315 100%);z-index:1}.artist-banner-watermark{position:absolute;top:50%;left:50%;width:clamp(300px,40vw,600px);height:clamp(300px,40vw,600px);transform:translate(-50%,-50%);color:#d94654;opacity:0.05;pointer-events:none;z-index:1}.artist-banner-content{position:relative;z-index:2;width:100%;padding:2.5rem 2rem 2.5rem}.artist-banner-content .band-title{margin-bottom:0.4rem;text-shadow:0 4px 24px rgba(0,0,0,0.7)}.artist-banner-content .band-country{margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,0.6)}.artist-banner-content .genre-tags{padding-top:0}.artist-hero{display:flex;gap:2rem;align-items:flex-start;max-width:1400px;margin:-3rem auto 0;padding:2rem;background:linear-gradient(135deg,#1B1D21,#111315);border:1px solid #2a2a2a;border-radius:16px;position:relative;z-index:3;box-shadow:0 20px 50px rgba(0,0,0,0.4)}.band-image-box{position:relative;width:260px;aspect-ratio:1 / 1;flex-shrink:0;border-radius:12px;overflow:hidden;border:2px solid #2a2a2a;box-shadow:0 10px 30px rgba(0,0,0,0.4)}.band-image{width:100%;height:100%;object-fit:cover;display:block}.band-photo-placeholder{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(135deg,#1e1e1e,#2a2a2a);align-items:center;justify-content:center}.band-photo-placeholder .cover-icon{width:25%;height:25%;color:#555}.artist-bio{flex:1;min-width:0;text-align:left;line-height:1.5;font-weight:400;color:#c5c5c5;font-size:1.05rem}.artist-actions-row{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-top:1.2rem}.artist-heading{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff;letter-spacing:0.02em}.bio-text{max-height:280px;overflow:hidden;position:relative;transition:max-height 0.4s ease}.bio-text.expanded{max-height:2000px}.bio-text:not(.expanded)::after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,#0a0a0a)}.bio-toggle{background:none;border:1px solid #444;color:#ccc;padding:0.4rem 1rem;border-radius:6px;margin-top:0.8rem;cursor:pointer;font-size:0.9rem}.bio-toggle:hover{border-color:#888;color:#fff}.album-title{margin-top:0.6rem;font-weight:600;color:#e0e0e0;font-size:0.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.25s ease}.album-card:hover .album-title{color:#f5f5f5}.album-date{color:#888;font-size:0.8rem}.album-artist{color:#999;font-size:0.8rem;margin:0.2rem 0 0}.album-hero{display:flex;gap:2.5rem;align-items:flex-end;flex-wrap:wrap;padding:2.5rem;max-width:1100px;margin:2rem auto 0;background:linear-gradient(160deg,#171717,#101010);border:1px solid #262626;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,0.4)}.album-info{flex:1;min-width:240px;padding-bottom:0.5rem}.album-hero-title{color:#f5f5f5;font-family:"Oswald",sans-serif;font-weight:600;font-size:clamp(1.6rem,1rem + 2.4vw,2.8rem);line-height:1.12;margin:0 0 0.5rem}.album-actions-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.2rem}.album-actions-row .favorite-btn{flex-shrink:0}.album-actions-row .rating-widget{margin-top:0}.album-type-tag{display:inline-block;color:#d94654;background:rgba(168,50,64,0.12);border:1px solid rgba(217,70,84,0.3);font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:0.25rem 0.7rem;border-radius:4px;margin-bottom:0.8rem}.album-artist-link{display:inline-block;color:#ccc;font-size:1.1rem;font-weight:600;text-decoration:none;margin-bottom:0.4rem;transition:color 0.2s ease}.album-artist-link:hover{color:#d94654}.album-meta{color:#888;font-size:0.9rem;margin:0}.tracklist-heading{color:#f2f2f2;font-size:1.4rem;font-weight:700;max-width:1100px;margin:2.5rem auto 1rem;padding:0 2rem}.tracklist{max-width:1100px;margin:0 auto 3rem;padding:0.5rem 1rem 1rem;background:linear-gradient(160deg,#171717,#101010);border:1px solid #262626;border-radius:14px}.track-row{display:flex;align-items:center;gap:1.2rem;padding:0.7rem 1rem;border-radius:6px;transition:background-color 0.15s ease,box-shadow 0.15s ease}.track-row:hover{background-color:rgba(255,255,255,0.04)}.track-row-link{text-decoration:none!important;color:#e0e0e0!important;display:flex;cursor:pointer}.track-row-link:hover{background-color:rgba(217,70,84,0.08);box-shadow:inset 3px 0 0 #d94654}.track-row:not(:last-child){border-bottom:1px solid #222}.track-position{color:#666;font-size:0.85rem;font-weight:600;font-variant-numeric:tabular-nums;width:1.5rem;text-align:right;flex-shrink:0}.track-title{color:#e0e0e0;font-size:0.95rem;flex:1}.track-length{color:#777;font-size:0.85rem;flex-shrink:0}.track-row-link:link,.track-row-link:visited,.track-row-link:hover,.track-row-link:active{text-decoration:none!important;color:#e0e0e0!important}.featured-album-info{z-index:1}.story-hero{position:relative;overflow:hidden;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 1.5rem 4rem}.story-hero-title{font-family:"Oswald",sans-serif;font-size:4rem;font-weight:800;color:#f2f2f2;text-shadow:0 0 30px rgba(217,70,84,0.4);position:relative;z-index:1;margin:0}.story-hero-sub{color:#999;font-size:1.1rem;margin-top:1rem;position:relative;z-index:1}.home-split{display:flex;gap:3rem;max-width:1400px;margin:5rem auto 4rem;padding:0 2rem;flex-wrap:wrap}.leaderboard{display:flex;flex-direction:column;gap:0.7rem}.leaderboard-row{display:flex;align-items:center;gap:1rem;background:#161616;border:1px solid #2a2a2a;border-radius:8px;padding:0.9rem 1.2rem;text-decoration:none;transition:border-color 0.2s ease,transform 0.15s ease}.leaderboard-row:hover{border-color:#a83240;transform:translateX(3px)}.leaderboard-rank{color:#666;font-weight:700;font-size:0.9rem;width:1.2rem}.leaderboard-name{flex:1;color:#f2f2f2;font-weight:600;font-size:0.9rem}.leaderboard-count{color:#d94654;font-size:0.85rem;font-weight:600}.data-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;max-width:1400px;margin:0 auto 3rem;padding:0 2rem}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.2rem;padding:1rem 0.5em}.album-card{background:linear-gradient(160deg,#1c1c1c,#131313);border:1px solid #2a2a2a;border-radius:10px;padding:0.8rem;text-decoration:none;color:inherit;display:block;min-width:0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 4px 14px rgba(0,0,0,0.35);transition:border-color 0.25s ease,transform 0.25s ease,box-shadow 0.25s ease}.album-card:hover{border-color:#a83240;transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 14px 32px rgba(139,0,20,0.35),0 0 0 1px rgba(168,50,64,0.4)}.album-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:6px;border:none}.cover-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;margin-bottom:0.6rem;border-radius:6px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,0.45),inset 0 0 0 1px rgba(255,255,255,0.06)}.cover-wrapper::after{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,0.16),transparent);transform:skewX(-20deg);transition:left 0.6s ease;pointer-events:none;z-index:2}.album-card:hover .cover-wrapper::after{left:150%}.cover-wrapper img{opacity:0;transition:opacity 0.35s ease,transform 0.35s ease}@keyframes coverBounceIn{0%{opacity:0;transform:scale(0.9)}55%{opacity:1;transform:scale(1.04)}100%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.cover-wrapper.is-loaded img,.band-image-box.is-loaded .band-image,.thumb-wrapper.is-loaded .thumbnail,.pick-sleeve.is-loaded img.pick-cover{animation:none!important}}.cover-wrapper.is-loaded img{opacity:1;animation:coverBounceIn 0.4s ease}.album-card:hover .cover-wrapper img{transform:scale(1.06)}.cover-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:6px;display:block}.cover-placeholder{display:none;width:100%;height:100%;border-radius:6px;background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid #333;align-items:center;justify-content:center;position:absolute;top:0;left:0}.cover-icon{width:40%;height:40%;color:#555}@keyframes skeletonPulse{0%,100%{opacity:0.55}50%{opacity:0.9}}.cover-skeleton{position:absolute;inset:0;border-radius:6px;background:linear-gradient(135deg,#1c1c1c,#262626);animation:skeletonPulse 1.6s ease-in-out infinite;z-index:1}@media (prefers-reduced-motion:reduce){.cover-skeleton{animation:none;opacity:0.75}}.band-image{opacity:0;transition:opacity 0.35s ease}.band-image-box.is-loaded .band-image{opacity:1;animation:coverBounceIn 0.4s ease}.cover-wrapper.is-loaded .cover-skeleton,.band-image-box.is-loaded .cover-skeleton{display:none}.album-cover-wrapper{width:280px;flex-shrink:0;aspect-ratio:1 / 1;box-shadow:0 16px 40px rgba(0,0,0,0.55),0 0 0 1px rgba(255,255,255,0.05)}.album-cover-wrapper img,.album-cover-wrapper .cover-placeholder{border-radius:10px}.result-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:0 2rem;margin:0 auto 1rem;max-width:1300px}.result-container .album-card{width:160px}.artist-card{background:#161616;border:1px solid #2a2a2a;border-radius:8px;padding:0.9rem 1.4rem;transition:border-color 0.2s ease,transform 0.15s ease;min-width:0;max-width:100%}.artist-card:hover{border-color:#a83240;transform:translateY(-2px)}.artist-card a{color:#f2f2f2;text-decoration:none;font-weight:600;font-size:1rem;word-break:break-word}.genre-card{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;height:90px;background:linear-gradient(135deg,#1B1D21,#111315);border:1px solid #2a2a2a;border-radius:10px;color:#ECECEC;text-decoration:none;font-family:"Oswald",sans-serif;font-size:1.1rem;font-weight:600;text-align:center;transition:border-color 0.2s ease,transform 0.15s ease,background 0.2s ease,box-shadow 0.2s ease}.genre-card::before{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(217,70,84,0.25),transparent);transform:skewX(-20deg);transition:left 0.6s ease;pointer-events:none}.genre-card:hover::before{left:150%}.genre-card:hover{border-color:#a83240;background:linear-gradient(135deg,#2a1518,#1B1D21);transform:translateY(-3px);box-shadow:0 10px 24px rgba(217,70,84,0.2)}.band-name{margin:0 0 0.75rem;color:#b8293d;font-weight:600;font-size:1.4rem}.pick-of-the-month{max-width:1100px;margin:4.5rem auto;padding:0 1.25rem}.pick-eyebrow{display:flex;align-items:center;gap:0.75rem;color:#d94654;font-family:"Oswald",sans-serif;font-size:0.85rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;margin:0 0 1.75rem}.pick-eyebrow::after{content:"";flex:1;height:1px;background:linear-gradient(to right,rgba(217,70,84,0.5),transparent)}.pick-card-link{display:block;text-decoration:none;color:inherit}.pick-card{--pick-cover:min(150px,42vw);--pick-peek:115px;display:flex;flex-direction:column;gap:2.5rem;background:linear-gradient(155deg,#17101300 0%,#150d10 55%,#0d0709 100%);border:1px solid rgba(184,41,61,0.28);border-radius:18px;padding:1.5rem;position:relative;overflow:hidden;transition:border-color 0.3s ease,box-shadow 0.3s ease,transform 0.3s ease}.pick-card-link:hover .pick-card{border-color:rgba(217,70,84,0.55);box-shadow:0 16px 40px rgba(0,0,0,0.5);transform:translateY(-2px)}.pick-sleeve{position:relative;width:calc(var(--pick-cover) + var(--pick-peek));height:var(--pick-cover);margin:0 auto;flex-shrink:0;transform:rotate(-2deg);transition:transform 0.4s ease}.pick-card-link:hover .pick-sleeve{transform:rotate(0deg)}.pick-vinyl{position:absolute;top:0;left:0;width:var(--pick-cover);height:var(--pick-cover);border-radius:50%;transform:translateX(calc(var(--pick-peek) * 0.55));transition:transform 0.45s ease}.pick-card-link:hover .pick-vinyl{transform:translateX(var(--pick-peek))}.pick-vinyl-disc{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 36% 30%,#2c1b21 0%,#150c10 45%,#060304 100%);box-shadow:0 8px 24px rgba(0,0,0,0.6),inset 0 0 0 1px rgba(255,255,255,0.10),inset 0 0 20px rgba(0,0,0,0.5)}.pick-card-link:hover .pick-vinyl-disc{animation:pick-vinyl-spin 3s linear infinite}.pick-vinyl-label{position:absolute;inset:0;margin:auto;width:clamp(40px,26%,60px);height:clamp(40px,26%,60px);border-radius:50%;background:linear-gradient(145deg,#b8293d,#7a1c29);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px rgba(0,0,0,0.35),0 2px 8px rgba(0,0,0,0.4)}.pick-vinyl-label::after{content:"";position:absolute;width:18%;height:18%;background:#0d0709;border-radius:50%}.pick-vinyl-pentagram{width:55%;height:55%;color:rgba(240,230,232,0.9)}.pick-vinyl.pending-vinyl{position:relative;top:auto;left:auto;width:96px;height:96px;transform:none}.pick-cover{position:absolute;top:0;left:0;width:var(--pick-cover);height:var(--pick-cover);object-fit:cover;border-radius:6px;border:1px solid rgba(0,0,0,0.4);box-shadow:0 10px 28px rgba(0,0,0,0.55);display:block;z-index:1}.pick-cover.placeholder{display:flex;align-items:center;justify-content:center;background:#241419;color:#6e4a52;font-size:2.5rem}.pick-cover-skeleton{position:absolute;top:0;left:0;width:var(--pick-cover);height:var(--pick-cover);border-radius:6px;background:linear-gradient(135deg,#1c1c1c,#262626);animation:skeletonPulse 1.6s ease-in-out infinite;z-index:1}@media (prefers-reduced-motion:reduce){.pick-cover-skeleton{animation:none;opacity:0.75}}img.pick-cover{opacity:0;transition:opacity 0.35s ease}.pick-sleeve.is-loaded img.pick-cover{opacity:1;animation:coverBounceIn 0.4s ease}.pick-sleeve.is-loaded .pick-cover-skeleton{display:none}.pick-info{text-align:center}.pick-kicker{margin:0 0 0.4rem;color:#a89ba0;font-family:monospace;font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase}.pick-title{margin:0 0 0.4rem;color:#f0e6e8;font-size:clamp(1.6rem,4.5vw,2.3rem);font-family:"Oswald",sans-serif}.pick-band{margin:0 0 1.25rem;color:#d94654;font-weight:600;font-size:1.15rem}.pick-note{position:relative;margin:0 0 1.5rem;padding:0.9rem 1.1rem 0.9rem 1.4rem;background:rgba(184,41,61,0.07);border-left:2px solid #b8293d;border-radius:4px;color:#cfc3c7;font-style:italic;font-size:1rem;text-align:left}.pick-note::before{content:"\201C";position:absolute;left:0.35rem;top:0.15rem;color:#b8293d;font-size:1.4rem;font-style:normal;line-height:1}.pick-cta{display:inline-flex;align-items:center;gap:0.4rem;color:#f0e6e8;font-weight:600;font-size:0.95rem}.pick-cta-arrow{transition:transform 0.2s ease}.pick-card-link:hover .pick-cta-arrow{transform:translateX(4px)}@keyframes pick-vinyl-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media (hover:none){.pick-sleeve{transform:rotate(0deg)}.pick-vinyl{transform:translateX(var(--pick-peek))}.pick-vinyl-disc{animation-name:pick-vinyl-spin;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}body.page-loaded .pick-vinyl-disc{animation-play-state:running}.pick-cta-arrow{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.pick-sleeve,.pick-vinyl,.pick-vinyl-disc,.pick-cta-arrow,.pick-card{transition:none;animation:none}}@media (min-width:700px){.pick-card{--pick-cover:200px;--pick-peek:140px;flex-direction:row;align-items:center;padding:3rem;gap:3rem}.pick-sleeve{margin:0}.pick-info{text-align:left}.pick-note{text-align:left}}@media (min-width:960px){.pick-card{--pick-cover:240px;--pick-peek:165px}.pick-title{font-size:2.5rem}}.path-band-name{font-weight:700;color:#f2f2f2;font-size:0.9rem}.genre-overview-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:0.4rem;background:linear-gradient(160deg,#16171c,#0a0a0b);border:1.5px solid #2a2a2a;border-radius:12px;padding:1.1rem 1.3rem;text-decoration:none;transition:border-color 0.2s ease,transform 0.15s ease,box-shadow 0.2s ease}.genre-overview-card::before{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.08),transparent);transform:skewX(-20deg);transition:left 0.6s ease;pointer-events:none}.genre-overview-card:hover::before{left:150%}.genre-overview-card:hover{transform:translateY(-3px)}.genre-overview-card.family-black{border-color:#5b7fa6}.genre-overview-card.family-black:hover{box-shadow:0 10px 24px rgba(91,127,166,0.25)}.genre-overview-card.family-death{border-color:#d94654}.genre-overview-card.family-death:hover{box-shadow:0 10px 24px rgba(217,70,84,0.25)}.genre-overview-card.family-doom{border-color:#7a4fb5}.genre-overview-card.family-doom:hover{box-shadow:0 10px 24px rgba(122,79,181,0.25)}.genre-overview-card.family-thrash{border-color:#e0883f}.genre-overview-card.family-thrash:hover{box-shadow:0 10px 24px rgba(224,136,63,0.25)}.genre-overview-card.family-power{border-color:#c9a227}.genre-overview-card.family-power:hover{box-shadow:0 10px 24px rgba(201,162,39,0.25)}.genre-overview-card.family-green{border-color:#3fae7a}.genre-overview-card.family-green:hover{box-shadow:0 10px 24px rgba(63,174,122,0.25)}.genre-overview-card.family-blue{border-color:#3f9ae0}.genre-overview-card.family-blue:hover{box-shadow:0 10px 24px rgba(63,154,224,0.25)}.genre-overview-card.family-default{border-color:#444}.genre-overview-card.family-default:hover{box-shadow:0 10px 24px rgba(200,200,200,0.15)}.genre-overview-card.filtered-out{display:none}.playlist-item-cover-wrap{flex-shrink:0;width:42px;height:42px;border-radius:6px;overflow:hidden}.playlist-item-cover-placeholder{display:flex;align-items:center;justify-content:center;background:#1e1e1e;color:#555;font-size:1.1rem}#logout-btn{text-align:center;margin-top:4rem}.profile-container{display:flex;justify-content:center;padding:4rem 2rem;width:100%;box-sizing:border-box}.profile-card{position:relative;background:#161616;border:1px solid #2a2a2a;border-radius:16px;padding:3.5rem;max-width:580px;width:100%;margin:0 auto;box-shadow:0 12px 36px rgba(0,0,0,0.55);text-align:center;overflow:hidden;transition:border-color 0.3s ease}.profile-card:hover{border-color:rgba(217,70,84,0.4)}.profile-card::before{content:"";position:absolute;top:-45%;left:50%;transform:translateX(-50%);width:420px;height:420px;background:radial-gradient(circle,rgba(217,70,84,0.18),transparent 70%);pointer-events:none;z-index:-1;animation:spotlight-pulse 5s ease-in-out infinite}.profile-card::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#d94654,transparent)}.profile-card,.badge-row,.badge{touch-action:pan-y}.profile-avatar{position:relative;width:120px;height:120px;margin:0 auto 1.6rem;border-radius:50%;background:linear-gradient(135deg,#a83240,#6e1620);border:3px solid #d94654;display:flex;align-items:center;justify-content:center;font-family:"Oswald",sans-serif;font-size:3.2rem;font-weight:700;color:#f2f2f2;box-shadow:0 6px 24px rgba(139,0,20,0.5);z-index:1}.profile-avatar::before{content:"";position:absolute;inset:-8px;border-radius:50%;background:conic-gradient(from 0deg,transparent,#d94654 25%,transparent 45%);animation:avatar-sweep 4s linear infinite;z-index:-1}.profile-avatar::after{content:"";position:absolute;inset:-14px;border-radius:50%;border:1px solid rgba(217,70,84,0.25);z-index:-1}.profile-name{color:#f2f2f2;font-size:2.2rem;font-weight:700;margin:0 0 0.8rem;text-shadow:0 0 20px rgba(217,70,84,0.35)}.profile-tag{color:#888;font-size:1rem;margin:0 0 1.8rem}.profile-info{text-align:left;border-top:1px solid #2a2a2a;padding-top:1.8rem}.profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0.8rem;margin:0 -0.8rem;border-radius:8px;transition:background-color 0.2s ease,padding-left 0.2s ease}.profile-info-row:hover{background-color:rgba(217,70,84,0.06);padding-left:1.1rem}.profile-info-row:not(:last-child){border-bottom:1px solid #222}.profile-info-label{color:#888;font-size:0.95rem;font-weight:500}.profile-info-value{color:#ECECEC;font-size:1.05rem;font-weight:600}.dna-section{max-width:1000px;margin:0 auto 2.5rem;padding:0 2rem;width:60em}.dna-share-btn{background:none;border:1px solid #444;color:#999;border-radius:6px;padding:0.4rem 0.6rem;cursor:pointer;display:flex;align-items:center;transition:border-color 0.2s ease,color 0.2s ease}.dna-share-btn:hover{border-color:#d94654;color:#d94654}.dna-bars{display:flex;flex-direction:column;gap:0.9rem;max-width:750px;margin:0 auto}.dna-row{display:flex;align-items:center;gap:0.8rem}.dna-label{width:130px;flex-shrink:0;color:#ccc;font-size:0.85rem;font-weight:600}.dna-bar-track{flex:1;height:10px;background:#1e1e1e;border-radius:5px;overflow:hidden;position:relative}.dna-bar-fill{position:relative;height:100%;background:linear-gradient(to right,#6e1620,#d94654);border-radius:5px;transition:width 0.6s ease;box-shadow:0 0 10px rgba(217,70,84,0.5);overflow:hidden}.dna-bar-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.35),transparent);animation:dna-shimmer 2.8s ease-in-out infinite}.dna-percent{width:42px;flex-shrink:0;text-align:right;color:#999;font-size:0.8rem;font-weight:600}.badge-row{display:flex;flex-wrap:wrap;justify-content:center;gap:0.6rem;margin:0 0 2rem}.badge-row .badge{animation:badge-in 0.4s ease backwards}.badge-row .badge:nth-child(1){animation-delay:0.05s}.badge-row .badge:nth-child(2){animation-delay:0.1s}.badge-row .badge:nth-child(3){animation-delay:0.15s}.badge-row .badge:nth-child(4){animation-delay:0.2s}.badge-row .badge:nth-child(5){animation-delay:0.25s}.badge-row .badge:nth-child(6){animation-delay:0.3s}.badge-row .badge:nth-child(7){animation-delay:0.35s}.badge-row .badge:nth-child(8){animation-delay:0.4s}.badge{position:relative;display:inline-flex;align-items:center;padding:0.5rem 1.2rem;border-radius:999px;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;cursor:default;transition:transform 0.2s ease,box-shadow 0.2s ease}.badge:hover{transform:translateY(-2px)}.badge-bronze{background:linear-gradient(135deg,#7a4a24,#4a2c14);color:#ffcf9e;border:1px solid #c98a52;box-shadow:0 2px 8px rgba(180,120,70,0.35)}.badge-bronze:hover{box-shadow:0 4px 14px rgba(180,120,70,0.55)}.badge-silver{background:linear-gradient(135deg,#6b6b78,#3a3a44);color:#e8e8f0;border:1px solid #9a9aa8;box-shadow:0 2px 8px rgba(180,180,200,0.3)}.badge-silver:hover{box-shadow:0 4px 14px rgba(200,200,220,0.5)}.badge-gold{background:linear-gradient(135deg,#d94654,#6e1620);color:#fff2ec;border:1px solid #ff7a86;box-shadow:0 2px 10px rgba(217,70,84,0.5)}.badge-gold:hover{box-shadow:0 4px 18px rgba(217,70,84,0.75)}.badge::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:#0e0e0e;color:#eee;font-size:0.72rem;font-weight:500;text-transform:none;letter-spacing:normal;white-space:nowrap;padding:0.5rem 0.8rem;border-radius:6px;border:1px solid #333;box-shadow:0 6px 16px rgba(0,0,0,0.5);opacity:0;pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease;z-index:50}.badge::before{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#0e0e0e;opacity:0;pointer-events:none;transition:opacity 0.2s ease;z-index:50}.badge:hover::after,.badge:hover::before{opacity:1;transform:translateX(-50%) translateY(0)}.badge-admin{background:linear-gradient(135deg,#1a1a1a,#000000);color:#ff3344;border:1px solid #ff3344;box-shadow:0 0 12px rgba(255,51,68,0.6),0 2px 10px rgba(0,0,0,0.6);position:relative}.badge-admin:hover{box-shadow:0 0 20px rgba(255,51,68,0.9),0 4px 16px rgba(0,0,0,0.7)}.badge-admin-fx{position:absolute;inset:0;overflow:hidden;border-radius:999px;pointer-events:none}.badge-shimmer{position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.4),transparent);animation:admin-shimmer 2.5s ease-in-out infinite;pointer-events:none}.profile-pronouns{color:#999;font-size:0.85rem;margin:0 0 0.6rem}.spotlight-ally-badge{position:absolute;top:1rem;right:1rem;font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:0.2rem 0.6rem;border-radius:999px;z-index:1}.spotlight-list-queer .spotlight-ally-badge{background:rgba(122,79,181,0.15);border:1px solid rgba(122,79,181,0.4);color:#a684d6}.announcement-badge{display:inline-flex;align-items:center;gap:0.3rem;background:linear-gradient(to bottom,#a83240,#6e1620);color:#fff;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:0.35rem 0.8rem;border-radius:999px;flex-shrink:0}.profile-view-count{display:inline-flex;align-items:center;gap:0.5rem;color:#888;font-size:0.82rem;margin-bottom:1.6rem}.profile-view-count::before{content:"";width:6px;height:6px;border-radius:50%;background:#d94654;box-shadow:0 0 6px rgba(217,70,84,0.8);animation:view-pulse 2s ease-in-out infinite}.friends-rail{position:fixed;left:0;top:6.5rem;bottom:1.2rem;width:96px;background:#101013;border:1px solid #2a2a2a;border-left:none;border-radius:0 14px 14px 0;display:flex;flex-direction:column;align-items:flex-start;padding:0.9rem 0;gap:0.45rem;overflow-y:auto;overflow-x:hidden;z-index:150;box-shadow:4px 0 20px rgba(0,0,0,0.35);transition:width 0.25s cubic-bezier(0.4,0,0.2,1)}.friends-rail:hover{width:230px}.friends-rail-label{font-size:0.68rem;letter-spacing:0.08em;color:#888;text-transform:uppercase;font-weight:600;padding:0 0.85rem;margin-bottom:0.1rem;white-space:normal;line-height:1.3;flex-shrink:0}.friends-rail-count{background:#d94654;color:#fff;font-size:0.62rem;font-weight:700;border-radius:999px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 0.3rem;box-shadow:0 0 8px rgba(217,70,84,0.55);flex-shrink:0;margin:0 0.85rem 0.2rem}.friends-rail-divider{width:calc(100% - 1.7rem);height:1px;background:#2a2a2a;flex-shrink:0;margin:0 0.85rem 0.2rem}.friends-rail-item{position:relative;display:flex;align-items:center;width:100%;padding:0.3rem 0.7rem;text-decoration:none;color:#f2f2f2;border-radius:8px;flex-shrink:0;box-sizing:border-box;transition:background 0.15s ease}.friends-rail-item:hover{background:#1a1b21}.friends-rail-avatar{width:38px;height:38px;min-width:38px;border-radius:50%;background:#1a1b21;border:1.5px solid #2a2a2a;display:flex;align-items:center;justify-content:center;color:#f2f2f2;font-weight:700;font-size:0.9rem;flex-shrink:0;transition:border-color 0.15s ease}.friends-rail-item:hover .friends-rail-avatar{border-color:#d94654}.friends-rail-name{margin-left:0.7rem;font-size:0.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;max-width:0;transition:opacity 0.2s ease,max-width 0.25s ease}.friends-rail:hover .friends-rail-name{opacity:1;max-width:140px}.friends-rail-empty{color:#666;font-size:0.72rem;line-height:1.4;padding:0 0.85rem;white-space:normal}.visibility-switch-row{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:0.7rem}.visibility-switch-row .profile-info-label{margin:0}.visibility-switch{position:relative;width:46px;height:26px;border-radius:999px;background:#333;border:1px solid #444;cursor:pointer;padding:0;flex-shrink:0;transition:background 0.2s ease,border-color 0.2s ease}.visibility-switch:hover{border-color:#555}.visibility-switch.on{background:#d94654;border-color:#d94654;box-shadow:0 0 10px rgba(217,70,84,0.5)}.visibility-switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#f2f2f2;transition:transform 0.2s cubic-bezier(0.4,0,0.2,1)}.visibility-switch.on .visibility-switch-knob{transform:translateX(20px)}.visibility-switch-state{font-size:0.85rem;color:#888;min-width:4.5rem;text-align:left}.connection-badge{display:inline-block;font-size:0.68rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:#7a4fb5;background:rgba(122,79,181,0.12);border:1px solid rgba(122,79,181,0.4);border-radius:999px;padding:0.2rem 0.6rem;margin-bottom:0.7rem}.mini-comment-list{display:flex;flex-direction:column;gap:0.7rem}.mini-comment{display:flex;gap:0.7rem;background:#161616;border:1px solid #2a2a2a;border-radius:8px;padding:0.8rem 1rem}.mini-comment-text{color:#ccc;font-size:0.85rem;margin:0;line-height:1.4}.mini-comment .comment-username{font-size:0.85rem;margin-right:0.3rem}.comment-reply-toggle{background:none;border:none;color:#888;font-size:0.78rem;font-weight:600;cursor:pointer;padding:0.3rem 0;margin-top:0.3rem}.comment-reply-toggle:hover{color:#d94654}.reply-form{display:flex;flex-direction:column;gap:0.6rem;margin-top:0.6rem;padding:0.8rem;background:#0e0e0e;border-radius:8px}.comment-replies{margin-top:0.8rem;margin-left:1rem;padding-left:0.8rem;border-left:2px solid #2a2a2a;display:flex;flex-direction:column;gap:0.7rem}.comment-reply{padding:0.8rem 1rem}.comment-reply .comment-avatar{width:32px;height:32px;font-size:0.85rem}.comments-section{max-width:900px;margin:3rem auto;padding:0 2rem}.comments-heading-row{display:flex;align-items:baseline;justify-content:center;gap:0.7rem;margin-bottom:1.5rem}.comments-count{color:#666;font-size:1rem;font-weight:500}.comment-form{background:#161616;border:1px solid #2a2a2a;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:0.9rem;margin-bottom:2rem;box-shadow:0 8px 24px rgba(0,0,0,0.35);width:40rem}.comment-list{display:flex;flex-direction:column;gap:0.9rem}.comment-card{background:#161616;border:1px solid #2a2a2a;border-radius:12px;padding:1.1rem 1.3rem;display:flex;gap:0.9rem;transition:border-color 0.2s ease}.comment-card:hover{border-color:#3a3a3a}.comment-avatar{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#a83240,#6e1620);display:flex;align-items:center;justify-content:center;font-family:"Oswald",sans-serif;font-weight:700;font-size:1rem;color:#f2f2f2}.comment-body{flex:1;min-width:0}.comment-username{color:#f2f2f2;font-weight:700;font-size:0.9rem;text-decoration:none}.comment-username:hover{color:#d94654}.comment-date{color:#666;font-size:0.78rem}.comment-content{color:#c5c5c5;font-size:0.92rem;line-height:1.55;margin:0;white-space:pre-wrap;word-break:break-word}.comment-delete-btn{margin-left:auto;background:none;border:none;color:#666;font-size:0.9rem;cursor:pointer;padding:0.2rem 0.4rem;border-radius:4px;transition:color 0.15s ease,background-color 0.15s ease}.comment-delete-btn:hover{color:#d94654;background-color:rgba(217,70,84,0.1)}.rating-widget{display:flex;align-items:center;gap:0.8rem;margin-top:1rem;flex-wrap:wrap}.rating-stars{display:flex;gap:0.2rem}.rating-star{font-size:1.5rem;color:#333;cursor:pointer;transition:color 0.15s ease,transform 0.15s ease}.rating-star:hover,.rating-star:hover ~ .rating-star{color:#666}.rating-stars:hover .rating-star:hover{transform:scale(1.15)}.rating-star.filled{color:#d94654}.rating-summary{color:#888;font-size:0.85rem}.rating-remove-btn{background:none;border:1px solid #444;color:#888;font-size:0.78rem;padding:0.3rem 0.8rem;border-radius:6px;cursor:pointer;transition:border-color 0.2s ease,color 0.2s ease}.rating-remove-btn:hover{border-color:#d94654;color:#d94654}.genre-tags{display:flex;flex-wrap:wrap;gap:0.6rem;padding:1rem 0;justify-content:center}.genre-tag{display:inline-flex;align-items:center;gap:0.4rem;padding:0.4rem 0.9rem;background:linear-gradient(135deg,#1a1a1a,#2b2b2b);border:1px solid #444;border-radius:999px;color:#e0e0e0;font-family:'Segoe UI',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:0.03em}.genre-strip-wrap{width:100%;box-sizing:border-box;min-width:0;max-width:1400px;margin:0 auto;position:relative;padding:0 2rem}.genre-strip{min-width:0;display:flex;gap:0.75rem;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;padding:0.25rem 0 0.5rem;scroll-behavior:smooth}.genre-strip::-webkit-scrollbar{display:none}.genre-strip-wrap::before,.genre-strip-wrap::after{content:"";position:absolute;top:0.25rem;bottom:0.5rem;width:2rem;pointer-events:none;z-index:2}.genre-strip-wrap::before{left:2rem;background:linear-gradient(to right,#111315,transparent)}.genre-strip-wrap::after{right:2rem;background:linear-gradient(to left,#111315,transparent)}.genre-pill{position:relative;overflow:hidden;flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:center;padding:0.65rem 1.15rem 0.65rem 1rem;background:linear-gradient(135deg,#1B1D21,#111315);border:1px solid #2a2a2a;border-left:3px solid #a83240;border-radius:999px;color:#ECECEC;text-decoration:none;font-family:"Oswald",sans-serif;font-size:0.95rem;font-weight:600;white-space:nowrap;transition:border-color 0.2s ease,transform 0.15s ease,background 0.2s ease,box-shadow 0.2s ease}.genre-pill::before{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(217,70,84,0.25),transparent);transform:skewX(-20deg);transition:left 0.6s ease;pointer-events:none}.genre-pill:hover::before{left:150%}.genre-pill:hover{border-color:#a83240;background:linear-gradient(135deg,#2a1518,#1B1D21);transform:translateY(-2px);box-shadow:0 8px 20px rgba(217,70,84,0.2)}.genre-pill-all{background:linear-gradient(to bottom,#a83240,#6e1620);border:1px solid #a83240;color:#fff;font-weight:700}.genre-pill-all:hover{border-color:#d94654;box-shadow:0 8px 20px rgba(217,70,84,0.3)}.genre-strip-btn{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:36px;height:36px;border-radius:50%;border:none;background-color:rgba(0,0,0,0.65);color:white;font-size:1.3rem;cursor:pointer;align-items:center;justify-content:center}.genre-strip-btn:hover{background-color:rgba(255,255,255,0.2)}.genre-strip-btn-left{left:0.25rem}.genre-strip-btn-right{right:0.25rem}.insights-page .band-title{font-size:3rem;margin-bottom:0.5rem}.insights-page .no-results{max-width:700px;margin-left:auto;margin-right:auto}.insights-bento{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;max-width:1200px;margin:2.2rem auto 0;align-items:stretch}.insights-block{display:flex;flex-direction:column;background:linear-gradient(160deg,#121318,#0a0a0c);border:1px solid #232323;border-radius:18px;padding:1.6rem 1.6rem 1.8rem}.insights-block .genre-map-cta-wrap{margin-top:auto;padding-top:1.2rem}.insights-block-full{max-width:1200px;margin:1.4rem auto 0}.insights-block .album-heading,.insights-block-full .album-heading{font-size:1.5rem;line-height:1.35;text-align:left;margin-bottom:0.5rem}.insights-block-full .album-heading{font-size:1.7rem;margin-bottom:0.7rem}.insights-block .no-results,.insights-block-full .no-results{text-align:left;padding:0;max-width:none;margin:0 0 1rem}.insights-block .connection-grid,.insights-block .country-list,.insights-block .decade-chart,.insights-block-full .genre-chip-cloud,.insights-block-full .prolific-list{max-width:none;margin:0}.insights-block .connection-grid{grid-template-columns:1fr}.section-heading{display:flex;align-items:center;gap:0.7rem;letter-spacing:0.01em}.section-icon{flex-shrink:0;font-size:1.2rem;line-height:1;filter:drop-shadow(0 0 8px rgba(217,70,84,0.35))}.fact-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;max-width:1200px;margin:1.6rem auto 0}.fact-card{display:flex;align-items:center;gap:0.9rem;min-width:0;background:linear-gradient(135deg,rgba(217,70,84,0.12),#0e0e11);border:1px solid #2a2a2a;border-radius:14px;padding:1rem 1.2rem;text-decoration:none;transition:border-color 0.2s ease,transform 0.2s ease}a.fact-card:hover{border-color:#d94654;transform:translateY(-2px)}.fact-icon{font-size:1.8rem;flex-shrink:0;line-height:1}.fact-body{display:flex;flex-direction:column;min-width:0}.fact-label{color:#999;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.05em;font-weight:700}.fact-value{color:#f2f2f2;font-weight:700;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fact-sub{color:#888;font-size:0.8rem;line-height:1.3}.country-list{display:flex;flex-direction:column;gap:0.65rem}.country-row{display:flex;align-items:center;gap:0.7rem}.country-flag{font-size:1.3rem;flex-shrink:0;line-height:1}.country-name{flex:0 0 auto;width:9.5rem;color:#e8e8e8;font-weight:600;font-size:0.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-bar-track{flex:1;height:8px;background:#1c1c1f;border-radius:999px;overflow:hidden}.country-bar-fill{height:100%;background:linear-gradient(90deg,#a83240,#d94654);border-radius:999px;box-shadow:0 0 8px rgba(217,70,84,0.35);transition:width 0.8s ease}.country-count{flex-shrink:0;width:2.4rem;text-align:right;color:#d94654;font-weight:700;font-size:0.9rem}.insight-stats-grid{display:flex;justify-content:center;gap:0.9rem;flex-wrap:wrap;max-width:900px;margin:1.8rem auto 0}.insight-stat-card{position:relative;overflow:hidden;flex:1;min-width:150px;background:linear-gradient(160deg,#16171c,#0a0a0b);border:1px solid #2a2a2a;border-radius:14px;padding:1.1rem 1rem;text-align:center;transition:border-color 0.25s ease,transform 0.25s ease}.insight-stat-card:hover{border-color:#d94654;transform:translateY(-4px)}.insight-stat-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(217,70,84,0.16),transparent 70%);pointer-events:none}.insight-stat-number{display:block;font-size:1.9rem;font-weight:800;color:#d94654;text-shadow:0 0 18px rgba(217,70,84,0.45);line-height:1.1}.insight-stat-label{display:block;margin-top:0.35rem;color:#999;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.04em}.connection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:900px;margin:1.5rem auto 0}.connection-card{position:relative;overflow:hidden;background:linear-gradient(160deg,#14151a,#0c0c0f);border:1px solid #2a2a2a;border-radius:14px;padding:1.3rem 1.5rem;transition:border-color 0.25s ease,transform 0.25s ease,box-shadow 0.25s ease}.connection-card:hover{border-color:#d94654;transform:translateY(-3px);box-shadow:0 12px 30px rgba(217,70,84,0.22)}.connection-card::before{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(217,70,84,0.2),transparent);transform:skewX(-20deg);transition:left 0.7s ease;pointer-events:none}.connection-card:hover::before{left:150%}.connection-card.surprising::before{background:linear-gradient(120deg,transparent,rgba(122,79,181,0.28),transparent)}.connection-card.surprising:hover{border-color:#7a4fb5;box-shadow:0 12px 30px rgba(122,79,181,0.25)}.connection-pair{display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap;font-weight:700;font-size:1.05rem;color:#f2f2f2;text-transform:capitalize}.connection-arrow{color:#d94654;font-size:1.2rem;flex-shrink:0}.connection-card.surprising .connection-arrow{color:#7a4fb5}.connection-meta{margin-top:0.75rem;display:flex;align-items:center;gap:0.7rem}.connection-count{color:#d94654;font-weight:700;font-size:0.92rem;white-space:nowrap;flex-shrink:0}.connection-card.surprising .connection-count{color:#a684d6}.connection-bar-track{flex:1;height:6px;background:#1c1c1f;border-radius:999px;overflow:hidden}.connection-bar-fill{height:100%;background:linear-gradient(90deg,#a83240,#d94654);border-radius:999px;transition:width 0.8s ease}.connection-card.surprising .connection-bar-fill{background:linear-gradient(90deg,#5a3980,#7a4fb5)}.genre-chip-cloud{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:center;max-width:850px;margin:1.2rem auto 0}.genre-chip{position:relative;overflow:hidden;background:#14151a;border:1px solid #2a2a2a;border-radius:999px;padding:0.5rem 1.1rem;color:#e8e8e8;font-weight:600;text-transform:capitalize;transition:border-color 0.2s ease,transform 0.2s ease;text-decoration:none;display:inline-block}.genre-chip:hover{border-color:#d94654;transform:translateY(-2px) scale(1.03)}.genre-chip-count{color:#d94654;margin-left:0.4rem;font-weight:700}.decade-chart{display:flex;align-items:flex-end;gap:0.8rem;max-width:900px;height:240px;margin:1.5rem auto 0;padding:0 1rem}.decade-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.decade-bar-value{color:#d94654;font-weight:700;font-size:0.85rem;margin-bottom:0.4rem}.decade-bar{width:100%;max-width:64px;background:linear-gradient(180deg,#d94654,#6e1620);border-radius:6px 6px 0 0;box-shadow:0 0 14px rgba(217,70,84,0.3);transition:height 0.8s ease,box-shadow 0.25s ease,transform 0.2s ease;min-height:4px}.decade-bar-label{margin-top:0.6rem;color:#888;font-size:0.78rem;white-space:nowrap}.prolific-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;max-width:900px;margin:1.5rem auto 0}.prolific-row{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:0.8rem;background:linear-gradient(160deg,#14151a,#0c0c0f);border:1px solid #2a2a2a;border-radius:12px;padding:1.1rem 1.4rem;text-decoration:none;transition:border-color 0.25s ease,transform 0.25s ease,box-shadow 0.25s ease}.prolific-row:hover{border-color:#d94654;transform:translateY(-3px);box-shadow:0 10px 26px rgba(217,70,84,0.22)}.prolific-row::before{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(217,70,84,0.2),transparent);transform:skewX(-20deg);transition:left 0.7s ease;pointer-events:none}.prolific-row:hover::before{left:150%}.prolific-top{display:flex;align-items:center;gap:0.8rem}.prolific-rank{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#1c1c1f;border:1px solid #333;display:flex;align-items:center;justify-content:center;font-weight:700;color:#d94654;font-size:0.9rem}.prolific-name{font-weight:700;color:#f2f2f2}.prolific-bottom{display:flex;align-items:center;gap:0.9rem}.prolific-bar-track{flex:1;height:14px;background:#1c1c1f;border-radius:999px;overflow:hidden}.prolific-bar-fill{height:100%;background:linear-gradient(90deg,#a83240,#d94654);border-radius:999px;transition:width 0.8s ease;box-shadow:0 0 10px rgba(217,70,84,0.4)}.prolific-count{flex-shrink:0;color:#d94654;font-weight:700;white-space:nowrap;font-size:0.9rem}.decade-chart{height:340px;max-width:1000px;gap:1rem}.insights-block .decade-chart{height:220px}.decade-bar-wrap:hover .decade-bar{box-shadow:0 0 26px rgba(217,70,84,0.65);transform:scaleX(1.08)}.decade-bar-wrap:hover .decade-bar-value{color:#ff5f6d;text-shadow:0 0 10px rgba(217,70,84,0.6)}.path-summary{text-align:center;color:#d94654;font-weight:700;margin:1.5rem 0 0.5rem;font-size:1.05rem}.path-map-wrap{position:relative;width:100%;max-width:700px;margin:1rem auto 2rem}.path-map-svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.path-map-node{position:absolute;transform:translate(-50%,-50%);background:linear-gradient(160deg,#14151a,#0c0c0f);border:2px solid #d94654;border-radius:999px;padding:0.8rem 1.4rem;font-weight:700;color:#f2f2f2;text-transform:capitalize;box-shadow:0 0 20px rgba(217,70,84,0.4);text-align:center;white-space:nowrap;z-index:2;opacity:0;animation:pathNodeIn 0.5s ease forwards}.path-map-node.endpoint{background:linear-gradient(160deg,#2a1518,#14151a);border-color:#ff5a5a;box-shadow:0 0 30px rgba(217,70,84,0.6)}.path-map-band{position:absolute;transform:translate(-50%,-50%);background:linear-gradient(160deg,#1a1b21,#101013);border:1px solid #2a2a2a;border-radius:12px;padding:0.7rem 1.1rem;text-align:center;text-decoration:none;color:#ccc;transition:border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;white-space:nowrap;z-index:1;opacity:0;animation:pathNodeIn 0.5s ease forwards}.path-map-band:hover{border-color:#d94654;transform:translate(-50%,-50%) translateY(-3px) scale(1);box-shadow:0 10px 24px rgba(217,70,84,0.25)}.path-band-label{font-size:0.66rem;text-transform:uppercase;letter-spacing:0.05em;color:#888;margin-bottom:0.15rem;display:block}.path-error,.path-loading{text-align:center;color:#888;margin-top:2rem}.path-map-svg path{animation:pathFlow 1s linear infinite;filter:drop-shadow(0 0 3px rgba(217,70,84,0.6))}.genre-overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-width:1200px;width:100%;min-width:0;margin:0 auto;padding:0 1rem}.genre-overview-name{font-weight:700;color:#f2f2f2;font-size:1rem}.genre-overview-count{font-size:0.8rem;color:#888}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-width:1100px;margin:0 auto;padding:0 1rem}.playlist-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.5rem;background:linear-gradient(160deg,#16171c,#0a0a0b);border:1px solid #2a2a2a;border-radius:14px;padding:1.6rem 1.2rem;text-decoration:none;transition:border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;opacity:0;transform:translateY(10px);animation:playlistCardIn 0.4s ease forwards}.playlist-card::before{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(217,70,84,0.2),transparent);transform:skewX(-20deg);transition:left 0.6s ease;pointer-events:none}.playlist-card:hover::before{left:150%}.playlist-card:hover{border-color:#d94654;transform:translateY(-4px);box-shadow:0 12px 28px rgba(217,70,84,0.2)}.playlist-card-icon{width:56px;height:56px;border-radius:50%;background:rgba(217,70,84,0.1);color:#d94654;display:flex;align-items:center;justify-content:center;transition:background 0.2s ease,transform 0.3s ease}.playlist-card:hover .playlist-card-icon{background:rgba(217,70,84,0.2);transform:scale(1.08) rotate(-4deg)}.playlist-card-name{font-weight:700;color:#f2f2f2;font-size:1.05rem}.playlist-card-meta{color:#888;font-size:0.82rem}.playlist-detail-wrap{max-width:720px;margin:0 auto;padding:0 1rem}.playlist-detail-icon{width:72px;height:72px;margin:0 auto 1rem;border-radius:50%;background:radial-gradient(circle,rgba(217,70,84,0.18),transparent 70%);color:#d94654;display:flex;align-items:center;justify-content:center;animation:playlistIconGlow 3s ease-in-out infinite}.playlist-name-input{background:transparent;border:none;border-bottom:2px solid transparent;color:#f2f2f2;font-family:"Oswald",sans-serif;font-size:1.9rem;font-weight:700;text-align:center;width:100%;max-width:500px;padding:0.2rem 0.5rem;transition:border-color 0.2s ease}.playlist-name-input:hover,.playlist-name-input:focus{border-bottom-color:#d94654;outline:none}.playlist-detail-count{display:block;color:#888;font-size:0.9rem;margin-top:0.4rem}.playlist-detail-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.2rem;flex-wrap:wrap}.playlist-public-toggle{display:flex;align-items:center;gap:0.5rem;color:#999;font-size:0.88rem;cursor:pointer}.playlist-delete-btn{background:transparent;border:1px solid #6e1620;color:#d94654;border-radius:6px;padding:0.4rem 1rem;font-size:0.85rem;cursor:pointer;transition:background 0.2s ease,color 0.2s ease}.playlist-delete-btn:hover{background:#6e1620;color:#fff}.playlist-items-list{list-style:none;padding:0;margin:0}.playlist-item-row{display:flex;align-items:center;gap:0.9rem;background:linear-gradient(160deg,#14151a,#0c0c0f);border:1px solid #2a2a2a;border-radius:10px;padding:0.6rem 1rem;margin-bottom:0.55rem;transition:border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease,opacity 0.2s ease;opacity:0;animation:playlistRowIn 0.35s ease forwards}.playlist-item-row.dragging{opacity:0.3;transform:scale(0.98)}.playlist-item-row.removing{opacity:0;transform:translateX(20px);margin-bottom:0;max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.playlist-item-row:hover{border-color:#444;box-shadow:0 6px 16px rgba(0,0,0,0.3)}.playlist-drag-handle{cursor:grab;color:#555;font-size:1.1rem;flex-shrink:0;touch-action:none}.playlist-drag-handle:active{cursor:grabbing}.playlist-item-cover{width:100%;height:100%;object-fit:cover;display:block}.playlist-item-name{flex:1;color:#f2f2f2;text-decoration:none;font-weight:600;font-size:0.95rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item-name:hover{color:#d94654}.playlist-item-type-tag{flex-shrink:0;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.04em;color:#666;border:1px solid #333;border-radius:999px;padding:0.15rem 0.55rem}.playlist-remove-btn{flex-shrink:0;background:none;border:none;color:#666;cursor:pointer;font-size:1rem;padding:0.2rem 0.4rem;transition:color 0.15s ease}.playlist-remove-btn:hover{color:#d94654}.add-to-playlist-menu{position:absolute;background:linear-gradient(160deg,#16171c,#0a0a0b);border:1px solid #2a2a2a;border-radius:10px;padding:0.5rem;min-width:220px;z-index:50;box-shadow:0 14px 32px rgba(0,0,0,0.5);opacity:0;transform:translateY(-6px) scale(0.97);animation:menuIn 0.15s ease forwards}.add-to-playlist-menu button{display:block;width:100%;text-align:left;background:none;border:none;color:#f2f2f2;padding:0.55rem 0.8rem;cursor:pointer;border-radius:6px;font-size:0.9rem;transition:background 0.15s ease,color 0.15s ease}.add-to-playlist-menu button:hover{background:rgba(217,70,84,0.12);color:#d94654}.add-to-playlist-menu button:disabled{color:#555;cursor:default}.playlist-toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(20px);background:#14151a;border:1px solid #d94654;color:#f2f2f2;padding:0.8rem 1.4rem;border-radius:999px;font-size:0.9rem;box-shadow:0 10px 30px rgba(217,70,84,0.3);z-index:999;opacity:0;transition:opacity 0.25s ease,transform 0.25s ease}.playlist-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.spotlight-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem;max-width:1100px;margin:0 auto;padding:0 1rem}.spotlight-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.8rem;max-width:1100px;margin:0 auto 2rem;padding:0 1rem}.spotlight-search{flex:1;min-width:220px;max-width:360px;background:#161616;border:1px solid #333;color:#eee;font-size:0.9rem;padding:0.65rem 1rem;border-radius:8px;outline:none;transition:border-color 0.2s ease}.spotlight-search:focus{border-color:#d94654}.spotlight-search::placeholder{color:#777}.spotlight-shuffle-btn{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(to bottom,#262626,#1a1a1a);border:1px solid #3a3a3a;color:#eee;font-size:0.85rem;font-weight:600;padding:0.62rem 1.1rem;border-radius:8px;cursor:pointer;transition:border-color 0.2s ease,transform 0.15s ease;white-space:nowrap}.spotlight-shuffle-btn:hover{border-color:#d94654;transform:translateY(-1px)}.spotlight-count{color:#888;font-size:0.8rem;width:100%;text-align:center;min-height:1em}.spotlight-list-empty{grid-column:1 / -1}@keyframes spotlightPulse{0%,100%{box-shadow:0 0 0 0 rgba(217,70,84,0)}30%{box-shadow:0 0 0 7px rgba(217,70,84,0.35)}}.spotlight-pulse{animation:spotlightPulse 1.2s ease}.spotlight-card{position:relative;overflow:hidden;background:linear-gradient(160deg,#16171c,#0a0a0b);border:1px solid #2a2a2a;border-radius:14px;padding:1.6rem 1.4rem;opacity:0;transform:translateY(16px);transition:border-color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease,opacity 0.5s ease;transition-delay:0s,0s,0s,calc(var(--i,0) * 60ms)}.spotlight-card.in-view{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.spotlight-card{opacity:1;transform:none;transition:border-color 0.2s ease,box-shadow 0.2s ease}}.spotlight-card::before{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;transform:skewX(-20deg);transition:left 0.6s ease;pointer-events:none}.spotlight-card:hover::before{left:150%}.spotlight-icon{font-size:1.8rem;margin-bottom:0.8rem}.spotlight-name{display:block;font-family:"Oswald",sans-serif;font-size:1.15rem;font-weight:700;color:#f2f2f2;text-decoration:none;margin-bottom:0.2rem;transition:color 0.15s ease}.spotlight-band{color:#888;font-size:0.85rem;margin:0 0 0.8rem}.spotlight-description{color:#ccc;font-size:0.92rem;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.spotlight-card.expanded .spotlight-description{-webkit-line-clamp:unset;overflow:visible}.spotlight-toggle{display:inline-flex;align-items:center;gap:0.35rem;margin-top:0.7rem;font-size:0.8rem;font-weight:600;background:none;border:none;padding:0;cursor:pointer;color:#d94654;position:relative;z-index:1}.spotlight-toggle svg{width:11px;height:11px;transition:transform 0.25s ease}.spotlight-card.expanded .spotlight-toggle svg{transform:rotate(180deg)}.spotlight-list-women .spotlight-toggle{color:#a684d6}.spotlight-list-queer .spotlight-toggle{color:#ff9dc4}.spotlight-list-women .spotlight-card::before{background:linear-gradient(120deg,transparent,rgba(122,79,181,0.2),transparent)}.spotlight-list-women .spotlight-card:hover{border-color:#7a4fb5;transform:translateY(-4px);box-shadow:0 12px 28px rgba(122,79,181,0.22)}.spotlight-list-women .spotlight-name:hover{color:#a684d6}.spotlight-list-queer .spotlight-card::before{background:linear-gradient(120deg,transparent,rgba(255,82,82,0.22),rgba(255,229,82,0.22),rgba(82,255,122,0.22),rgba(82,169,255,0.22),rgba(160,82,255,0.22),transparent)}.spotlight-list-queer .spotlight-card:hover{border:1px solid transparent;background-image:linear-gradient(160deg,#16171c,#0a0a0b),linear-gradient(90deg,#ff5252,#ff9d52,#ffe552,#52ff7a,#52a9ff,#a052ff,#ff52c4);background-origin:border-box;background-clip:padding-box,border-box;transform:translateY(-4px);box-shadow:0 12px 28px rgba(255,90,180,0.18)}.spotlight-list-queer .spotlight-name:hover{color:#ff9dc4}.spotlight-card-ally{background:linear-gradient(160deg,#131417,#0a0a0b);border-style:dashed}.spotlight-teasers{display:flex;gap:1.2rem;max-width:1400px;margin:0 auto 3rem;padding:0 2rem;flex-wrap:wrap}.spotlight-teaser{position:relative;overflow:hidden;flex:1;min-width:280px;background:linear-gradient(160deg,#191919,#131313);border:1px solid #2a2a2a;border-radius:14px;padding:1.8rem 1.8rem 1.6rem;text-decoration:none;display:flex;flex-direction:column;gap:0.5rem;box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 4px 14px rgba(0,0,0,0.3);transition:border-color 0.2s ease,transform 0.15s ease,box-shadow 0.2s ease}.spotlight-teaser:hover{transform:translateY(-3px)}.spotlight-teaser::before{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;transform:skewX(-20deg);transition:left 0.6s ease;pointer-events:none;z-index:0}.spotlight-teaser:hover::before{left:150%}.spotlight-teaser-icon,.spotlight-teaser-title,.spotlight-teaser-sub,.spotlight-teaser-cta{position:relative;z-index:1}.spotlight-teaser-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;font-size:1.5rem;border-radius:50%;margin-bottom:0.3rem;background:linear-gradient(160deg,#2a2a2a,#1a1a1a);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06),0 4px 12px rgba(0,0,0,0.35);transition:transform 0.25s ease}.spotlight-teaser:hover .spotlight-teaser-icon{transform:scale(1.08)}.spotlight-teaser-title{color:#f2f2f2;font-family:"Oswald",sans-serif;font-size:1.2rem;font-weight:700}.spotlight-teaser-sub{color:#999;font-size:0.85rem;line-height:1.5}.spotlight-teaser-cta{display:inline-flex;align-items:center;gap:0.4rem;margin-top:0.5rem;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:#d94654;opacity:0;transform:translateX(-6px);transition:opacity 0.25s ease,transform 0.25s ease}.spotlight-teaser-cta svg{width:14px;height:14px;transition:transform 0.25s ease}.spotlight-teaser:hover .spotlight-teaser-cta{opacity:1;transform:translateX(0)}.spotlight-teaser:hover .spotlight-teaser-cta svg{transform:translateX(3px)}.spotlight-teaser.women::before{background:linear-gradient(120deg,transparent,rgba(122,79,181,0.3),transparent)}.spotlight-teaser.women:hover{border-color:#7a4fb5;box-shadow:0 10px 26px rgba(122,79,181,0.25)}.spotlight-teaser.women .spotlight-teaser-icon{background:linear-gradient(160deg,rgba(122,79,181,0.28),rgba(122,79,181,0.06));box-shadow:inset 0 0 0 1px rgba(166,132,214,0.35),0 4px 14px rgba(122,79,181,0.25)}.spotlight-teaser.women .spotlight-teaser-cta{color:#a684d6}.spotlight-teaser.queer::before{background:linear-gradient(120deg,transparent,rgba(255,82,82,0.35),rgba(255,157,82,0.35),rgba(255,229,82,0.35),rgba(82,255,122,0.35),rgba(82,169,255,0.35),rgba(160,82,255,0.35),rgba(255,82,196,0.35),transparent)}.spotlight-teaser.queer:hover{border:1px solid transparent;background-image:linear-gradient(160deg,#191919,#131313),linear-gradient(90deg,#ff5252,#ff9d52,#ffe552,#52ff7a,#52a9ff,#a052ff,#ff52c4);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 10px 26px rgba(255,90,180,0.18),0 10px 26px rgba(80,160,255,0.15)}.spotlight-teaser.queer:hover::after{opacity:1}.spotlight-teaser.queer .spotlight-teaser-icon{background:linear-gradient(120deg,rgba(255,82,82,0.22),rgba(82,169,255,0.22));box-shadow:inset 0 0 0 1px rgba(255,157,196,0.35),0 4px 14px rgba(255,90,180,0.2)}.spotlight-teaser.queer .spotlight-teaser-cta{color:#ff9dc4}.spotlight-teaser.genre-map::before,.spotlight-teaser.insights::before{background:linear-gradient(120deg,transparent,rgba(217,70,84,0.3),transparent)}.spotlight-teaser.genre-map:hover,.spotlight-teaser.insights:hover{border-color:#d94654;box-shadow:0 10px 26px rgba(217,70,84,0.22)}.spotlight-teaser.genre-map .spotlight-teaser-icon,.spotlight-teaser.insights .spotlight-teaser-icon{background:linear-gradient(160deg,rgba(217,70,84,0.24),rgba(217,70,84,0.06));box-shadow:inset 0 0 0 1px rgba(217,70,84,0.35),0 4px 14px rgba(217,70,84,0.2)}.story-page{padding-top:0}.story-scroll-hint{margin-top:3rem;color:#d94654;font-size:0.85rem;letter-spacing:0.05em;animation:storyBounce 2s ease-in-out infinite;position:relative;z-index:1}.story-section{max-width:760px;margin:0 auto;padding:5rem 1.5rem}.story-kicker{display:block;color:#d94654;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;font-size:0.8rem;margin-bottom:0.6rem;text-align:center}.story-heading{font-family:"Oswald",sans-serif;font-size:2.2rem;color:#f2f2f2;text-align:center;margin:0 0 1.8rem}.story-text{color:#ccc;font-size:1.05rem;line-height:1.8;margin-bottom:1.2rem}.story-text a{color:#d94654;text-decoration:underline}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.story-timeline-section{max-width:800px;margin:0 auto;padding:5rem 1.5rem}.story-timeline{position:relative;margin-top:3rem;padding-left:2.5rem}.story-timeline::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,#d94654,rgba(217,70,84,0.1))}.story-timeline-item{position:relative;margin-bottom:2.8rem}.story-timeline-item:last-child{margin-bottom:0}.story-timeline-dot{position:absolute;left:-2.5rem;top:4px;width:16px;height:16px;border-radius:50%;background:#0a0a0b;border:2px solid #d94654;box-shadow:0 0 12px rgba(217,70,84,0.6)}.story-timeline-year{display:inline-block;color:#d94654;font-weight:700;font-size:0.85rem;letter-spacing:0.03em;margin-bottom:0.3rem}.story-timeline-content p{color:#aaa;line-height:1.7;margin:0}.story-timeline-content a{color:#d94654}.story-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;margin-top:2rem}.story-feature-card{position:relative;overflow:hidden;background:linear-gradient(160deg,#16171c,#0a0a0b);border:1px solid #2a2a2a;border-radius:12px;padding:1.6rem 1.4rem;transition:border-color 0.2s ease,transform 0.2s ease}.story-feature-card::before{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(217,70,84,0.15),transparent);transform:skewX(-20deg);transition:left 0.6s ease;pointer-events:none}.story-feature-card:hover::before{left:150%}.story-feature-card:hover{border-color:#d94654;transform:translateY(-3px)}.story-feature-icon{font-size:1.8rem;margin-bottom:0.7rem}.story-feature-card p{color:#999;font-size:0.9rem;line-height:1.6;margin:0}.story-community{max-width:900px;background:radial-gradient(ellipse at center,rgba(217,70,84,0.05),transparent 70%);border-radius:24px}.story-cta{text-align:center;padding:5rem 1.5rem 6rem}.story-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.bug-report-btn{position:fixed;bottom:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background:linear-gradient(to bottom,#a83240,#6e1620);border:1px solid #d94654;color:#f2f2f2;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px rgba(139,0,20,0.4);z-index:500;transition:transform 0.2s ease,box-shadow 0.2s ease}.bug-report-btn:hover{transform:scale(1.08);box-shadow:0 6px 22px rgba(139,0,20,0.6)}.scroll-top-btn{position:fixed;bottom:5.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;background:linear-gradient(to bottom,#a83240,#6e1620);border:1px solid #d94654;color:#f2f2f2;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px rgba(139,0,20,0.4);z-index:500;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 0.25s ease,transform 0.25s ease,visibility 0.25s,box-shadow 0.2s ease}.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn.visible:hover{transform:translateY(-2px) scale(1.06);box-shadow:0 6px 22px rgba(139,0,20,0.6)}#pageLoadBar{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(to right,#a83240,#ff5a5a);box-shadow:0 0 8px rgba(217,70,84,0.8);z-index:9998;opacity:0;transition:width 0.4s ease,opacity 0.2s ease;pointer-events:none}#pageLoadBar.active{opacity:1}.pending-quip{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:0.5rem;margin-top:1.5rem;color:#d94654;font-size:0.85rem;font-weight:600;font-style:italic;transition:opacity 0.25s ease}.pending-quip::before{content:"";width:6px;height:6px;border-radius:50%;background:#d94654;box-shadow:0 0 6px rgba(217,70,84,0.8);animation:pendingDotPulse 1.2s ease-in-out infinite;flex-shrink:0}.pending-quip.fade-out{opacity:0}@keyframes pendingDotPulse{0%,100%{opacity:0.4;transform:scale(0.85)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.pending-quip::before{animation:none}}@media (prefers-reduced-motion:reduce){.scroll-top-btn{transition:opacity 0.2s ease,visibility 0.2s}}@media (max-width:480px){.scroll-top-btn{bottom:5.2rem;right:1rem;width:40px;height:40px}}.ember-toggle-btn{position:fixed;bottom:1.5rem;left:1.5rem;width:48px;height:48px;border-radius:50%;background:linear-gradient(to bottom,#a83240,#6e1620);border:1px solid #d94654;color:#f2f2f2;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px rgba(139,0,20,0.4);z-index:500;transition:transform 0.2s ease,box-shadow 0.2s ease,opacity 0.2s ease}.ember-toggle-btn:hover{transform:scale(1.08);box-shadow:0 6px 22px rgba(139,0,20,0.6)}.ember-toggle-btn.is-off{background:linear-gradient(to bottom,#2a2a2e,#1a1a1d);border-color:#444;opacity:0.75}.bug-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:1500;align-items:center;justify-content:center}.bug-modal.open{display:flex}.bug-modal-content{background:#161616;border:1px solid #2a2a2a;border-radius:12px;padding:1.8rem;width:90%;max-width:440px;box-shadow:0 12px 40px rgba(0,0,0,0.6)}.bug-modal-close{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;line-height:1;padding:0}.bug-modal-close:hover{color:#fff}.bug-success-msg{color:#4ade80;font-size:0.9rem;text-align:center;margin:0.8rem 0 0}.announcement-banner{position:relative;display:inline-flex;align-items:center;gap:0.6rem;max-width:560px;margin:0.5rem auto 0;padding:0.5rem 1.1rem 0.5rem 0.5rem;background:rgba(22,22,22,0.6);border:1px solid rgba(217,70,84,0.35);border-radius:999px;box-shadow:none}.announcement-text{color:#999;font-size:0.82rem;font-weight:500;text-align:left}.current-featured-card{display:flex;gap:1.25rem;background:linear-gradient(145deg,#1a1015,#150d10);border:1px solid rgba(184,41,61,0.35);border-radius:10px;padding:1.25rem;margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,0.4)}.current-featured-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(184,41,61,0.08) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 4s ease-in-out infinite;pointer-events:none}.current-featured-cover{width:96px;height:96px;border-radius:6px;object-fit:cover;border:1px solid rgba(184,41,61,0.4);flex-shrink:0}.current-featured-cover.placeholder{display:flex;align-items:center;justify-content:center;background:#241419;color:#6e4a52;font-size:2rem}.current-featured-info{display:flex;flex-direction:column;justify-content:center;z-index:1}.current-featured-label{display:inline-block;width:fit-content;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.08em;color:#ff5c72;background:rgba(184,41,61,0.15);border:1px solid rgba(184,41,61,0.4);padding:0.15rem 0.5rem;border-radius:20px;margin-bottom:0.4rem}.note-preview{color:#a89ba0;font-style:italic;font-size:0.9rem;margin:0.3rem 0}.updated-at{color:#6e5a5f;font-size:0.75rem}.btn-save-featured{background:linear-gradient(145deg,#b8293d,#8b1e2e);color:#f5eaea;border:none;border-radius:6px;padding:0.65rem 1.5rem;font-weight:600;letter-spacing:0.03em;cursor:pointer;transition:transform 0.15s,box-shadow 0.15s}.btn-save-featured:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(184,41,61,0.4)}.btn-save-featured:active{transform:translateY(0)}.featured-note{color:#a89ba0;font-style:italic;font-size:1.1rem}.ember-field{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}html.embers-off .ember-field{display:none}.ember{position:absolute;bottom:-20px;width:6px;height:6px;border-radius:50%;background:#ff5a5a;box-shadow:0 0 14px 4px rgba(217,70,84,0.9);opacity:0;animation-name:emberRise;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}body.page-loaded .ember{animation-play-state:running}.ember:nth-child(1){left:91.3%;animation-duration:4.3s;animation-delay:2.0s;--drift:13px}.ember:nth-child(2){left:52.8%;animation-duration:4.8s;animation-delay:0.2s;--drift:4px}.ember:nth-child(3){left:20.7%;animation-duration:5.6s;animation-delay:2.2s;--drift:-1px}.ember:nth-child(4){left:71.9%;animation-duration:4.2s;animation-delay:0.7s;--drift:15px}.ember:nth-child(5){left:64.4%;animation-duration:5.9s;animation-delay:2.0s;--drift:11px}.ember:nth-child(6){left:83.1%;animation-duration:4.6s;animation-delay:0.3s;--drift:17px}.ember:nth-child(7){left:7.3%;animation-duration:4.7s;animation-delay:0.7s;--drift:-20px}.ember:nth-child(8){left:76.1%;animation-duration:6.6s;animation-delay:2.0s;--drift:-1px}.ember:nth-child(9){left:35.1%;animation-duration:4.8s;animation-delay:1.5s;--drift:-2px}@media (prefers-reduced-motion:reduce){.ember{display:none}}.ember:nth-child(10){left:42.3%;animation-duration:4.5s;animation-delay:0.9s;--drift:17px}.ember:nth-child(11){left:14.6%;animation-duration:4.8s;animation-delay:2.2s;--drift:16px}.ember:nth-child(12){left:3.7%;animation-duration:4.2s;animation-delay:1.5s;--drift:9px}.ember:nth-child(13){left:29.2%;animation-duration:6.2s;animation-delay:0.5s;--drift:-1px}.ember:nth-child(14){left:57.3%;animation-duration:4.8s;animation-delay:2.1s;--drift:19px}.ember:nth-child(15){left:97.1%;animation-duration:5.7s;animation-delay:1.6s;--drift:24px}.ember:nth-child(16){left:45.1%;animation-duration:6.3s;animation-delay:0.6s;--drift:-23px}.hero-wrap{position:relative}.carousel-wrapper{position:relative;display:flex;align-items:center;max-width:1500px;margin:0 auto;margin-bottom:1rem;width:100%;overflow:hidden}.video-row{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:0.5rem 60px;scrollbar-width:none;-ms-overflow-style:none}.video-tile{display:block;flex:0 0 auto;width:calc(37.5% - 0.67rem);scroll-snap-align:start}.video-yt-link{display:block;cursor:pointer;color:inherit;text-decoration:none;transition:transform 0.2s ease}.video-yt-link:hover{transform:scale(1.03)}.video-artist-link{text-decoration:none;color:#ECECEC}.video-artist-link:hover{text-decoration:underline}.thumb-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background-color:#18181b;border-radius:8px;overflow:hidden}.thumbnail{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity 0.35s ease}.thumb-wrapper.is-loaded .thumbnail{opacity:1;animation:coverBounceIn 0.4s ease}.thumb-wrapper.is-loaded .cover-skeleton{display:none}.hero-cta{position:relative;text-align:center;max-width:900px;margin:3rem auto 4rem;padding:0 2rem}.hero-watermark{position:absolute;top:-150px;left:50%;width:clamp(500px,60vw,900px);height:clamp(500px,60vw,900px);transform:translateX(-50%);color:#d94654;opacity:0.06;pointer-events:none;z-index:0}.hero-cta>*:not(.ember-field):not(.hero-watermark){position:relative;z-index:1}.hero-heading{color:#f2f2f2;font-family:"Oswald",sans-serif;font-size:clamp(2.4rem,6vw,4rem);line-height:1.1;letter-spacing:0.01em;margin-bottom:1.1rem}.hero-heading-accent{color:#d94654;text-shadow:0 0 28px rgba(217,70,84,0.55)}.hero-sub{color:#999;font-size:1.1rem;max-width:480px;margin:0 auto 2.2rem}.home-column{flex:1;min-width:300px}.stats-bar{display:flex;justify-content:center;gap:2.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(217,70,84,0.15);flex-wrap:wrap}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{color:#d94654;font-family:"Oswald",sans-serif;font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;display:inline-block;min-width:0;text-align:center;font-variant-numeric:tabular-nums}.stat-label{color:#888;font-size:0.8rem;text-transform:uppercase;letter-spacing:0.05em}.featured-album-admin{max-width:700px;margin:0 auto;padding:2rem 1rem}.featured-album-form{background:#150d10;border:1px solid rgba(184,41,61,0.25);border-radius:10px;padding:1.5rem}.featured-album{max-width:1300px;margin:4rem auto;padding:0 1rem;text-align:center;width:70%}.featured-album-cover{width:320px;height:320px;border-radius:10px;object-fit:cover;border:2px solid rgba(184,41,61,0.5);flex-shrink:0;z-index:1}.featured-album-cover.placeholder{display:flex;align-items:center;justify-content:center;background:#241419;color:#6e4a52;font-size:2.5rem}.legal-container{max-width:1100px;margin:0 auto;padding:3rem 2rem}.legal-content p{color:#ccc;line-height:1.6;font-size:0.95rem}.footer-box{border-top:1px solid #2a2a2a;margin-top:3em;padding:1.5em 0.5em;text-align:center;margin-left:3em;margin-right:3em;display:flex;flex-direction:column;align-items:center;gap:0.6rem}.footer-p{margin:0}.footer-p a{color:#999;text-decoration:none;font-size:0.85rem;transition:color 0.2s ease}.footer-box>span p{color:#666;font-size:0.85rem;margin:0}main{display:flex;flex-direction:column;justify-content:center;width:100vw;padding-top:1rem}.section-icon{width:18px;height:18px;color:#d94654;flex-shrink:0}@keyframes emberRise{0%{transform:translateY(0) translateX(0);opacity:0}8%{opacity:1}75%{opacity:0.6}100%{transform:translateY(-100vh) translateX(var(--drift,20px));opacity:0}}@keyframes spotlight-pulse{0%,100%{opacity:0.55}50%{opacity:1}}@keyframes avatar-sweep{to{transform:rotate(360deg)}}@keyframes dna-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}@keyframes badge-in{from{opacity:0;transform:translateY(8px) scale(0.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes admin-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}@keyframes announcement-pulse-fade{0%,100%{opacity:0}50%{opacity:1}}@keyframes view-pulse{0%,100%{opacity:0.4;transform:scale(0.85)}50%{opacity:1;transform:scale(1.1)}}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes auth-msg-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes pathNodeIn{from{opacity:0;transform:translate(-50%,-50%) scale(0.85)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pathFlow{to{stroke-dashoffset:-16}}@keyframes playlistCardIn{to{opacity:1;transform:translateY(0)}}@keyframes playlistIconGlow{0%,100%{filter:drop-shadow(0 0 4px rgba(217,70,84,0.4))}50%{filter:drop-shadow(0 0 14px rgba(217,70,84,0.8))}}@keyframes playlistRowIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes menuIn{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes storyBounce{0%,100%{transform:translateY(0);opacity:0.6}50%{transform:translateY(8px);opacity:1}}.genre-path-form{max-width:640px;margin:2rem auto;display:flex;gap:0.8rem;align-items:center;flex-wrap:wrap;justify-content:center;padding:0 1rem}.genre-path-field{position:relative;flex:1;min-width:200px}.genre-path-input{width:100%;height:3em}.genre-path-arrow{color:#d94654;font-size:1.3rem}.genre-path-submit{margin:0}.genre-path-dropdown{display:none;position:absolute;top:calc(100% + 0.4rem);left:0;right:0;background:#14151a;border:1.5px solid #2a2a2a;border-radius:10px;overflow-y:auto;max-height:260px;box-shadow:0 10px 24px rgba(0,0,0,0.5);z-index:30}.genre-path-dropdown.open{display:block}.genre-path-dropdown-item{display:block;width:100%;text-align:left;padding:0.65rem 0.9rem;background:none;border:none;border-bottom:1px solid #2a2a2a;color:#ECECEC;font-size:0.95rem;font-family:inherit;cursor:pointer}.genre-path-dropdown-item:last-child{border-bottom:none}.genre-path-dropdown-item:hover,.genre-path-dropdown-item.active{background:#1f2024}.genre-path-dropdown-empty{padding:0.75rem 0.9rem;color:#888;font-size:0.88rem}.genre-path-input{width:100%;height:3em;padding-right:2.6rem}.genre-path-chevron{position:absolute;right:0.7rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0.3rem;transition:transform 0.15s ease,color 0.15s ease}.genre-path-chevron:hover{color:#ECECEC}.genre-path-field.dropdown-open .genre-path-chevron{transform:translateY(-50%) rotate(180deg);color:#d94654}.world-map-info{display:none;position:absolute;bottom:0.8rem;left:0.8rem;right:0.8rem;max-width:320px;max-height:260px;overflow-y:auto;background:#14151a;border:1px solid #333;border-radius:10px;padding:1rem;box-shadow:0 10px 24px rgba(0,0,0,0.5)}.world-map-info-close{position:absolute;top:0.5rem;right:0.6rem;background:none;border:none;color:#888;font-size:1.3rem;line-height:1;cursor:pointer;padding:0.2rem 0.4rem}.world-map-info-close:hover{color:#d94654}.world-map-genre-chip{display:inline-flex;align-items:baseline;gap:0.3rem;color:#d94654;font-size:0.82rem;text-decoration:none;background:rgba(217,70,84,0.1);border:1px solid rgba(217,70,84,0.3);border-radius:999px;padding:0.25rem 0.7rem}.world-map-genre-chip span{color:#888;font-size:0.75rem}.world-map-genre-chip.no-link{color:#ccc;background:#1e1e1e;border-color:#333}.tour-date-list{display:flex;flex-direction:column;gap:0.7rem;max-width:800px;margin:0 auto}.tour-date-list-wrap{position:relative;max-width:800px;margin:0 auto;overflow:hidden;transition:max-height 0.4s ease}.tour-date-list-wrap.has-toggle{max-height:360px}.tour-date-list-wrap.has-toggle:not(.expanded)::after{content:"";position:absolute;bottom:0;left:0;right:0;height:70px;background:linear-gradient(to bottom,transparent,#111315);pointer-events:none}.tour-date-list-wrap.expanded{max-height:4000px}.tour-date-toggle{display:block;margin:0.8rem auto 2.5rem}.tour-date-card{position:relative;overflow:hidden;display:flex;align-items:stretch;gap:1.1rem;padding:0;background:linear-gradient(135deg,#1B1D21,#111315);border:1px solid #2a2a2a;border-radius:12px;text-decoration:none;transition:border-color 0.2s ease,transform 0.15s ease,box-shadow 0.25s ease}.tour-date-card::before{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(217,70,84,0.18),transparent);transform:skewX(-20deg);transition:left 0.7s ease;pointer-events:none;z-index:1}.tour-date-card:hover::before{left:150%}.tour-date-card:hover{border-color:#a83240;transform:translateX(4px);box-shadow:0 10px 26px rgba(217,70,84,0.18)}.tour-date-day{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:68px;padding:0.9rem 0.6rem;line-height:1.1;background:rgba(217,70,84,0.07);border-right:1px dashed #3a3a3a;transition:background 0.2s ease}.tour-date-card:hover .tour-date-day{background:rgba(217,70,84,0.13)}.tour-date-num{font-family:"Oswald",sans-serif;font-size:1.7rem;font-weight:700;color:#ECECEC;transition:color 0.2s ease,transform 0.2s ease}.tour-date-card:hover .tour-date-num{color:#d94654;transform:scale(1.08)}.tour-date-month{font-size:0.7rem;letter-spacing:0.03em;color:#a89ba0;text-transform:uppercase}.tour-date-info{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;padding:0.9rem 0.2rem}.tour-date-venue{font-family:"Oswald",sans-serif;font-weight:600;color:#ECECEC}.tour-date-location{font-size:0.85rem;color:#a89ba0}.tour-date-cta{position:relative;z-index:2;display:flex;align-items:center;gap:0.4rem;padding:0 1.2rem;font-size:0.85rem;font-weight:600;color:#d94654;white-space:nowrap}.tour-date-cta svg{width:15px;height:15px;stroke:currentColor;transition:transform 0.2s ease}.tour-date-card:hover .tour-date-cta svg{transform:translateX(3px)}@media (max-width:600px){.spotlight-list{grid-template-columns:1fr}.genre-path-form{flex-direction:column;align-items:stretch}.genre-path-input{width:100%;min-width:0}.genre-path-arrow{display:block;text-align:center;transform:rotate(90deg)}.genre-path-form{flex-direction:column;align-items:stretch}.genre-path-field{width:100%;min-width:0}.genre-path-arrow{display:block;text-align:center;transform:rotate(90deg)}.genre-path-submit.genre-map-cta{width:100%!important;align-self:stretch!important;justify-content:center;height:3em;margin-top:1.5em}#worldMapWrap{height:min(60vh,calc(100dvh - 260px))!important;min-height:340px!important}.world-map-info{left:0.5rem;right:0.5rem;bottom:0.5rem;max-width:none;max-height:40%;padding:0.8rem;font-size:0.88rem}.world-map-info strong{font-size:0.95rem}.world-map-genre-chip{font-size:0.78rem;padding:0.2rem 0.55rem}}@media (min-width:1151px){main.has-friends-rail{padding-left:max(0px,calc(120px - (100vw - 1000px) / 2))}}@media (max-width:1150px){.friends-rail{display:flex;position:static;flex-direction:row;width:100%;max-width:100%;height:auto;overflow-x:auto;overflow-y:hidden;border-radius:12px;border-left:1px solid #2a2a2a;margin:1.5rem auto;padding:0.9rem 1rem;gap:1rem;box-shadow:none}.friends-rail-label,.friends-rail-count,.friends-rail-divider{display:none}.friends-rail-item{flex-direction:column;width:auto;flex-shrink:0;padding:0;text-align:center;gap:0.35rem}.friends-rail-name{opacity:1;max-width:68px;margin-left:0;font-size:0.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-rail-empty{white-space:nowrap;padding:0}.friends-rail-item:hover{background:transparent}.friends-rail-item:hover .friends-rail-avatar{border-color:#2a2a2a}.friends-rail:hover{width:100%}.tour-date-card{gap:0.6rem}.tour-date-day{min-width:54px;padding:0.7rem 0.4rem}.tour-date-info{padding:0.7rem 0.2rem}.tour-date-cta{display:none}}@media (max-width:700px){.connection-grid{grid-template-columns:1fr}.insights-bento{grid-template-columns:1fr}.insights-block .decade-chart{height:190px}.fact-strip{grid-template-columns:1fr}}@media (max-width:520px){.country-name{width:6.5rem;font-size:0.82rem}.fact-card{padding:0.85rem 1rem}.fact-value{font-size:0.95rem}.insights-block,.insights-block-full{padding:1.2rem 1.1rem 1.4rem}}@media (max-width:640px){.prolific-name{min-width:110px;font-size:0.9rem}.prolific-count{min-width:50px;font-size:0.85rem}}@media (max-width:600px){.genre-strip-wrap{padding:0 1rem}.genre-strip-wrap::before{left:1rem}.genre-strip-wrap::after{right:1rem}.genre-pill{padding:0.6rem 1rem 0.6rem 0.9rem;font-size:0.9rem}}@media (max-width:900px){.artist-hero{flex-direction:column;align-items:center;text-align:center}.band-image-box,.artist-bio{width:100%}.band-image{max-width:100%;height:auto;aspect-ratio:1 / 1}.album-hero{flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;margin:1.5rem auto 0}.album-cover-wrapper{width:220px}.album-info{padding-bottom:0}.album-actions-row,.rating-widget{justify-content:center}.home-split{margin-top:3rem}.hero-heading{font-size:2rem}.section-title{font-size:2.2rem}.band-title{font-size:2.8rem}.video-tile{width:260px;scroll-snap-align:center;scroll-snap-stop:always}#logo-image{height:7em}.album-grid{grid-template-columns:repeat(2,1fr);gap:0.6rem}.result-container .album-card{width:130px}.comment-card{padding:0.9rem 1rem;gap:0.6rem}.comment-avatar{width:32px;height:32px;font-size:0.9rem}.cookie-content{max-width:100%}.cookie-banner{padding:1rem}.group{position:static;transform:none;width:calc(100% - 4rem);max-width:none;margin:4rem auto 0.5rem;left:auto}#user-profile{position:static;justify-content:center;margin:0.5rem auto 1rem;flex-wrap:wrap;width:100%;max-width:100%;gap:0.6rem}#user-login,#user-register,.my_account,.admin-menu-btn{font-size:0.85rem;padding:0.45rem 0.8rem}.featured-album{max-width:100%;margin:3rem auto;padding:0 1.25rem}.featured-album h2{font-size:1.6rem}.featured-album-card{gap:2rem;padding:2rem;min-height:auto}.featured-album-cover{width:200px;height:200px}.featured-album-info h3{font-size:1.7rem}.band-name{font-size:1.15rem}.smart-search{position:relative;top:auto;left:auto;transform:none;width:calc(100% - 4rem);max-width:none;margin:4rem auto 0.5rem;flex-wrap:wrap;justify-content:center}.profile-container{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:2rem;max-width:900px;margin:0 auto;flex-wrap:wrap}.profile-card{order:2;position:relative;background:#161616;border:1px solid #2a2a2a;border-radius:16px;padding:3.5rem;max-width:580px;width:100%;box-shadow:0 12px 36px rgba(0,0,0,0.55);text-align:center;overflow:hidden;transition:border-color 0.3s ease}.friends-sidebar{order:1;background:#161616;border:1px solid #2a2a2a;border-radius:16px;padding:1.6rem;width:280px;flex-shrink:0;display:flex;flex-direction:column}}@media (max-width:768px){main{padding-top:1rem}.profile-name{text-align:center}.profile-pronouns{text-align:center}.smart-search{position:static;transform:none;width:calc(100% - 4rem);max-width:none;margin:4rem auto 0.5rem;left:auto}#user-profile{position:static;justify-content:center;margin:0.5rem auto 1rem;flex-wrap:wrap;width:100%;max-width:100%;padding:0 1rem}.hero-cta,.stats-bar,.genre-grid,.spotlight-teasers{width:100%;max-width:100%;box-sizing:border-box}header{display:flex;flex-direction:column}.logo{padding:1.2rem 0 0.8rem}.logo-text{font-size:2.6rem}.logo-pentagram{width:42px;height:42px}#user-profile{position:static;justify-content:center;margin:0.5rem auto 1rem;flex-wrap:wrap}.hamburger-menu{top:0.8em;left:0.8em}.band-title{font-size:2.2rem;padding:0 1rem}.section-title{font-size:1.8rem}.album-heading{color:#f2f2f2;font-size:2.4rem;font-weight:700;margin:0 0 0.6rem;line-height:1.15;text-align:center}.dna-section + .album-heading,.result-container + .album-heading,.album-grid + .album-heading{margin-top:4rem}.hero-heading{font-size:1.7rem}.artist-heading{font-size:1.7rem}.album-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.7rem;padding:1rem 0.5em;margin-bottom:1rem}.album-card{background:linear-gradient(160deg,#1c1c1c,#131313);border:1px solid #2a2a2a;border-radius:10px;padding:0.8rem;text-decoration:none;color:inherit;display:block;min-width:0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04),0 4px 14px rgba(0,0,0,0.35);transition:border-color 0.25s ease,transform 0.25s ease,box-shadow 0.25s ease}.album-title{font-size:0.8rem}.result-container{padding:0 1rem}.album-date{font-size:0.72rem}.home-split{flex-direction:column;padding:0 1rem;gap:2rem}.comment-form{width:100%}.comments-section{padding:0 1rem}.video-tile{width:240px}.video-row{scroll-snap-type:x mandatory;padding:0.5rem 40px}.auth-container{padding-top:4rem;padding-left:1rem;padding-right:1rem}.auth-form,.profile-card{padding:1.8rem}.footer-box{margin-left:1rem;margin-right:1rem}.dropdown-menu{width:85vw;max-width:300px}.hero-cta{padding:0 1rem}.hero-sub{font-size:0.9rem}.announcement-banner{display:flex;width:100%;max-width:100%;flex-direction:column;align-items:flex-start;gap:0.5rem;padding:0.9rem 1.1rem;border-radius:16px}.announcement-text{text-align:left}.stats-bar{gap:1.2rem;margin-top:1.5rem}.stat-number{font-size:1.4rem}.stat-label{font-size:0.7rem}.genre-grid{grid-template-columns:repeat(2,1fr);gap:0.7rem;padding:0 1rem}.genre-card{height:70px;font-size:0.95rem}.spotlight-teasers{flex-direction:column;padding:0 1rem}.spotlight-teaser{min-width:unset;padding:1.2rem 1.4rem}.dna-section{padding:0 1.2rem;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.dna-header-row{justify-content:center;text-align:center}.dna-bars{width:100%;max-width:320px;margin:0 auto;display:flex;flex-direction:column;gap:0.9rem;box-sizing:border-box}.dna-row{display:flex;flex-direction:column;gap:0.35rem;width:100%;box-sizing:border-box;align-items:stretch;text-align:left}.dna-row-top{display:flex;justify-content:space-between;align-items:baseline;width:100%}.dna-label{width:auto;font-size:0.85rem;color:#ddd;font-weight:600}.dna-percent{width:auto;min-width:34px;text-align:right;color:#d94654;font-weight:700;font-size:0.85rem}.dna-bar-track{width:100%;max-width:100%;height:7px;border-radius:4px;background:#1e1e1e;overflow:hidden;box-sizing:border-box;margin:0}.dna-bar-fill{height:100%;border-radius:4px}.featured-album{margin:2rem auto;padding:0 1rem}.featured-album h2{font-size:1.4rem}.featured-album-card{flex-direction:column;text-align:center;gap:1.25rem;padding:1.5rem;border-radius:12px}.featured-album-cover{width:160px;height:160px}.featured-album-info h3{font-size:1.4rem}.band-name{font-size:1rem}.featured-note{font-size:0.95rem}.smart-search-dropdown{right:auto;left:0;width:100%}.smart-search{position:relative;top:auto;left:auto;transform:none;width:calc(100% - 4rem);max-width:none;margin:4rem auto 0.5rem;flex-wrap:wrap;justify-content:center}.decade-chart{gap:0.4rem}.decade-bar-label{font-size:0.65rem}.prolific-list{grid-template-columns:1fr}.path-road{width:4px;height:40px;background:repeating-linear-gradient(180deg,#d94654 0px,#d94654 10px,transparent 10px,transparent 20px)}.path-step{flex-direction:column}.path-timeline{flex-direction:column;overflow-x:visible}.genre-strip-wrap{padding:0 1rem}.genre-strip-wrap::before{left:1rem}.genre-strip-wrap::after{right:1rem}.genre-pill{padding:0.6rem 1rem;font-size:0.9rem}.data-stats-grid{grid-template-columns:1fr;padding:0 1rem}}@media (min-width:769px){.genre-strip-btn{display:flex}}@media (max-width:640px){.prolific-name{min-width:110px;font-size:0.9rem}.prolific-count{min-width:50px;font-size:0.85rem}}@media (max-width:600px){.genre-overview-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0.7rem}}@media (max-width:480px){.band-title{font-size:1.7rem}.section-title{font-size:1.5rem}#logo-image{height:7em}.result-container .album-card{width:130px}.comment-card{padding:0.9rem 1rem;gap:0.6rem}.comment-avatar{width:32px;height:32px;font-size:0.9rem}.cookie-content{max-width:100%}.cookie-banner{padding:1rem}#user-profile{gap:0.6rem}#user-login,#user-register,.my_account,.admin-menu-btn{font-size:0.85rem;padding:0.45rem 0.8rem}.hero-heading{font-size:1.4rem}.stats-bar{gap:0.8rem}.stat-item{min-width:70px}.stat-number{font-size:1.2rem}.stat-label{font-size:0.65rem}.genre-grid{grid-template-columns:1fr}.discover-btn{width:100%;text-align:center;box-sizing:border-box}.featured-album-cover{width:130px;height:130px}.featured-album-info h3{font-size:1.2rem}}@media (max-width:1180px){.smart-search{position:relative;top:auto;left:auto;transform:none;width:calc(100% - 4rem);max-width:none;margin:4rem auto 0.5rem;flex-wrap:wrap;justify-content:center}#user-profile{position:static;justify-content:center;margin:0.5rem auto 1rem;flex-wrap:wrap;width:100%;max-width:100%;gap:0.6rem}}@media (max-width:500px){.path-map-node{padding:0.6rem 1rem;font-size:0.9rem}.path-map-band{padding:0.55rem 0.8rem}.path-band-name{font-size:0.8rem}}