*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#1a1a1a;color:#e8e8e8;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:root{--color-primary: var(--color-primary);--color-hero-bg: var(--color-primary);--color-bg: #1a1a1a;--color-text: #e0e0e0}.site{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg);color:var(--color-text)}.hero{display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem 2rem;background-color:var(--color-hero-bg)}.album-viewer{width:100%;max-width:500px;cursor:pointer;position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none;box-shadow:0 8px 32px #0006}.album-viewer img{width:100%;display:block}.album-dots{display:flex;justify-content:center;gap:7px;margin-top:.75rem;background:none}.album-dot{height:6px;width:6px;border-radius:3px;background:#ffffff40;flex-shrink:0}.album-dot-active{background:#ffffffd9}.album-title{margin-top:1.5rem;font-size:2rem;font-weight:700;color:#fff;letter-spacing:-.02em}.album-title span{font-weight:300}.player{width:100%;max-width:500px;margin-top:1.5rem;background:#ffffff1a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 4px 24px #0003}.player-now-playing{color:#fff;font-size:.9rem;font-weight:500;text-align:center;margin-bottom:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.75rem}.player-btn{background:none;border:none;color:#fffc;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .15s}.player-btn:hover{color:#fff}.player-btn-play{width:44px;height:44px;border-radius:50%;background:#ffffff26;color:#fff}.player-btn-play:hover{background:#ffffff40}.player-progress{width:100%;height:4px;background:#fff3;border-radius:2px;cursor:pointer;position:relative}.player-progress-bar{height:100%;background:#fff;border-radius:2px;transition:width .1s linear}.player-time{display:flex;justify-content:space-between;font-size:.75rem;color:#ffffff80;margin-top:.35rem}.player-btn-lyrics{display:block;margin:.75rem auto 0;background:none;border:1px solid rgba(255,255,255,.4);color:#fffc;font-family:inherit;font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.35rem 1.25rem;border-radius:3px;cursor:pointer;transition:all .15s}.player-btn-lyrics:hover{background:#ffffff26;border-color:#ffffffb3;color:#fff}.album-download{width:100%;max-width:500px;margin-top:1.5rem;display:flex;justify-content:center}.album-download-btn{display:inline-flex;align-items:center;justify-content:center;background:#fffffff2;color:var(--color-primary);font-family:inherit;font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1.75rem;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #00000026;text-decoration:none}.album-download-btn:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.lyrics-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.lyrics-dialog{background:linear-gradient(135deg,#5b96c740,#ffffff14,#5b96c726);backdrop-filter:blur(40px) saturate(1.4);-webkit-backdrop-filter:blur(40px) saturate(1.4);border:1px solid rgba(255,255,255,.2);border-top-color:#ffffff59;border-left-color:#ffffff40;border-radius:20px;max-width:500px;width:100%;max-height:80vh;display:flex;flex-direction:column;animation:slide-up .3s ease;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff26,inset 0 -1px #0000001a;overflow:hidden}@keyframes slide-up{0%{transform:translateY(20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.lyrics-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.lyrics-header h3{font-size:1.1rem;font-weight:600;color:#fffffff2;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.lyrics-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff9;cursor:pointer;padding:.35rem;display:flex;border-radius:8px;transition:all .15s}.lyrics-close:hover{color:#fff;background:#fff3;border-color:#ffffff4d}.lyrics-body{padding:1.5rem;overflow-y:auto;color:#ffffffd9;font-family:inherit;font-size:.95rem;line-height:1.8;white-space:pre-wrap;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.15)}.lyrics-body::-webkit-scrollbar{width:6px}.lyrics-body::-webkit-scrollbar-track{background:transparent}.lyrics-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.lyrics-body::-webkit-scrollbar-thumb:hover{background:#ffffff40}.tracks{max-width:700px;margin:0 auto;padding:3rem 1.5rem;width:100%}.tracks h2{font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;color:#999}.side-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary);margin-top:2rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #333}.side-label:first-of-type{margin-top:0}.track{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid #2a2a2a;transition:background-color .15s;cursor:pointer}.track:hover,.track-active{background-color:#222}.track-active .track-name{color:var(--color-primary)}.track-number{width:2.5rem;font-weight:600;font-style:italic;color:var(--color-primary);flex-shrink:0}.track-name{flex:1;font-weight:400}.track-duration{color:#777;font-style:italic;margin:0 1rem;font-size:.9rem}.track-download{color:var(--color-primary);font-size:.85rem;font-weight:500;padding:.3rem .75rem;border:1px solid var(--color-primary);border-radius:3px;transition:all .15s;flex-shrink:0}.track-download:hover{background-color:var(--color-primary);color:#fff}.eq-bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.eq-bars span{display:block;width:3px;background:var(--color-primary);border-radius:1px;animation:eq-bounce .8s ease-in-out infinite alternate}.eq-bars span:nth-child(1){height:6px;animation-delay:0s}.eq-bars span:nth-child(2){height:10px;animation-delay:.2s}.eq-bars span:nth-child(3){height:4px;animation-delay:.4s}@keyframes eq-bounce{0%{height:4px}to{height:14px}}.credits{max-width:700px;margin:0 auto;padding:2rem 1.5rem 3rem;width:100%;text-align:center}.credits h2{font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;color:#999}.credits-text{color:#bbb;line-height:1.8;font-size:.95rem}.credits-text p{margin-bottom:.5rem}.credits-text a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.credits-text a:hover{color:#fff}.links{display:flex;justify-content:center;gap:1.5rem;padding:3rem 1.5rem;flex-wrap:wrap}.links a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:50%;transition:all .15s}.links a:hover{background-color:var(--color-primary);color:#fff}.footer{margin-top:auto;text-align:center;padding:2rem 1.5rem;border-top:1px solid #2a2a2a;color:#666;font-size:.9rem;letter-spacing:.05em}@media(max-width:600px){.album-title{font-size:1.5rem}.track-download{font-size:.75rem;padding:.25rem .5rem}.track-duration{margin:0 .5rem;font-size:.8rem}.links{gap:1rem}}