*{box-sizing:border-box}body{color:#e2e8f0;background:#0f172a;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:960px;margin:0 auto;padding:24px}.card{background:#1e293b;border-radius:12px;padding:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}input,textarea{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:8px;width:100%;padding:10px}button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;padding:10px 14px}button:disabled{opacity:.6;cursor:not-allowed}.row{align-items:center;gap:12px;display:flex}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.floating-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#020617e6;border-bottom:1px solid #94a3b840;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:.35rem clamp(.9rem,3vw,2rem);display:flex;position:fixed;top:0;left:0;transform:none;box-shadow:0 20px 45px #00000073}.floating-header__action{color:#f8fafc;border:1px solid #0000;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.8rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.floating-header__action--back{box-shadow:none;background:0 0;border:none;padding:.35rem}.floating-header__action--back:hover{color:#a5b4fc}.floating-header__action--menu{background:#0f172acc;border:1px solid #94a3b866;border-radius:50%;justify-content:center;width:1.5rem;height:1.5rem;margin-top:.15rem;margin-bottom:.15rem;padding:0}.floating-header__action--menu:hover{background:#6366f14d;border-color:#f8fafc99}.floating-header__icon{font-size:1rem;line-height:1}.floating-header__dots{justify-content:center;align-items:center;gap:.25rem;display:inline-flex}.floating-header__dots span{background:#f8fafc;border-radius:999px;width:.1rem;height:.1rem}.player-shell{margin-top:clamp(2.8rem,6vw,4.5rem)}.album-gallery{background:#0f172ad9;padding:clamp(1.5rem,4vw,2.75rem);box-shadow:0 35px 60px #0206178c}.album-gallery__heading{text-align:center;margin-bottom:clamp(1.5rem,4vw,2.75rem)}.album-gallery__eyebrow{text-transform:uppercase;letter-spacing:.35em;color:#94a3b8cc;margin-bottom:.75rem;font-size:.7rem}.album-gallery__title{margin-bottom:.5rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600}.album-gallery__subtitle{color:#94a3b8e6;font-size:.95rem}.album-grid{grid-template-columns:1fr;gap:1.75rem;display:grid}@media (min-width:640px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.album-card{color:inherit;border-radius:1.25rem;flex-direction:column;gap:.9rem;padding:1rem;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:flex}.album-card:hover{background:#1e293bf2;border-color:#6366f18c;transform:translateY(-4px)}.album-card__image-wrap{aspect-ratio:1;background:#0f172a99;border-radius:1rem;position:relative;overflow:hidden}.album-card__image{object-fit:cover;width:100%;height:100%;transition:transform .22s}.album-card:hover .album-card__image{transform:scale(1.03)}.album-card__body{text-align:center}.album-card__title{font-size:1rem;font-weight:600}.album-card__meta{text-transform:uppercase;letter-spacing:.35em;color:#94a3b8d9;justify-content:center;align-items:center;gap:.5rem;font-size:.72rem;display:inline-flex}.album-card__meta span{align-items:center;display:inline-flex}.album-card__divider{background:#94a3b859;align-self:center;width:1.5rem;height:1px;display:inline-flex}.progress-container{cursor:pointer;background:#94a3b84d;border-radius:9999px;height:12px;position:relative}.buffered-bar{border-radius:inherit;background:#94a3b880;width:0%;position:absolute;inset:0}.progress-bar{border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#06b6d4);width:0%;position:absolute;inset:0}input[type=range]{accent-color:#8b5cf6}.track-title{-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;width:100%;max-width:100%;line-height:1.3;display:-webkit-box;overflow:hidden}.track-title.single-line{white-space:nowrap;word-break:normal;-webkit-line-clamp:unset;-webkit-box-orient:initial;align-items:center;min-height:2.6em;display:flex}.gallery-overlay{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020617e0;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.gallery-overlay.hidden{display:none}.gallery-overlay__image-frame{touch-action:pan-y;justify-content:center;align-items:center;width:min(100%,960px);max-height:85vh;display:flex;position:relative}.gallery-overlay__image{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:1.5rem;width:100%;height:100%;box-shadow:0 25px 50px #000000a6}.gallery-close-btn,.gallery-nav-btn{color:#f8fafc;cursor:pointer;background:#0f172abf;border:1px solid #94a3b866;border-radius:9999px;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;transition:background .15s,border-color .15s;display:inline-flex;position:absolute}.gallery-close-btn:hover,.gallery-nav-btn:hover{background:#6366f1d9;border-color:#6366f1d9}.gallery-close-btn{font-size:1.5rem;top:1.5rem;right:1.5rem}.gallery-nav-btn{top:50%;transform:translateY(-50%)}.gallery-nav-btn--left{left:min(2%,2rem)}.gallery-nav-btn--right{right:min(2%,2rem)}@media (max-width:640px){.gallery-overlay{padding:1rem}.gallery-overlay__image{border-radius:1rem}.gallery-close-btn,.gallery-nav-btn{width:2.75rem;height:2.75rem;font-size:1.1rem}.gallery-close-btn{top:1rem;right:1rem}}