@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";@keyframes cloudDrift1{0%{transform:translate(-50%,-50%)translate(0)scale(1)}25%{transform:translate(-50%,-50%)translate(30px,-20px)scale(1.05)}50%{transform:translate(-50%,-50%)translate(-15px,15px)scale(.97)}75%{transform:translate(-50%,-50%)translate(20px,25px)scale(1.03)}to{transform:translate(-50%,-50%)translate(0)scale(1)}}@keyframes cloudDrift2{0%{transform:translate(-50%,-50%)translate(0)scale(1)}25%{transform:translate(-50%,-50%)translate(-25px,20px)scale(1.04)}50%{transform:translate(-50%,-50%)translate(20px,-15px)scale(.96)}75%{transform:translate(-50%,-50%)translate(-10px,-25px)scale(1.02)}to{transform:translate(-50%,-50%)translate(0)scale(1)}}@keyframes cloudDrift3{0%{transform:translate(-50%,-50%)translate(0)scale(1)}33%{transform:translate(-50%,-50%)translate(20px,30px)scale(1.06)}66%{transform:translate(-50%,-50%)translate(-25px,-10px)scale(.95)}to{transform:translate(-50%,-50%)translate(0)scale(1)}}@keyframes cloudDrift4{0%{transform:translate(-50%,-50%)translate(0)scale(1)}20%{transform:translate(-50%,-50%)translate(-20px,-15px)scale(1.03)}50%{transform:translate(-50%,-50%)translate(15px,20px)scale(.98)}80%{transform:translate(-50%,-50%)translate(25px,-20px)scale(1.05)}to{transform:translate(-50%,-50%)translate(0)scale(1)}}@keyframes cloudDrift5{0%{transform:translate(-50%,-50%)translate(0)scale(1)}30%{transform:translate(-50%,-50%)translate(15px,25px)scale(.97)}60%{transform:translate(-50%,-50%)translate(-20px,-20px)scale(1.04)}to{transform:translate(-50%,-50%)translate(0)scale(1)}}@keyframes cloudDrift6{0%{transform:translate(-50%,-50%)translate(0)scale(1)}25%{transform:translate(-50%,-50%)translate(-30px,10px)scale(1.02)}50%{transform:translate(-50%,-50%)translate(10px,-25px)scale(1.06)}75%{transform:translate(-50%,-50%)translate(20px,15px)scale(.96)}to{transform:translate(-50%,-50%)translate(0)scale(1)}}@keyframes cloudDrift7{0%{transform:translate(-50%,-50%)translate(0)scale(1)}40%{transform:translate(-50%,-50%)translate(25px,-15px)scale(1.04)}70%{transform:translate(-50%,-50%)translate(-15px,20px)scale(.98)}to{transform:translate(-50%,-50%)translate(0)scale(1)}}@keyframes cloudDrift8{0%{transform:translate(-50%,-50%)translate(0)scale(1)}30%{transform:translate(-50%,-50%)translate(-20px,25px)scale(1.03)}60%{transform:translate(-50%,-50%)translate(25px,-10px)scale(.97)}to{transform:translate(-50%,-50%)translate(0)scale(1)}}.cloud-background{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.cloud-blob{will-change:transform, filter;border-radius:50%;position:absolute}.cloud-blob:first-child{animation:80s ease-in-out infinite cloudDrift1}.cloud-blob:nth-child(2){animation:90s ease-in-out infinite cloudDrift2}.cloud-blob:nth-child(3){animation:70s ease-in-out infinite cloudDrift3}.cloud-blob:nth-child(4){animation:100s ease-in-out infinite cloudDrift4}.cloud-blob:nth-child(5){animation:85s ease-in-out infinite cloudDrift5}.cloud-blob:nth-child(6){animation:95s ease-in-out infinite cloudDrift6}.cloud-blob:nth-child(7){animation:75s ease-in-out infinite cloudDrift7}.cloud-blob:nth-child(8){animation:110s ease-in-out infinite cloudDrift8}.cloud-blob.no-animation{animation:none!important}:root{--color-primary:#000;--color-primary-hover:#1a1a1a;--color-background-primary:#fff;--color-background-secondary:#f7f7f7;--color-background-elevated:#fff;--color-background-card:#fff;--color-background-overlay:#00000080;--color-text-primary:#000;--color-text-secondary:#0000008c;--color-text-tertiary:#00000054;--color-text-disabled:#0000002e;--color-text-inverse:#fff;--color-border-primary:#00000014;--color-border-secondary:#0000000a;--color-border-hover:#000;--color-success:#1a1a1a;--color-warning:#7a6520;--color-error:#c41e3a;--color-info:#000;--shadow-light:#00000008;--shadow-medium:#0000000f;--shadow-heavy:#0000001f}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding:env(safe-area-inset-top,0px) 0 0 0;color:var(--color-text-primary);background-color:var(--color-background-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default;-webkit-user-select:none;user-select:none;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}input,textarea,[contenteditable=true]{cursor:text;-webkit-user-select:text;user-select:text}#root{min-height:100vh}.ant-input,.ant-input-affix-wrapper{background:var(--glass-bg-primary-heavy)!important;border-color:var(--glass-border-input)!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:var(--glass-border-focus)!important;box-shadow:0 0 0 2px var(--glass-glow-focus)!important}.ant-input::placeholder{color:var(--color-text-tertiary)!important}.ant-card{background:var(--glass-bg-elevated)!important;-webkit-backdrop-filter:blur(16px)saturate(1.2)!important;border:1px solid var(--glass-border)!important}.ant-card-head{border-bottom:1px solid var(--glass-border-subtle)!important;background:0 0!important}.ant-card-body{background:0 0!important}.ant-modal-content{border:1px solid var(--glass-border-input);background:var(--glass-bg-modal)!important;-webkit-backdrop-filter:blur(24px)saturate(1.3)!important}.ant-modal-header{border-bottom:1px solid var(--glass-border-subtle)!important;background:0 0!important}.ant-dropdown .ant-dropdown-menu,.ant-popover .ant-popover-inner{border:1px solid var(--glass-border-input);background:var(--glass-bg-dropdown)!important;-webkit-backdrop-filter:blur(20px)!important}.ant-message .ant-message-notice-content{border:1px solid var(--glass-border);background:var(--glass-bg-dropdown)!important;-webkit-backdrop-filter:blur(16px)!important}.app-sidebar.ant-layout-sider{background:0 0!important;flex-direction:column!important;display:flex!important}.app-sidebar-drawer .ant-drawer-content{background:0 0!important}.app-sidebar-drawer .ant-drawer-body .ant-menu-inline{background:0 0!important;border-inline-end:none!important}.app-sidebar-drawer .ant-drawer-body .ant-menu-item{color:var(--color-text-secondary)!important;border-radius:8px!important;margin:2px 8px!important}.app-sidebar-drawer .ant-drawer-body .ant-menu-item:hover{background:var(--glass-bg-elevated)!important;color:var(--color-text-primary)!important}.app-sidebar-drawer .ant-drawer-body .ant-menu-item-selected{background:var(--glass-bg-elevated)!important;color:var(--color-primary)!important}.app-sidebar-drawer .ant-drawer-body .ant-menu-item-selected:after{display:none!important}.app-sidebar-drawer .ant-drawer-body .ant-menu-item a{color:inherit!important}.app-sidebar-drawer .ant-drawer-body .ant-menu-item .nav-tinted-icon{opacity:.65}.app-sidebar-drawer .ant-drawer-body .ant-menu-item-selected .nav-tinted-icon{opacity:1!important}.app-sidebar.ant-layout-sider .ant-layout-sider-children{background:0 0!important;flex-direction:column!important;flex:none!important;width:100%!important;display:flex!important;overflow:hidden!important}.app-sidebar.ant-layout-sider .ant-menu{flex:none!important}.ant-layout-sider .ant-menu-inline{background:0 0!important;border-inline-end:none!important}.ant-layout-sider .ant-menu-item{color:var(--color-text-secondary)!important;border-radius:8px!important;margin:2px 8px!important}.ant-layout-sider .ant-menu-item:hover{background:var(--glass-bg-elevated)!important;color:var(--color-text-primary)!important}.ant-layout-sider .ant-menu-item-selected{background:var(--glass-bg-elevated)!important;color:var(--color-primary)!important}.ant-layout-sider .ant-menu-item-selected:after{display:none!important}.ant-layout-sider .ant-menu-item a{color:inherit!important}.auth-glass-form .ant-input,.auth-glass-form .ant-input-affix-wrapper,.auth-glass-form .ant-input-affix-wrapper:hover,.auth-glass-form .ant-input-affix-wrapper-focused{background:#ffffff0a!important}.auth-glass-form .ant-input-affix-wrapper input{background:0 0!important}.auth-glass-form .ant-input,.auth-glass-form .ant-input-affix-wrapper,.auth-glass-form .ant-input-affix-wrapper input{box-shadow:none!important}.settings-password-form .ant-input,.settings-password-form .ant-input-affix-wrapper,.settings-password-form .ant-input-affix-wrapper:hover,.settings-password-form .ant-input-affix-wrapper-focused,.reset-password-form .ant-input,.reset-password-form .ant-input-affix-wrapper,.reset-password-form .ant-input-affix-wrapper:hover,.reset-password-form .ant-input-affix-wrapper-focused{background:var(--glass-bg-primary-heavy)!important}.settings-password-form .ant-input-affix-wrapper input,.reset-password-form .ant-input-affix-wrapper input{background:0 0!important}.settings-password-form .ant-input,.settings-password-form .ant-input-affix-wrapper,.settings-password-form .ant-input-affix-wrapper input,.reset-password-form .ant-input,.reset-password-form .ant-input-affix-wrapper,.reset-password-form .ant-input-affix-wrapper input{box-shadow:none!important}.ant-select-dropdown{background:var(--glass-bg-dropdown)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid var(--glass-border-input)!important}.remix-config-select option{background:var(--glass-bg-primary)!important;color:var(--color-text-primary)!important}.remix-config-select option:checked,.remix-config-select option:hover,.remix-config-select option:focus{background:var(--glass-border-hover)!important;color:var(--color-text-primary)!important}.ant-form-item-explain-error{color:var(--color-warning)!important}.ant-input-status-error,.ant-input-affix-wrapper-status-error,.ant-input-status-error:hover,.ant-input-affix-wrapper-status-error:hover{border-color:var(--color-warning)!important}.ant-input-status-error:focus,.ant-input-affix-wrapper-status-error.ant-input-affix-wrapper-focused{border-color:var(--color-warning)!important;box-shadow:0 0 0 2px var(--glass-glow)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;width:14px;height:14px;box-shadow:0 0 6px var(--shadow-light);border:none;border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--color-primary);cursor:pointer;width:14px;height:14px;box-shadow:0 0 6px var(--shadow-light);border:none;border-radius:50%}.remix-slider .ant-slider-handle{background:var(--color-primary)!important;border-color:var(--color-primary)!important;box-shadow:none!important;border-radius:50%!important}.remix-slider .ant-slider-handle:before,.remix-slider .ant-slider-handle:after{display:none!important}.glass-search-input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)!important}input.ai-music-input::-webkit-input-placeholder{color:var(--color-text-tertiary)!important}textarea.ai-music-input::-webkit-input-placeholder{color:var(--color-text-tertiary)!important}input.ai-music-input::-moz-placeholder{color:var(--color-text-tertiary)!important}textarea.ai-music-input::-moz-placeholder{color:var(--color-text-tertiary)!important}input.ai-music-input::placeholder,textarea.ai-music-input::placeholder,.style-tag-input::placeholder,.mood-tag-input::placeholder{color:var(--color-text-tertiary)!important}.tag-chips-scroll::-webkit-scrollbar{display:none}.remix-genre-tabs-scroll{scrollbar-width:none;-ms-overflow-style:none}.remix-genre-tabs-scroll::-webkit-scrollbar{display:none}.ant-menu-item .nav-tinted-icon{opacity:.65}.ant-menu-item-selected .nav-tinted-icon{opacity:1!important}.ant-menu-item .nav-tinted-icon+*{margin-left:6px}.ant-layout-sider-collapsed .ant-menu-inline-collapsed .ant-menu-item{width:100%!important;margin-inline:0!important;padding-left:calc(50% - 11px)!important;padding-right:calc(50% - 11px)!important}.ant-layout-sider-collapsed .ant-menu-inline-collapsed .ant-menu-item .ant-menu-item-icon{margin-inline-end:0!important}.ant-layout-sider-collapsed .ant-menu-inline-collapsed .ant-menu-title-content{opacity:0!important;width:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.lyrics-scroll-container{scrollbar-width:none;-ms-overflow-style:none}.lyrics-scroll-container::-webkit-scrollbar{display:none}*{scrollbar-width:thin;scrollbar-color:var(--color-border-primary) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-tertiary)}@keyframes spinProgress{0%{transform:rotate(0)}to{transform:rotate(360deg)}}