.volume-track{position:relative;height:4px;background:rgba(255,255,255,.2);border-radius:2px;cursor:pointer}.volume-fill{position:absolute;height:100%;background:var(--zinc-500);border-radius:2px;transition:width .15s ease-out}.volume-thumb{position:absolute;top:50%;width:14px;height:14px;background:var(--white);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px rgba(0,0,0,.3);transition:transform .15s ease-out,left .15s ease-out;cursor:grab}.volume-thumb:hover{transform:translate(-50%,-50%) scale(1.2)}.volume-thumb:active{cursor:grabbing}.volume-track.muted .volume-fill{opacity:.3}.volume-track.muted .volume-thumb{background:var(--zinc-400)}.play-button-spinner{width:24px;height:24px;border:3px solid rgba(0,0,0,.15);border-top-color:var(--black);border-radius:50%;animation:.8s linear infinite spin}@media (min-width:768px){.play-button-spinner{width:28px;height:28px}}.play-button-waves{position:absolute;inset:0;pointer-events:none}.play-button-waves::after,.play-button-waves::before{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid currentColor;animation:1.5s ease-out infinite pulse-wave;opacity:0}.play-button-waves::after{animation-delay:.5s}@keyframes pulse-wave{0%{transform:scale(1);opacity:.25}100%{transform:scale(1.8);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-dots{display:inline-block;width:1.2em;text-align:left}.animate-dots::after{content:'...';animation:1.5s steps(4,end) infinite dots}@keyframes dots{0%{content:''}25%{content:'.'}50%{content:'..'}100%,75%{content:'...'}}.mobile-menu{transform:translateX(100%);background-color:var(--zinc-900);border-left:1px solid rgba(63,63,70,.6);box-shadow:-16px 0 40px transparent;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,background-color .6s,border-color .6s}.mobile-menu.open{transform:translateX(0);box-shadow:-16px 0 40px rgba(0,0,0,.45)}@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.mobile-menu{background-color:rgba(9,9,11,.62);background-image:linear-gradient(180deg,rgba(var(--accent-dynamic-rgb,63,63,70),.26),rgba(var(--accent-dynamic-rgb,63,63,70),.1));border-left-color:rgba(var(--accent-dynamic-rgb,63,63,70),.45);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}}.menu-overlay{background-color:rgba(0,0,0,.55)}.mini-player{transform:translateY(100%);transition:transform .3s ease-in-out}.mini-player.visible{transform:translateY(0)}.track-card{position:relative}.track-card::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(113,113,122,.6),transparent 70%);opacity:0;transition:opacity .3s;border-radius:inherit}.track-card:hover::before{opacity:1}.skeleton{background:linear-gradient(90deg,var(--zinc-800) 25%,var(--zinc-700) 50%,var(--zinc-800) 75%);background-size:200% 100%;animation:1.5s infinite shimmer;border-radius:6px}.rank-1{color:var(--zinc-200)}.rank-2{color:var(--zinc-400)}.rank-3{color:var(--zinc-500)}.rank-other{color:var(--zinc-600)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}footer [tabindex]:focus:not(:focus-visible),footer a:focus:not(:focus-visible),footer button:focus:not(:focus-visible),header nav a:focus:not(:focus-visible){outline:0;box-shadow:none}.section-divider{position:relative;height:24px;color:var(--color-accent)}.section-divider::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(to right,rgba(228,228,231,0),rgba(228,228,231,.7),rgba(228,228,231,0));transform:translateY(-50%)}.req-progress{display:flex;align-items:center;gap:12px;margin-bottom:20px}.req-progress-bar{flex:1;height:4px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.req-progress-fill{display:block;height:100%;width:0;border-radius:999px;transition:width .3s;background:var(--zinc-200)}.req-progress-label{font-size:11px;color:var(--zinc-500);font-variant-numeric:tabular-nums;white-space:nowrap}.req-steps{position:relative}.req-step{animation:.25s reqFade}@keyframes reqFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.req-label{display:block;font-size:.95rem;font-weight:600;color:var(--zinc-200);margin-bottom:10px}.req-opt{color:var(--zinc-600);font-weight:400;font-size:.8em}.req-fields{display:grid;gap:12px}.req-sublabel{display:block;font-size:12px;color:var(--zinc-500);margin-bottom:6px}.req-input{width:100%;background:rgba(0,0,0,.3);border:1px solid var(--zinc-700);border-radius:.5rem;padding:.7rem 1rem;color:var(--white);font-size:.95rem;transition:border-color .15s}.req-input::placeholder{color:var(--zinc-600)}.req-input:disabled{opacity:.5;cursor:not-allowed}.req-input:focus{border-color:var(--zinc-500)}.req-input:focus:not(:focus-visible){outline:0}.req-hint{margin-top:8px;font-size:11px;color:var(--zinc-600)}.req-review{display:grid;gap:8px;margin:0;background:rgba(0,0,0,.25);border:1px solid var(--zinc-800);border-radius:.6rem;padding:14px 16px}.req-review-row{display:flex;gap:10px;font-size:.85rem}.req-review-row dt{color:var(--zinc-500);min-width:96px;flex:none}.req-review-row dd{color:var(--zinc-200);margin:0;word-break:break-word}.req-feedback{font-size:.85rem;border-radius:.5rem;padding:.65rem 1rem;margin-top:14px}.req-feedback.is-error{background:rgba(153,27,27,.18);color:var(--red-300);border:1px solid rgba(239,68,68,.35)}.req-feedback.is-ok{background:rgba(21,128,61,.18);color:var(--green-300);border:1px solid rgba(34,197,94,.35);text-align:center;font-weight:600;padding:1.1rem}.req-nav{display:flex;align-items:center;gap:10px;margin-top:20px;flex-wrap:wrap}.req-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:.5rem;padding:.7rem 1.1rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:transform .1s,background .15s,color .15s;min-width:0;white-space:nowrap}.req-btn[hidden],.req-nav[hidden],.req-progress[hidden]{display:none}.req-btn:active{transform:scale(.98)}.req-btn svg{width:16px;height:16px;flex:none}.req-btn-primary{flex:1 1 auto;background:var(--white);color:var(--black)}.req-btn-primary:hover{background:var(--zinc-200)}.req-btn-primary:disabled{opacity:.6;cursor:not-allowed}.req-btn-ghost{background:0 0;color:var(--zinc-400)}.req-btn-ghost:hover{color:var(--zinc-200);background:rgba(255,255,255,.05)}.req-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.pwa-install-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .95rem;border-radius:9999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:var(--zinc-200);font:inherit;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.pwa-install-btn:hover{background:rgba(255,255,255,.12);color:var(--white);border-color:rgba(255,255,255,.4)}.pwa-install-btn svg{width:15px;height:15px;flex:none}.pwa-install-menu{display:flex;align-items:center;gap:.625rem;width:100%;text-align:left;background:0 0;border:0;font:inherit;font-size:inherit;cursor:pointer}.pwa-install-menu svg{width:18px;height:18px;flex:none}.pwa-install-btn.hidden,.pwa-install-menu.hidden{display:none}.pwa-ios-hint{position:fixed;z-index:60;left:1rem;right:1rem;bottom:calc(6rem + env(safe-area-inset-bottom));display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border-radius:1rem;background:rgba(24,24,27,.97);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 40px -12px rgba(0,0,0,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pwa-ios-hint-text{flex:1;min-width:0;font-size:.8125rem;line-height:1.45;color:var(--zinc-200)}.pwa-ios-hint-text strong{color:var(--white);font-weight:700}.pwa-ios-hint-icon{display:inline-flex;vertical-align:-.2em}.pwa-ios-hint-icon svg{width:15px;height:15px}.pwa-ios-hint-close{flex:none;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer;padding:.5rem .85rem;border-radius:9999px;border:0;background:var(--white);color:var(--black)}.pwa-ios-hint-close:hover{background:var(--zinc-200)}@media (display-mode:standalone){#header{padding-top:env(safe-area-inset-top)}}