*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-carbon-arrow-up{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 4L6 14l1.41 1.41L15 7.83V28h2V7.83l7.59 7.58L26 14z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-carbon-close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M17.414 16L24 9.414L22.586 8L16 14.586L9.414 8L8 9.414L14.586 16L8 22.586L9.414 24L16 17.414L22.586 24L24 22.586z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-carbon-contrast{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M29.37 11.84a13.6 13.6 0 0 0-1.06-2.51A14.2 14.2 0 0 0 25.9 6.1a14 14 0 1 0 0 19.8a14.2 14.2 0 0 0 2.41-3.23a13.6 13.6 0 0 0 1.06-2.51a14 14 0 0 0 0-8.32M4 16A12 12 0 0 1 16 4v24A12 12 0 0 1 4 16'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-carbon-download{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M26 24v4H6v-4H4v4a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-4Zm0-10l-1.41-1.41L17 20.17V2h-2v18.17l-7.59-7.58L6 14l10 10z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-carbon-edit{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M2 26h28v2H2zM25.4 9c.8-.8.8-2 0-2.8l-3.6-3.6c-.8-.8-2-.8-2.8 0l-15 15V24h6.4zm-5-5L24 7.6l-3 3L17.4 7zM6 22v-3.6l10-10l3.6 3.6l-10 10z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-carbon-email{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M28 6H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2m-2.2 2L16 14.78L6.2 8ZM4 24V8.91l11.43 7.91a1 1 0 0 0 1.14 0L28 8.91V24Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-carbon-face-add{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 22a6 6 0 0 1-5.14-2.92l-1.71 1a8 8 0 0 0 13.7 0l-1.71-1A6 6 0 0 1 16 22M30 4h-4V0h-2v4h-4v2h4v4h2V6h4zm-18.5 7a2.5 2.5 0 1 0 2.5 2.5a2.48 2.48 0 0 0-2.5-2.5m9 0a2.5 2.5 0 1 0 2.5 2.5a2.48 2.48 0 0 0-2.5-2.5'/%3E%3Cpath fill='currentColor' d='M27.61 13a12.3 12.3 0 0 1 .39 3A12 12 0 1 1 16 4V2a14 14 0 1 0 13.67 11Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-carbon-flash{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11.61 29.92a1 1 0 0 1-.6-1.07L12.83 17H8a1 1 0 0 1-1-1.23l3-13A1 1 0 0 1 11 2h10a1 1 0 0 1 .78.37a1 1 0 0 1 .2.85L20.25 11H25a1 1 0 0 1 .9.56a1 1 0 0 1-.11 1l-13 17A1 1 0 0 1 12 30a1.1 1.1 0 0 1-.39-.08M17.75 13l2-9H11.8L9.26 15h5.91l-1.59 10.28L23 13Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-carbon-gift{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M26 10h-2.762A4.487 4.487 0 0 0 16 4.707A4.487 4.487 0 0 0 8.762 10H6a2.003 2.003 0 0 0-2 2v4a2.003 2.003 0 0 0 2 2v10a2.003 2.003 0 0 0 2 2h16a2.003 2.003 0 0 0 2-2V18a2.003 2.003 0 0 0 2-2v-4a2.003 2.003 0 0 0-2-2m-9-2.5a2.5 2.5 0 1 1 2.5 2.5H17ZM12.5 5A2.503 2.503 0 0 1 15 7.5V10h-2.5a2.5 2.5 0 0 1 0-5M6 12h9v4H6Zm2 6h7v10H8Zm16.001 10H17V18h7ZM17 16v-4h9l.001 4Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-carbon-mobile{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M22 4H10a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h12a2.003 2.003 0 0 0 2-2V6a2 2 0 0 0-2-2m0 2v2H10V6ZM10 28V10h12v18Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-carbon-moon{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M13.503 5.414a15.076 15.076 0 0 0 11.593 18.194a11.1 11.1 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1 1 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.07 13.07 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-carbon-music{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M25 4H10a2 2 0 0 0-2 2v14.556A3.96 3.96 0 0 0 6 20a4 4 0 1 0 4 4V12h15v8.556A3.96 3.96 0 0 0 23 20a4 4 0 1 0 4 4V6a2 2 0 0 0-2-2M6 26a2 2 0 1 1 2-2a2 2 0 0 1-2 2m17 0a2 2 0 1 1 2-2a2.003 2.003 0 0 1-2 2M10 6h15v4H10Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-carbon-search{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='m29 27.586l-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9a9.01 9.01 0 0 1-9-9'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-carbon-shuffle{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M22.59 19.41L26.17 23h-6.62l-4.37-7l4.37-7h6.62l-3.58 3.59L24 14l6-6l-6-6l-1.41 1.41L26.17 7h-6.62a2 2 0 0 0-1.69.94L14 14.11l-3.86-6.17A2 2 0 0 0 8.45 7H2v2h6.45l4.37 7l-4.37 7H2v2h6.45a2 2 0 0 0 1.69-.94L14 17.89l3.86 6.17a2 2 0 0 0 1.69.94h6.62l-3.58 3.59L24 30l6-6l-6-6Z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-carbon-sun{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6M5.394 6.813L6.81 5.399l3.505 3.506L8.9 10.319zM2 15.005h5v2H2zm3.394 10.193L8.9 21.692l1.414 1.414l-3.505 3.506zM15 25.005h2v5h-2zm6.687-1.9l1.414-1.414l3.506 3.506l-1.414 1.414zm3.313-8.1h5v2h-5zm-3.313-6.101l3.506-3.506l1.414 1.414l-3.506 3.506zM15 2.005h2v5h-2z'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.i-carbon-user-avatar{--un-icon:url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 32 32' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M16 8a5 5 0 1 0 5 5a5 5 0 0 0-5-5m0 8a3 3 0 1 1 3-3a3.003 3.003 0 0 1-3 3'/%3E%3Cpath fill='currentColor' d='M16 2a14 14 0 1 0 14 14A14.016 14.016 0 0 0 16 2m-6 24.377V25a3.003 3.003 0 0 1 3-3h6a3.003 3.003 0 0 1 3 3v1.377a11.9 11.9 0 0 1-12 0m13.993-1.451A5 5 0 0 0 19 20h-6a5 5 0 0 0-4.992 4.926a12 12 0 1 1 15.985 0'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon) no-repeat;mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;background-color:currentColor;color:inherit;width:1em;height:1em}.toast{pointer-events:auto;max-width:80vw;border-radius:.75rem;padding:9px 14px;font-size:13px;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));--un-shadow:0 6px 16px var(--un-shadow-color, rgba(0, 0, 0, .2));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.back-to-top{position:fixed;right:16px;bottom:24px;z-index:50;width:40px;height:40px;display:flex;cursor:pointer;align-items:center;justify-content:center;border-width:1px;--un-border-opacity:1;border-color:rgb(var(--border) / var(--un-border-opacity));border-radius:9999px;--un-bg-opacity:.9;background-color:rgb(var(--bg-card) / var(--un-bg-opacity));font-size:18px;--un-text-opacity:1;color:rgb(var(--brand-strong) / var(--un-text-opacity));--un-shadow:0 4px 16px var(--un-shadow-color, rgba(0, 0, 0, .15));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.song-card{position:relative;width:100%;height:90px;cursor:pointer;overflow:hidden;border-radius:1rem;--un-bg-opacity:1;background-color:rgb(var(--bg-card) / var(--un-bg-opacity));padding:18px;text-align:left;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.btn-soft{height:40px;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-radius:.75rem;--un-bg-opacity:.12;background-color:rgb(var(--brand) / var(--un-bg-opacity));padding-left:16px;padding-right:16px;font-size:14px;--un-text-opacity:1;color:rgb(var(--brand-strong) / var(--un-text-opacity));font-weight:700;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.song-tag{height:20px;display:inline-flex;align-items:center;white-space:nowrap;border-radius:9999px;padding-left:8px;padding-right:8px;font-size:12px;font-weight:500;line-height:20px}.tag-pill{height:30px;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;white-space:nowrap;border-radius:.5rem;--un-bg-opacity:.06;background-color:rgb(var(--text-primary) / var(--un-bg-opacity));padding-left:12px;padding-right:12px;font-size:13px;--un-text-opacity:1;color:rgb(var(--text-secondary) / var(--un-text-opacity));font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.theme-toggle{width:32px;height:32px;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:.5rem;--un-bg-opacity:.12;background-color:rgb(var(--brand) / var(--un-bg-opacity));font-size:16px;--un-text-opacity:1;color:rgb(var(--brand-strong) / var(--un-text-opacity));transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.flex-center{display:flex;align-items:center;justify-content:center}.btn-soft:active,.song-card:active{--un-scale-x:.95;--un-scale-y:.95;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.surface-card{border-width:1px;--un-border-opacity:1;border-color:rgb(var(--border) / var(--un-border-opacity));border-radius:1.5rem;--un-bg-opacity:1;background-color:rgb(var(--bg-card) / var(--un-bg-opacity))}.back-to-top:hover{--un-border-opacity:1;border-color:rgb(var(--brand) / var(--un-border-opacity));--un-text-opacity:1;color:rgb(var(--brand) / var(--un-text-opacity))}.tag-pill-selected{--un-bg-opacity:1;background-color:rgb(var(--brand) / var(--un-bg-opacity));--un-text-opacity:1;color:rgb(var(--on-brand) / var(--un-text-opacity));font-weight:700}.tag-pill:hover{--un-text-opacity:1;color:rgb(var(--brand-strong) / var(--un-text-opacity))}.btn-soft:hover,.theme-toggle:hover{opacity:.8}.song-card:hover{--un-shadow:0 6px 20px var(--un-shadow-color, rgb(var(--brand) / .3));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-24px{bottom:24px}.left-0{left:0}.left-1\/2{left:50%}.left-10px{left:10px}.left-14px{left:14px}.right-0{right:0}.right-16px{right:16px}.top-0{top:0}.top-1\/2{top:50%}.top-16px{top:16px}.top-24px{top:24px}.top-6px{top:6px}.top-8px{top:8px}.-z-10{z-index:-10}.z-10{z-index:10}.z-100{z-index:100}.z-40{z-index:40}.z-50{z-index:50}.grid{display:grid}.mx-auto{margin-left:auto;margin-right:auto}.mb-16px{margin-bottom:16px}.ml-4px{margin-left:4px}.mt-12px{margin-top:12px}.mt-16px{margin-top:16px}.mt-24px{margin-top:24px}.mt-32px{margin-top:32px}.mt-3px{margin-top:3px}.mt-4px{margin-top:4px}.mt-8px{margin-top:8px}.block{display:block}.hidden{display:none}.h-10px{height:10px}.h-110px{height:110px}.h-140px{height:140px}.h-36px{height:36px}.h-40px{height:40px}.h-44px{height:44px}.h-52px{height:52px}.h-64px{height:64px}.h-90px{height:90px}.h-full{height:100%}.h1{height:.25rem}.h2{height:.5rem}.h3{height:.75rem}.max-w-1080px{max-width:1080px}.max-w-1720px{max-width:1720px}.min-h-screen{min-height:100vh}.min-w-0{min-width:0}.w-10px{width:10px}.w-110px{width:110px}.w-140px{width:140px}.w-300px{width:300px}.w-36px{width:36px}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.-translate-x-1\/2{--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.-translate-y-1\/2{--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10px{gap:10px}.gap-12px{gap:12px}.gap-14px{gap:14px}.gap-16px{gap:16px}.gap-24px{gap:24px}.gap-6px{gap:6px}.gap-8px{gap:8px}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border-2{border-width:2px}.border-3{border-width:3px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-bg-card{--un-border-opacity:1;border-color:rgb(var(--bg-card) / var(--un-border-opacity))}.border-border{--un-border-opacity:1;border-color:rgb(var(--border) / var(--un-border-opacity))}.border-brand{--un-border-opacity:1;border-color:rgb(var(--brand) / var(--un-border-opacity))}.border-brand-light{--un-border-opacity:.35;border-color:rgb(var(--brand) / var(--un-border-opacity))}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border-none{border-style:none}.bg-\[rgb\(var\(--bg-base\)\)\],.bg-bg-base{--un-bg-opacity:1;background-color:rgb(var(--bg-base) / var(--un-bg-opacity))}.bg-\[rgb\(var\(--bg-card\)\/0\.9\)\]{--un-bg-opacity:.9;background-color:rgb(var(--bg-card) / var(--un-bg-opacity))}.bg-\[rgb\(var\(--bg-card\)\/0\.95\)\]{--un-bg-opacity:.95;background-color:rgb(var(--bg-card) / var(--un-bg-opacity))}.bg-\[rgb\(var\(--bg-scrim\)\/var\(--bg-scrim-a\)\)\]{--un-bg-opacity:var(--bg-scrim-a);background-color:rgb(var(--bg-scrim) / var(--un-bg-opacity))}.bg-\[rgb\(var\(--brand\)\/0\.15\)\]{--un-bg-opacity:.15;background-color:rgb(var(--brand) / var(--un-bg-opacity))}.bg-\[rgba\(0\,0\,0\,0\.85\)\]{--un-bg-opacity:.85;background-color:rgba(0,0,0,var(--un-bg-opacity))}.bg-brand{--un-bg-opacity:1;background-color:rgb(var(--brand) / var(--un-bg-opacity))}.bg-brand-soft{--un-bg-opacity:.12;background-color:rgb(var(--brand) / var(--un-bg-opacity))}.bg-error{--un-bg-opacity:1;background-color:rgb(var(--error) / var(--un-bg-opacity))}.bg-transparent{background-color:transparent}.object-cover{object-fit:cover}.p-16px{padding:16px}.p-20px{padding:20px}.p-24px{padding:24px}.p-8px{padding:8px}.px{padding-left:1rem;padding-right:1rem}.px-10px{padding-left:10px;padding-right:10px}.px-12px{padding-left:12px;padding-right:12px}.px-14px{padding-left:14px;padding-right:14px}.px-16px{padding-left:16px;padding-right:16px}.px-20px{padding-left:20px;padding-right:20px}.px-8px{padding-left:8px;padding-right:8px}.py-64px{padding-top:64px;padding-bottom:64px}.py-8px{padding-top:8px;padding-bottom:8px}.pb-1px{padding-bottom:1px}.pb-32px{padding-bottom:32px}.pb-56px{padding-bottom:56px}.pb-80px{padding-bottom:80px}.pl-30px{padding-left:30px}.pl-40px{padding-left:40px}.pt-72px{padding-top:72px}.pt-8px{padding-top:8px}.text-center{text-align:center}.text-12px{font-size:12px}.text-13px{font-size:13px}.text-14px{font-size:14px}.text-15px{font-size:15px}.text-16px{font-size:16px}.text-17px{font-size:17px}.text-18px{font-size:18px}.text-20px{font-size:20px}.text-28px{font-size:28px}.text-30px{font-size:30px}.text-36px{font-size:36px}.text-40px{font-size:40px}.text-52px{font-size:52px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-\[rgb\(var\(--brand\)\/0\.15\)\]{--un-text-opacity:.15;color:rgb(var(--brand) / var(--un-text-opacity))}.text-\[rgb\(var\(--text-primary\)\/0\.06\)\]{--un-text-opacity:.06;color:rgb(var(--text-primary) / var(--un-text-opacity))}.text-brand{--un-text-opacity:1;color:rgb(var(--brand) / var(--un-text-opacity))}.text-brand-light{--un-text-opacity:.35;color:rgb(var(--brand) / var(--un-text-opacity))}.text-brand-strong{--un-text-opacity:1;color:rgb(var(--brand-strong) / var(--un-text-opacity))}.text-error{--un-text-opacity:1;color:rgb(var(--error) / var(--un-text-opacity))}.text-text-primary{--un-text-opacity:1;color:rgb(var(--text-primary) / var(--un-text-opacity))}.text-text-secondary{--un-text-opacity:1;color:rgb(var(--text-secondary) / var(--un-text-opacity))}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.placeholder\:text-text-secondary::placeholder{--un-text-opacity:1;color:rgb(var(--text-secondary) / var(--un-text-opacity))}.font-600{font-weight:600}.font-900{font-weight:900}.font-bold{font-weight:700}.lh-1{line-height:.25rem}.lh-20px{line-height:20px}.lh-22px{line-height:22px}.lh-24px{line-height:24px}.lh-28px{line-height:28px}.lh-46px{line-height:46px}.lh-none{line-height:1}.tracking-wide{letter-spacing:.025em}.hover\:underline:hover{text-decoration-line:underline}.underline-offset-2px{text-underline-offset:2px}.opacity-60{opacity:.6}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.shadow-\[0_4px_14px_rgb\(var\(--brand\)\/0\.35\)\]{--un-shadow:0 4px 14px var(--un-shadow-color, rgb(var(--brand) / .35));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.focus\:shadow-\[0_0_0_2px_rgb\(var\(--brand\)\/0\.4\)\]:focus{--un-shadow:0 0 0 2px var(--un-shadow-color, rgb(var(--brand) / .4));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.backdrop-blur-2px{--un-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.backdrop-blur-4px{--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.backdrop-blur-xl{--un-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}@media(prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:p-24px{padding:24px}.md\:text-38px{font-size:38px}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:block{display:block}.lg\:hidden{display:none}}:root{--brand: 23 119 255;--brand-strong: 9 88 217;--on-brand: 10 42 89;--bg-base: 232 241 255;--bg-card: 255 255 255;--bg-scrim: 235 242 255;--bg-scrim-a: .5;--text-primary: 31 31 31;--text-secondary: 89 89 89;--border: 217 217 217;--error: 255 77 79;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--ease-out: cubic-bezier(.215, .61, .355, 1);--ease-in-out: cubic-bezier(.645, .045, .355, 1)}.dark{--brand-strong: 64 150 255;--bg-base: 13 20 33;--bg-card: 22 27 40;--bg-scrim: 9 14 26;--bg-scrim-a: .6;--text-primary: 226 230 235;--text-secondary: 166 173 180;--border: 66 66 66}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family);font-size:14px;line-height:22px;color:rgb(var(--text-primary));background:rgb(var(--bg-base));-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background-color .3s var(--ease-in-out)}button,input{font-family:inherit}button{border:0;padding:0;background:transparent;cursor:pointer}input{border:0}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}.bar-enter-active,.bar-leave-active{transition:transform var(--motion-mid) var(--ease-out),opacity var(--motion-mid) var(--ease-out)}.bar-enter-from,.bar-leave-to{opacity:0;transform:translateY(-110%)}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.grid-shuffling .song-card{animation:card-shuffle .5s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 60ms)}@keyframes card-shuffle{0%{opacity:.3;transform:translateY(-12px) rotate(-2deg) scale(.95)}55%{opacity:1;transform:translateY(3px) rotate(1deg) scale(1.02)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.grid-shuffling .song-card{animation:none}}.toast-enter-active,.toast-leave-active{transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}.toast-move{transition:transform .2s var(--ease-out)}.card-overlay[data-v-be63eff5]{opacity:0;transition:opacity .2s var(--ease-out)}.song-card:hover .card-overlay[data-v-be63eff5]{opacity:1}.animate-ping-slow[data-v-be63eff5]{animation:ping-slow-be63eff5 1.2s var(--ease-out) infinite}@keyframes ping-slow-be63eff5{0%{opacity:.9}70%,to{opacity:0}}.animate-disc[data-v-f2cf7185]{animation:disc-spin-f2cf7185 12s linear infinite}@keyframes disc-spin-f2cf7185{0%{transform:rotate(0)}to{transform:rotate(360deg)}}