:root{--glass-bg: rgba(13, 13, 18, .75);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 32px;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #6366f1;--accent-glow: rgba(99, 102, 241, .35);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--code-bg: #09090b;--library-width: 440px;--sidebar-width: 260px;--bg-dark-950: #030304;--bg-dark-900: #050508;--bg-dark-800: #09090b;--bg-dark-700: #121212;--bg-dark-600: #18181b;--bg-dark-500: #1e1e1e;--bg-dark-400: #2d2d35;--text-white: #ffffff;--text-slate-200: #e4e4e7;--text-slate-300: #cbd5e1;--text-gray-400: #9ca3af;--text-gray-500: #6b7280;--color-red-500: #ef4444;--color-red-400: #f87171;--color-red-300: #fca5a5;--color-red-200: #fecaca;--color-green-500: #10b981;--color-green-400: #4ade80;--color-emerald-600: #059669;--color-emerald-300: #6ee7b7;--color-amber-500: #f59e0b;--color-blue-500: #3b82f6;--color-blue-300: #93c5fd;--color-indigo-400: #818cf8;--color-indigo-300: #a5b4fc;--color-indigo-200: #cbd5f5;--color-purple-500: #a855f7;--color-purple-400: #c084fc;--color-purple-300: #d8b4fe;--color-amber-400: #fbbf24;--color-amber-300: #fcd34d;--color-blue-400: #60a5fa;--color-orange-500: #f97316;--color-deep-orange: #FF5722;--orange-50: rgba(255, 87, 34, .5);--text-slate-500: #64748b;--color-slate-600: #475569;--color-gray-700: #444444;--text-black: #000000;--bg-glass-dark: rgba(13, 13, 18, .85);--bg-glass-darker: rgba(5, 5, 8, .7);--bg-zinc-950: #09090b;--bg-zinc-900: #18181b;--bg-header-translucent: rgba(9, 9, 11, .85);--bg-glass-light: rgba(13, 13, 18, .6);--glass-surface: rgba(255, 255, 255, .1);--glass-surface-hover: rgba(255, 255, 255, .2);--glass-surface-light: rgba(255, 255, 255, .05);--border-medium: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .15);--text-tertiary: rgba(255, 255, 255, .4);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .5);--shadow-md: 0 8px 25px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .6);--shadow-indigo: 0 8px 25px rgba(99, 102, 241, .4);--bg-indigo-soft: rgba(99, 102, 241, .2);--bg-red-soft: rgba(248, 113, 113, .2);--bg-green-soft: rgba(16, 185, 129, .2);--bg-blue-soft: rgba(59, 130, 246, .2);--bg-orange-soft: rgba(255, 87, 34, .15);--overlay-black-30: rgba(0, 0, 0, .3);--overlay-black-50: rgba(0, 0, 0, .5);--overlay-black-80: rgba(0, 0, 0, .8);--white-02: rgba(255, 255, 255, .02);--white-03: rgba(255, 255, 255, .03);--white-05: rgba(255, 255, 255, .05);--white-06: rgba(255, 255, 255, .06);--white-08: rgba(255, 255, 255, .08);--white-10: rgba(255, 255, 255, .1);--white-12: rgba(255, 255, 255, .12);--white-14: rgba(255, 255, 255, .14);--white-15: rgba(255, 255, 255, .15);--white-18: rgba(255, 255, 255, .18);--white-20: rgba(255, 255, 255, .2);--white-22: rgba(255, 255, 255, .22);--white-30: rgba(255, 255, 255, .3);--white-40: rgba(255, 255, 255, .4);--white-50: rgba(255, 255, 255, .5);--white-60: rgba(255, 255, 255, .6);--white-70: rgba(255, 255, 255, .7);--white-72: rgba(255, 255, 255, .72);--white-75: rgba(255, 255, 255, .75);--white-80: rgba(255, 255, 255, .8);--white-90: rgba(255, 255, 255, .9);--white-92: rgba(255, 255, 255, .92);--white-95: rgba(255, 255, 255, .95);--black-10: rgba(0, 0, 0, .1);--black-18: rgba(0, 0, 0, .18);--black-20: rgba(0, 0, 0, .2);--black-22: rgba(0, 0, 0, .22);--black-25: rgba(0, 0, 0, .25);--black-30: rgba(0, 0, 0, .3);--black-35: rgba(0, 0, 0, .35);--black-40: rgba(0, 0, 0, .4);--black-45: rgba(0, 0, 0, .45);--black-50: rgba(0, 0, 0, .5);--black-60: rgba(0, 0, 0, .6);--black-70: rgba(0, 0, 0, .7);--black-80: rgba(0, 0, 0, .8);--black-90: rgba(0, 0, 0, .9);--indigo-05: rgba(99, 102, 241, .05);--indigo-08: rgba(99, 102, 241, .08);--indigo-10: rgba(99, 102, 241, .1);--indigo-12: rgba(99, 102, 241, .12);--indigo-15: rgba(99, 102, 241, .15);--indigo-18: rgba(99, 102, 241, .18);--indigo-20: rgba(99, 102, 241, .2);--indigo-28: rgba(99, 102, 241, .28);--indigo-30: rgba(99, 102, 241, .3);--indigo-35: rgba(99, 102, 241, .35);--indigo-40: rgba(99, 102, 241, .4);--indigo-50: rgba(99, 102, 241, .5);--indigo-60: rgba(99, 102, 241, .6);--indigo-95: rgba(99, 102, 241, .95);--purple-05: rgba(168, 85, 247, .05);--purple-10: rgba(168, 85, 247, .1);--purple-15: rgba(168, 85, 247, .15);--purple-20: rgba(168, 85, 247, .2);--purple-30: rgba(168, 85, 247, .3);--red-10: rgba(248, 113, 113, .1);--red-12: rgba(239, 68, 68, .12);--red-15: rgba(239, 68, 68, .15);--red-16: rgba(239, 68, 68, .16);--red-18: rgba(239, 68, 68, .18);--red-20: rgba(239, 68, 68, .2);--red-30: rgba(239, 68, 68, .3);--red-40: rgba(239, 68, 68, .4);--red-45: rgba(239, 68, 68, .45);--red-50: rgba(239, 68, 68, .5);--green-10: rgba(34, 197, 94, .1);--green-12: rgba(16, 185, 129, .12);--green-15: rgba(16, 185, 129, .15);--green-18: rgba(16, 185, 129, .18);--green-20: rgba(34, 197, 94, .2);--green-28: rgba(16, 185, 129, .28);--green-30: rgba(16, 185, 129, .3);--green-40: rgba(16, 185, 129, .4);--green-50: rgba(16, 185, 129, .5);--emerald-70: rgba(52, 211, 153, .7);--amber-10: rgba(245, 158, 11, .1);--amber-12: rgba(245, 158, 11, .12);--amber-15: rgba(245, 158, 11, .15);--amber-18: rgba(245, 158, 11, .18);--amber-20: rgba(245, 158, 11, .2);--amber-28: rgba(245, 158, 11, .28);--amber-30: rgba(245, 158, 11, .3);--amber-40: rgba(245, 158, 11, .4);--amber-50: rgba(245, 158, 11, .5);--blue-15: rgba(59, 130, 246, .15);--blue-30: rgba(59, 130, 246, .3);--blue-32: rgba(59, 130, 246, .32);--blue-60: rgba(59, 130, 246, .6);--blue-70: rgba(59, 130, 246, .7);--pink-60: rgba(236, 72, 153, .6);--pink-80: rgba(236, 72, 153, .8);--slate-12: rgba(148, 163, 184, .12);--slate-15: rgba(148, 163, 184, .15);--slate-22: rgba(148, 163, 184, .22);--slate-40: rgba(148, 163, 184, .4);--slate-50-90: rgba(248, 250, 252, .9);--slate-70: rgba(148, 163, 184, .7);--slate-80: rgba(148, 163, 184, .8);--slate-90: rgba(148, 163, 184, .9);--dark-slate-90: rgba(15, 23, 42, .9);--dark-slate-96: rgba(15, 23, 42, .96);--bg-dark-04: rgba(8, 8, 12, .4);--bg-dark-20: rgba(18, 18, 18, .2);--bg-dark-80: rgba(18, 18, 18, .8);--v5-pink: #ec4899;--v5-pink-glow: rgba(236, 72, 153, .3);--hover-bg: rgba(255, 255, 255, .08);--card-bg: rgba(255, 255, 255, .03);--border-subtle: rgba(255, 255, 255, .05);--anim-fast: .2s;--anim-normal: .3s;--anim-slow: .5s;--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}:root{--nav-weight: 500;--heading-weight: 600;--active-weight: 600;--btn-weight: 600}html{overscroll-behavior-y:none;height:100%;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0;font-family:Geologica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{background:none;border:none;padding:0;cursor:pointer;color:inherit;font:inherit;outline:none}body{background-color:var(--bg-dark-950);color:var(--text-primary);height:100vh;height:100dvh;overflow:hidden;overscroll-behavior-y:none}.bg-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 80% 10%,var(--indigo-12) 0%,transparent 40%),radial-gradient(circle at 15% 85%,var(--purple-10) 0%,transparent 40%),radial-gradient(circle at 50% 50%,var(--black-20),var(--bg-dark-950) 100%);z-index:-1}.main-container{display:grid!important;grid-template-columns:var(--sidebar-width) 1fr 4px var(--library-width)!important;grid-template-rows:100vh;grid-template-rows:100dvh;height:100vh;height:100dvh;width:100%;max-width:100%;padding:0;gap:0;position:relative;overflow:hidden}body.home-active .main-container,html.home-active .main-container,.main-container.profile-active,body.song-active .main-container,html.song-active .main-container,body.faq-active .main-container,html.faq-active .main-container,body.billing-active .main-container,html.billing-active .main-container{grid-template-columns:var(--sidebar-width) 1fr 0px 0px!important}.main-container.profile-active .resize-handle,body.song-active .resize-handle,html.song-active .resize-handle,body.faq-active .resize-handle,html.faq-active .resize-handle{display:none}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--white-15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--white-30)}@media(prefers-reduced-motion:reduce){.hero-banner:before{animation:none!important}.karaoke-word{transition:none}}.sidebar{grid-column:1;width:var(--sidebar-width);min-width:var(--sidebar-width);padding:30px 24px;display:flex;flex-direction:column;border-right:1px solid var(--glass-border);height:100vh;height:100dvh;z-index:20;position:relative;overflow-y:auto;overflow-x:visible}.logo-container{display:flex;flex-direction:column;align-items:center;margin-bottom:50px;padding-top:10px}.logo-main{font-size:30px;font-weight:800;font-family:Geologica,sans-serif;display:flex;align-items:center;gap:12px;letter-spacing:-1.5px;line-height:1}.logo-text-white{color:var(--text-white)}.logo-text-accent{color:var(--accent-color)}.logo-underline{width:48px;height:4px;background:var(--accent-color);margin-top:8px;border-radius:99px;box-shadow:0 0 15px var(--indigo-60)}.resize-handle{grid-column:3;background:transparent;cursor:col-resize;transition:background .2s;z-index:50;position:relative;height:100%}.resize-handle:after{content:"";position:absolute;inset:0 -5px}.resize-handle:hover,.resize-handle.active{background:var(--accent-color)}.credits-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;color:var(--text-gray-400);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.credits-amount{text-align:center;margin-bottom:8px}.credits-value{font-size:32px;font-weight:800;font-family:Geologica,sans-serif;color:var(--text-white);display:block;line-height:1.2;margin:4px 0}.credits-label{font-size:10px;color:var(--text-gray-500);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;display:block}.credits-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;margin-top:10px;color:var(--text-secondary)}.credits-status.success{color:var(--color-green-500)}.credits-status.warning{color:var(--color-amber-500)}.credits-status.error{color:var(--color-red-500)}.sidebar-divider{height:1px;background:#ffffff1a;margin:15px 0;opacity:.5;display:none}.menu{list-style:none}.menu li{padding:14px 18px;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:6px;color:var(--text-secondary);display:flex;align-items:center;gap:14px;font-size:15px;font-weight:var(--nav-weight);position:relative}.menu li span{white-space:nowrap}.menu li i{font-size:18px;opacity:.7;transition:all .3s ease;width:24px;display:inline-flex;justify-content:center;align-items:center}.menu li:hover{background:#ffffff0f;color:#fff}.menu li:hover i{opacity:1;transform:translate(2px)}.menu li.active{background:linear-gradient(90deg,rgba(99,102,241,.15) 0%,transparent 100%);color:var(--accent-color);font-weight:var(--active-weight)}.menu li.active i{opacity:1;color:var(--accent-color)}.menu li.active:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:20px;width:3px;background:var(--accent-color);border-radius:3px 0 0 3px;box-shadow:0 0 10px var(--accent-color)}.content-area{grid-column:2;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;scrollbar-width:none;border-radius:0;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding-bottom:110px;min-width:0}.content-area::-webkit-scrollbar{display:none}.tab-content{visibility:hidden;position:absolute;height:0;overflow:hidden;pointer-events:none;opacity:0;width:100%;z-index:0}.tab-content.active{visibility:visible;position:relative;height:auto;overflow:visible;pointer-events:auto;opacity:1;z-index:1;animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.content-card{padding:40px;max-width:100%;margin:0;border:none;background:transparent;backdrop-filter:none}h2{font-size:24px;margin-bottom:8px;font-weight:var(--heading-weight)}.subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:30px}.hidden{display:none!important}.empty-state{color:var(--text-secondary);text-align:center;margin-top:50px;font-size:13px}.lang-toggle-container{display:inline-flex;background:var(--white-05);border:1px solid var(--white-10);border-radius:99px;padding:4px;gap:2px;align-items:center}.lang-toggle-btn{background:transparent;border:none;color:var(--text-secondary);padding:6px 14px;font-size:12px;font-weight:700;border-radius:99px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);line-height:1;letter-spacing:.5px}.lang-toggle-btn:hover{color:var(--text-primary);background:var(--white-05)}.lang-toggle-btn.active{background:var(--accent-color, #6366f1);color:#fff;box-shadow:0 2px 8px var(--indigo-30)}.lang-switcher-sidebar .lang-toggle-container{width:100%;justify-content:center;background:var(--black-20)}.lang-switcher-sidebar .lang-toggle-btn{flex:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--white-10);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--white-20)}.profile-container{position:relative;margin-top:auto;width:100%;overflow:visible}.profile-button{width:100%;padding:12px 16px;background:var(--black-30);border:1px solid var(--white-05);border-radius:16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;position:relative}.profile-button:hover{background:var(--black-40);border-color:var(--white-10)}.profile-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-info{flex:1;text-align:left;min-width:0}.profile-name{font-size:13px;font-weight:600;color:var(--text-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-credits{font-size:11px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-button i{font-size:12px;color:var(--text-secondary);transition:transform .3s ease;flex-shrink:0}.profile-button.active i{transform:rotate(180deg)}.profile-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background:#00000080;backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;display:none;flex-direction:column;z-index:1000;box-shadow:0 8px 32px #0000004d}.profile-dropdown.active{display:flex;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-menu-item{padding:12px 16px;background:none;border:none;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:hover{background:#ffffff14;color:#6366f1}.profile-menu-item i{font-size:14px;width:20px}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(72px + env(safe-area-inset-bottom,0px));background:#0d0d12f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);z-index:2000;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center;box-shadow:0 -10px 30px #00000080}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);width:64px;height:100%;border-radius:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;gap:4px}.nav-dot{width:8px;height:8px;border-radius:50%;background-color:#ef4444;box-shadow:0 0 0 2px #fff3}.nav-dot.absolute{position:absolute;top:10px;right:12px;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s ease}.nav-dot.absolute.active{opacity:1;transform:scale(1)}.nav-dot.inline{margin-left:auto;display:none}.nav-dot.inline.active{display:block}.bottom-nav .nav-item i{font-size:20px;transition:transform .2s ease}.bottom-nav .nav-item .nav-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.bottom-nav .nav-item:active i{transform:scale(.9)}.bottom-nav .nav-item.active{color:var(--accent-color)}.bottom-nav .nav-item.create{color:#fff;margin-top:-30px}.create-icon-wrapper{width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #6366f166;border:2px solid rgba(255,255,255,.1);font-size:24px}.bottom-nav .nav-item.create:active .create-icon-wrapper{transform:scale(.9)}.mobile-more-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:flex-end;transition:opacity .3s ease}.mobile-more-menu.hidden{opacity:0;pointer-events:none}.more-menu-content{width:100%;background:var(--glass-bg);backdrop-filter:blur(32px);border-top:1px solid var(--glass-border);border-radius:24px 24px 0 0;padding:24px;transform:translateY(0);transition:transform .3s cubic-bezier(.19,1,.22,1)}.mobile-more-menu.hidden .more-menu-content{transform:translateY(100%)}.more-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.more-menu-header h3{font-size:20px;font-weight:700}.close-more-btn{width:36px;height:36px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:18px}.more-menu-items{display:flex;flex-direction:column;gap:12px}.more-menu-item{width:100%;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;display:flex;align-items:center;gap:16px;font-size:16px;font-weight:600;transition:all .2s ease}.more-menu-item:active{background:#ffffff14;transform:scale(.98)}.more-menu-item i{font-size:20px;color:var(--accent-color);width:24px;text-align:center}.cookie-banner{position:fixed;left:20px;bottom:20px;max-width:420px;width:calc(100% - 40px);padding:12px 16px;border-radius:999px;background:var(--bg-header-translucent);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);display:none;align-items:center;justify-content:space-between;gap:12px;z-index:200;font-size:13px}.cookie-banner-inner{display:flex;align-items:center;gap:12px}.cookie-banner-text{color:var(--text-secondary);flex:1;text-align:center}.cookie-banner-button{padding:6px 16px;border-radius:999px;border:none;background:var(--accent-color);color:var(--bg-dark-950);font-weight:700;cursor:pointer;white-space:nowrap}.cookie-banner-button:hover{filter:brightness(1.05)}.cookie-banner.show{display:flex}@media(max-width:768px){:root{--mobile-bottom-offset: calc(152px + env(safe-area-inset-bottom, 0px)) }.sidebar{display:none!important}html{overflow:hidden!important;height:100%!important}body{overflow:hidden!important;position:fixed!important;width:100%!important;height:100vh!important;height:100dvh!important;padding-top:env(safe-area-inset-top,0px)!important}body.home-active .main-container,html.home-active .main-container,.main-container.profile-active,.main-container,body.song-active .main-container,html.song-active .main-container{grid-template-columns:1fr!important;grid-template-rows:1fr!important;height:calc(100vh - env(safe-area-inset-top,0px) - 72px - env(safe-area-inset-bottom,0px));height:calc(100dvh - env(safe-area-inset-top,0px) - 72px - env(safe-area-inset-bottom,0px));overflow:hidden!important}body.billing-active .main-container,html.billing-active .main-container,body.faq-active .main-container,html.faq-active .main-container{grid-template-columns:1fr!important;overflow:hidden!important;height:calc(100vh - env(safe-area-inset-top,0px) - 72px - env(safe-area-inset-bottom,0px));height:calc(100dvh - env(safe-area-inset-top,0px) - 72px - env(safe-area-inset-bottom,0px))}.content-area{grid-column:1;height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-bottom:var(--mobile-bottom-offset)!important;width:100%!important}.library-active .content-area{padding-bottom:0!important;overflow:hidden!important}.generate-active .content-area,.extend-active .content-area,.replace-active .content-area,.cover-active .content-area{overscroll-behavior-y:contain!important;overflow-x:hidden!important;overflow-y:auto!important;height:100%!important;max-height:100%!important;padding-bottom:var(--mobile-bottom-offset)!important}.main-container.profile-active .content-area{height:100%!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;padding-bottom:var(--mobile-bottom-offset)!important}.home-active .content-area{overscroll-behavior-y:contain!important;overflow-x:hidden!important;padding-bottom:var(--mobile-bottom-offset)!important}.tab-content:not(.active){display:none!important;visibility:hidden!important;position:absolute!important;height:0!important;width:0!important;overflow:hidden!important;pointer-events:none!important;padding:0!important;margin:0!important}.cookie-banner{left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom,0px));width:auto;max-width:none;border-radius:16px;font-size:12px;padding:10px 14px;gap:8px}.more-menu-content{padding:20px 16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));max-height:70vh;overflow-y:auto}.more-menu-item{padding:14px;font-size:15px;gap:14px;border-radius:14px}.profile-dropdown{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom,0px));left:12px;right:12px;margin-bottom:0;border-radius:16px;z-index:3000}.bottom-nav .nav-item.create{margin-top:-24px}.create-icon-wrapper{width:50px;height:50px;border-radius:16px;font-size:22px}.content-card{padding:20px!important}.profile-info-section{flex-direction:column!important;align-items:center!important;text-align:center!important;margin-top:-60px!important;padding:0 16px!important}.profile-main-row{flex-direction:column!important;gap:10px!important}.profile-stats-row{justify-content:center!important}.profile-avatar-wrapper{width:100px!important;height:100px!important}.home-sections{padding:16px 8px 20px!important;gap:30px!important;overflow-x:hidden}body.home-active .content-card{padding:16px 4px 20px!important}.home-two-col{display:flex!important;flex-direction:row!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:16px!important;padding-bottom:20px!important;scrollbar-width:none;-ms-overflow-style:none;width:100%!important;padding-right:8px!important;overscroll-behavior-x:none}.home-two-col::-webkit-scrollbar{display:none}.home-two-col .home-section{flex:0 0 92%!important;scroll-snap-align:start!important;min-width:0}.home-list-item{padding:8px 0!important;gap:12px!important}.section-header{padding:0!important;margin-bottom:16px!important}.hero-banner{flex-direction:column!important;padding:24px 16px!important;text-align:left!important;margin:10px 8px 20px!important;align-items:flex-start!important;border-radius:20px!important;width:auto!important}.home-grid-container.home-grid-scroll{gap:12px!important;padding-left:0!important;width:100%!important;padding-right:8px!important}.home-grid-container.home-grid-scroll .home-grid-card{width:160px!important}.grid-card-info{padding:0 4px!important}.grid-card-title{font-size:14px!important}.grid-card-tags{font-size:11px!important}.home-list-container{padding-right:20px!important}#home.tab-content,#homeMainView{padding:0!important}.home-section{margin-bottom:20px!important}.section-header{margin-bottom:12px!important}.section-header h3{font-size:18px!important;font-weight:700!important}.hero-content{max-width:100%!important;text-align:left!important}.hero-banner h1{font-size:28px!important;text-align:left!important}.hero-subtitle{text-align:left!important;font-size:14px!important;margin-bottom:20px!important}.hero-btn.primary{margin:0!important}.section-header h3{font-size:20px!important}.home-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:12px!important;padding:0 12px 0 0!important}.home-section-header{padding:0 10px!important}#library.tab-content{padding:0!important;height:100%!important;overflow:hidden}.library-panel:not(.in-tab){position:fixed;right:-100%;top:env(safe-area-inset-top,0px);bottom:calc(72px + env(safe-area-inset-bottom,0px));width:100%!important;z-index:1500;transition:right .4s cubic-bezier(.19,1,.22,1);border-left:none;background:#0d0d12fa!important;backdrop-filter:blur(40px)!important;-webkit-backdrop-filter:blur(40px)!important;display:flex!important}.library-list{padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))!important;overscroll-behavior-y:contain}.library-panel:not(.in-tab).active{right:0!important}.library-panel.in-tab{position:relative;right:auto;top:auto;bottom:auto;width:100%!important;height:100%;transition:none;z-index:1}.library-header{padding:20px 16px!important}.library-list{padding:16px 16px 100px!important}.bottom-nav{display:flex;will-change:auto;contain:layout style;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}body.live-active .content-area,html.live-active .content-area{padding-bottom:0!important;overflow:hidden!important}body.live-active .main-container,html.live-active .main-container{grid-template-columns:1fr!important;grid-template-rows:1fr!important;height:calc(100vh - 72px - env(safe-area-inset-bottom,0px));height:calc(100dvh - 72px - env(safe-area-inset-bottom,0px));overflow:hidden!important}body.live-active .player-bar{display:none!important}#live.tab-content{padding:0!important;height:100%!important;overflow:hidden;background:#000}.live-feed-container{height:100%!important;overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.live-item{height:100%!important;min-height:100%!important;width:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.live-bg-blur{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(50px) brightness(.4);opacity:.6;z-index:1}.live-content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.live-cover-wrapper{width:80vw;max-width:320px;aspect-ratio:1/1;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #0009;position:relative;margin-bottom:24px}.live-pause-indicator{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(.95);width:72px;height:72px;border-radius:50%;background:var(--white-15, rgba(255,255,255,.15));border:1px solid var(--white-20, rgba(255,255,255,.2));display:flex;align-items:center;justify-content:center;opacity:0;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 20px #0009;transition:opacity .2s ease-out;z-index:5;pointer-events:none}.live-pause-indicator i{font-size:30px;margin-left:3px}.live-pause-indicator.visible{opacity:1}.live-cover{width:100%;height:100%;object-fit:cover}.live-info{text-align:center;color:#fff;max-width:90%}.live-title{font-size:24px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.live-artist{font-size:16px;opacity:.8;margin-bottom:12px}.live-actions-sidebar{position:absolute!important;right:16px!important;bottom:16px!important;display:flex;flex-direction:column;gap:20px;z-index:10}body.live-active .live-actions-sidebar{bottom:16px!important}.live-action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;color:#fff;cursor:pointer}.live-action-btn i{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.live-action-btn span{font-size:12px;font-weight:500}.live-action-btn.liked i{color:#ff2d55}.live-loading{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px}.resize-handle{display:none!important}.player-bar{position:fixed!important;bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;left:0!important;right:0!important;width:100%!important;height:80px!important;border-radius:0!important;padding:0 16px!important;padding-left:max(16px,env(safe-area-inset-left,0px))!important;padding-right:max(16px,env(safe-area-inset-right,0px))!important;border-left:none!important;border-right:none!important;border-bottom:none!important;background:#0d0d12f2!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;z-index:1000;display:flex!important;align-items:center!important;justify-content:space-between!important;box-sizing:border-box!important;will-change:transform;contain:layout style}.track-info{width:auto!important;max-width:35vw!important;min-width:0}.player-controls{gap:10px!important}.control-btn:not(.play-main):not(#prevBtn):not(#nextBtn){display:none!important}.volume-control{display:none!important}.player-progress-container{position:absolute;top:0;left:0;right:0;gap:0!important}#progressBar{height:3px!important;border-radius:0!important}.time-text{display:none!important}@supports (backdrop-filter: blur(1px)){.glass-panel{backdrop-filter:blur(12px)}}.menu li:active,.bottom-nav .nav-item:active,.more-menu-item:active,.profile-menu-item:active{transform:scale(.96);transition:transform .1s ease}}@media(max-width:768px){.live-info{position:absolute!important;bottom:16px!important;left:16px!important;width:auto;max-width:70%!important;text-align:left;z-index:10}.live-progress-container{position:absolute!important;bottom:0!important;left:0!important;width:100%!important;height:3px;z-index:15}.live-tags{margin-bottom:4px}}@media(max-width:768px)and (hover:none){.menu li:hover{background:transparent;color:var(--text-secondary)}.menu li:hover i{opacity:.7;transform:none}.track-card:hover,.playlist-card:hover{transform:none;box-shadow:none}}@media(max-width:360px){.bottom-nav .nav-item.create{margin-top:-20px}.create-icon-wrapper{width:46px;height:46px;border-radius:14px;font-size:20px}.bottom-nav .nav-item .nav-label{font-size:9px}.bottom-nav .nav-item i{font-size:18px}.track-info{max-width:30vw!important}.player-bar{padding:0 10px!important;height:72px!important}.player-controls{gap:6px!important}.home-grid-container.home-grid-scroll .home-grid-card{width:140px!important}.home-two-col .home-section{flex:0 0 95%!important}.hero-banner h1{font-size:22px!important}.hero-subtitle{font-size:12px!important}.content-card{padding:14px!important}}.live-info{position:absolute;bottom:24px;left:16px;width:auto;max-width:75%;text-align:left;z-index:10;pointer-events:auto;text-shadow:0 1px 2px rgba(0,0,0,.5)}.live-title{font-size:20px;font-weight:700;margin-bottom:8px;color:#fff;line-height:1.2}.live-author-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.live-author-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.2)}.live-artist-link{color:#fff;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .2s;margin-bottom:0}.live-artist-link:hover{opacity:.8;text-decoration:none}.live-tags{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;margin-top:4px}.live-tag{font-size:11px;color:#fff;background:#ffffff26;padding:2px 8px;border-radius:4px;backdrop-filter:blur(4px);font-weight:500}.live-progress-container{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#fff3;z-index:10}.live-progress-bar{height:100%;background:#fff;width:0%;transition:width .1s linear;box-shadow:0 0 10px #ffffff80}.live-comments-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:center;align-items:center;padding:20px}.live-comments-modal{width:100%;max-width:450px;height:600px;max-height:80vh;background:#18181b;border:1px solid rgba(255,255,255,.1);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 20px 50px #00000080}.live-comments-header{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;align-items:center;background:transparent;flex-shrink:0}.live-modal-handle{width:40px;height:4px;background:#fff3;border-radius:2px;margin-bottom:16px;cursor:grab}.live-comments-header-content{width:100%;display:flex;justify-content:space-between;align-items:center}.live-comments-header h3{font-size:16px;font-weight:600;margin:0;color:#fff}.live-comments-close{font-size:16px;color:#fff9;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;transition:all .2s;border:none;cursor:pointer}.live-comments-close:hover{background:#fff3;color:#fff}.live-comments-list{flex:1;overflow-y:auto;padding:0;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.live-comments-list .comment-item{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.03)}.live-comments-footer{padding:12px 16px;border-top:1px solid rgba(255,255,255,.05);background:#18181b;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.live-comments-footer .emoji-bar{display:flex;gap:16px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;justify-content:space-between}.live-comments-footer .emoji-btn{font-size:24px;padding:0;background:none;border:none;cursor:pointer;transition:transform .2s}.live-input-container{display:flex;align-items:flex-end;background:#ffffff1a;border-radius:24px;padding:4px 6px 4px 16px;transition:background .2s}.live-input-container:focus-within{background:#ffffff26}.live-comments-footer .comment-input{flex:1;min-height:40px!important;height:40px;max-height:100px;background:transparent;border:none;padding:10px 0;color:#fff;font-size:15px;resize:none;line-height:1.4;font-family:inherit;outline:none}.live-comments-footer .comment-input::placeholder{color:#fff6}.live-send-btn{width:32px;height:32px;border-radius:50%;border:none;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:opacity .2s,transform .2s;opacity:.3;transform:scale(1);pointer-events:none;margin-left:8px;margin-bottom:4px;padding:0 2px 0 0;flex-shrink:0}.live-send-btn.visible{opacity:1;pointer-events:auto}.live-send-btn:hover{transform:scale(1.1)}.live-send-btn:active{transform:scale(.95)}@media(max-width:768px){.live-comments-modal-overlay{align-items:flex-end;padding:0}.live-comments-modal{width:100%;max-width:100%;height:70vh;border-radius:24px 24px 0 0;margin:0;border-bottom:none}}.live-comments-area .emoji-bar{display:flex;justify-content:space-between;gap:0;margin-bottom:10px;width:100%}.live-comments-area .emoji-btn{flex:1;text-align:center;padding:0}.live-comments-area .comment-input{height:40px!important;max-height:40px!important;min-height:40px!important;resize:none!important;overflow-y:hidden;line-height:20px;padding:10px 0}.form-group{margin-bottom:20px}.input-wrapper{position:relative;margin-bottom:25px}.input-wrapper input,.input-wrapper textarea{pointer-events:auto}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.form-group label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:13px;font-weight:500}.char-counter{position:absolute;bottom:8px;right:12px;font-size:11px;color:var(--text-secondary);opacity:.8;pointer-events:none;z-index:1}input[type=text],textarea{width:100%;background:var(--black-40);border:1px solid var(--glass-border);color:var(--text-white);padding:14px 70px 14px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:400;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;position:relative}input[type=text]:focus,textarea:focus{background:var(--black-50);border-color:var(--white-30);outline:none}textarea{height:120px;resize:vertical;min-height:120px;max-height:300px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--white-40) var(--black-20)}textarea::-webkit-scrollbar{width:12px}textarea::-webkit-scrollbar-track{background:transparent;border-radius:6px}textarea::-webkit-scrollbar-thumb{background:var(--white-40);border-radius:6px;border:2px solid var(--black-30);min-height:20px}textarea::-webkit-scrollbar-thumb:hover{background:var(--white-60)}textarea:hover::-webkit-scrollbar-track{background:var(--black-30);border:1px solid var(--white-10)}textarea::-webkit-scrollbar-corner{background:var(--black-30)}.glass-select{width:100%;background:var(--black-30);border:1px solid var(--glass-border);color:var(--text-white);padding:12px;border-radius:var(--radius-sm);font-size:14px;outline:none;cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7em top 50%;background-size:.65em auto}.glass-select option{background:var(--bg-zinc-900);color:var(--text-white)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.toggle-group{background:var(--black-30);padding:0 15px;height:50px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between}.toggle-group label{margin:0;cursor:pointer}.switch{position:relative;display:inline-block;width:36px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-dark-400);transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:var(--text-white);transition:.4s}input:checked+.slider{background-color:var(--accent-color)}input:checked+.slider:before{transform:translate(16px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.advanced-section{margin-bottom:25px}.advanced-toggle{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:var(--white-03);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1)}.advanced-toggle:hover{background:var(--white-08);color:var(--text-white);box-shadow:0 4px 12px var(--black-10)}.advanced-toggle i{transition:transform .4s cubic-bezier(.4,0,.2,1)}.advanced-toggle.active i{transform:rotate(180deg)}.advanced-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1),opacity .4s ease,transform .4s ease,margin-top .4s ease,padding .4s ease;transform:translateY(-10px);overflow:hidden;margin:0 -10px;padding:0;visibility:hidden}.advanced-content.open{grid-template-rows:1fr;opacity:1;transform:translateY(0);margin-top:10px;padding:0 10px;visibility:visible;transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1),opacity .4s ease,transform .4s ease,margin-top .4s ease,padding .4s ease}.advanced-inner{min-height:0;overflow:hidden}.advanced-content>*{overflow:hidden}.sliders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-top:20px}.sliders-grid.three-cols{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.sliders-grid.three-cols{grid-template-columns:repeat(3,1fr);gap:8px}}.sliders-grid.three-cols .slider-control label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.slider-control{position:relative;margin-bottom:15px}.slider-control label{font-size:11px;display:block;margin-bottom:5px}.slider-control .label-row span{display:none}input[type=range].inactive-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:var(--white-05);cursor:pointer;border:1px solid var(--white-08);border-radius:4px;padding:0;margin:15px 0;overflow:hidden}input[type=range].inactive-slider::-webkit-slider-runnable-track{width:100%;height:100%;background:linear-gradient(to right,var(--text-white) 0%,var(--text-white) var(--val-percent),transparent var(--val-percent),transparent 100%);border-radius:4px}input[type=range].inactive-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1px;height:20px;background:transparent}.form-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:20px;margin-top:-10px}.input-hint{font-size:12px;color:var(--text-secondary);margin-top:8px;opacity:.7}.section-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:4px}.section-header-row h2{margin:0;flex:1}.mobile-credits-badge{display:none}@media(max-width:768px){.mobile-credits-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;color:var(--text-white);white-space:nowrap;flex-shrink:0}.mobile-credits-badge i{color:var(--accent-color);font-size:12px}}.model-selector{display:flex;position:relative;background:var(--black-40);border:1px solid var(--glass-border);border-radius:50px;padding:5px;height:48px;width:100%;margin-bottom:10px;overflow:hidden}.model-selector input[type=radio]{display:none}.model-selector label{flex:1;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-secondary);transition:all .3s ease;margin:0!important}.model-selector input[type=radio]:checked+label{color:var(--text-white);text-shadow:0 0 10px var(--white-30)}.glider{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/5);background:var(--accent-color);box-shadow:0 4px 15px var(--accent-glow);border-radius:40px;z-index:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}#m_v4:checked~.glider,#cm_v4:checked~.glider,#em_v4:checked~.glider{transform:translate(0)}#m_v4_5_all:checked~.glider,#cm_v4_5_all:checked~.glider,#em_v4_5_all:checked~.glider{transform:translate(100%)}#m_v4_5:checked~.glider,#cm_v4_5:checked~.glider,#em_v4_5:checked~.glider{transform:translate(200%)}#m_v4_5_plus:checked~.glider,#cm_v4_5_plus:checked~.glider,#em_v4_5_plus:checked~.glider{transform:translate(300%)}#m_v5:checked~.glider,#cm_v5:checked~.glider,#em_v5:checked~.glider{transform:translate(400%)}#m_v4:checked~.glider,#cm_v4:checked~.glider,#em_v4:checked~.glider,#m_v5:checked~.glider,#cm_v5:checked~.glider,#em_v5:checked~.glider{transition-timing-function:cubic-bezier(.4,0,.2,1)}.toggle-selector{display:flex;position:relative;background:var(--black-40);border:1px solid var(--glass-border);border-radius:50px;padding:5px;height:48px;width:100%;overflow:hidden}.toggle-selector input[type=radio]{display:none}.toggle-selector label{flex:1;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;font-size:14px;font-weight:600;color:var(--text-secondary);margin:0!important;position:relative}.toggle-selector input[type=radio]:checked+label{color:var(--text-black)}.toggle-selector .glider{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/2);background:var(--text-white);border-radius:40px;z-index:1;transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px var(--black-20)}#inst_off:checked~.glider,#custom_off:checked~.glider,#cover_inst_off:checked~.glider,#cover_custom_off:checked~.glider,#extend_inst_off:checked~.glider,#extend_custom_off:checked~.glider{transform:translate(0)}#inst_on:checked~.glider,#custom_on:checked~.glider,#cover_inst_on:checked~.glider,#cover_custom_on:checked~.glider,#extend_inst_on:checked~.glider,#extend_custom_on:checked~.glider{transform:translate(100%)}.toggle-selector input[type=radio]:checked~.glider{transition-timing-function:cubic-bezier(.4,0,.2,1)}.gender-group{display:block;background:transparent;border:none;padding:0}.gender-group label{margin-bottom:8px;display:block}.gender-options{display:flex;background:var(--black-40);border:1px solid var(--glass-border);border-radius:50px;padding:5px;height:48px;width:100%;position:relative}.gender-option{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-secondary);transition:all .3s ease;border-radius:40px;z-index:2}.gender-option:hover{color:var(--text-white)}.gender-option.active{background:var(--accent-color);color:var(--text-white);text-shadow:0 0 10px var(--white-30);box-shadow:0 4px 15px var(--accent-glow)}#vocalGenderGroup,#coverVocalGenderGroup,#extendVocalGenderGroup{display:grid!important;transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1),opacity .4s ease,margin-top .4s ease,transform .4s ease}#vocalGenderGroup.hidden,#coverVocalGenderGroup.hidden,#extendVocalGenderGroup.hidden{grid-template-rows:0fr;opacity:0;margin-top:0!important;visibility:hidden;transform:translateY(-10px)}#vocalGenderGroup:not(.hidden),#coverVocalGenderGroup:not(.hidden),#extendVocalGenderGroup:not(.hidden){grid-template-rows:1fr;opacity:1;margin-top:15px!important;visibility:visible;transform:translateY(0)}.gender-inner{min-height:0;overflow:hidden}#customFields,#coverCustomFields,#extendCustomFields{display:grid!important;grid-template-rows:0fr;opacity:0;margin-top:0!important;visibility:hidden;transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1),opacity .4s ease,margin-top .4s ease,transform .4s ease;transform:translateY(-10px)}#customFields:not(.hidden),#coverCustomFields:not(.hidden),#extendCustomFields:not(.hidden){grid-template-rows:1fr;opacity:1;margin-top:20px!important;visibility:visible;transform:translateY(0)}.custom-inner{min-height:0;overflow:hidden}#promptContainer,#coverPromptContainer,#extendPromptContainer{display:grid!important;transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1),opacity .4s ease,margin .4s ease,transform .4s ease}#promptContainer.hidden,#coverPromptContainer.hidden,#extendPromptContainer.hidden{grid-template-rows:0fr;opacity:0;margin:0!important;visibility:hidden;transform:translateY(-10px)}#promptContainer:not(.hidden),#coverPromptContainer:not(.hidden),#extendPromptContainer:not(.hidden){grid-template-rows:1fr;opacity:1;visibility:visible;transform:translateY(0);margin-bottom:20px}.prompt-inner{min-height:0;overflow:hidden}#promptContainer textarea,#coverPromptContainer textarea,#extendPromptContainer textarea{overflow-y:auto}.submit-row{display:flex;align-items:center;gap:10px;margin-top:12px;height:50px}.generate-btn{flex:1;height:100%;padding:0 24px;background:linear-gradient(135deg,var(--accent-color) 0%,var(--color-indigo-400) 100%);color:#fff;border:none;border-radius:50px;font-size:15px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;align-items:center;gap:10px;position:relative;overflow:hidden;box-shadow:0 8px 20px var(--accent-glow)}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px var(--accent-glow);filter:brightness(1.1)}.generate-btn:active{transform:translateY(1px)}.generate-btn.disabled{background:var(--bg-dark-500);cursor:not-allowed}.reset-btn{display:flex;width:0;height:50px;border-radius:50%;border:0px solid var(--glass-border);background:var(--red-10);color:var(--color-red-500);cursor:pointer;align-items:center;justify-content:center;font-size:18px;margin-right:0;opacity:0;transform:scale(.3) translate(-30px) rotate(-180deg);overflow:hidden;pointer-events:none;transition:all .6s cubic-bezier(.34,1.56,.64,1);filter:blur(2px)}.reset-btn.visible{width:50px;margin-right:10px;opacity:1;transform:scale(1) translate(0) rotate(0);border-width:1px;pointer-events:auto;filter:blur(0)}.reset-btn:hover{background:var(--red-30);transform:rotate(15deg) scale(1.1) translate(2px);box-shadow:0 6px 20px var(--red-30)}.remove-file-btn{position:absolute;top:-11px;right:-11px;width:30px;height:30px;background:var(--bg-dark-900);color:#fff;border:1px solid var(--white-12);border-radius:50%;display:grid;place-items:center;font-size:13px;cursor:pointer;box-shadow:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:30;padding:0}.remove-file-btn i{transform:translateY(-.5px);display:block}.remove-file-btn:hover{background:var(--bg-dark-400);transform:scale(1.1);border-color:var(--white-30)}.close-modal-btn{position:absolute;top:-11px;right:-11px;background:var(--bg-dark-900);border:1px solid var(--white-10);color:#fff;font-size:16px;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:100;line-height:1;padding:0}.close-modal-btn i{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.close-modal-btn:hover{background:var(--bg-dark-400);transform:scale(1.1);border-color:var(--white-30)}.close-modal-btn:active{transform:scale(.95)}.expand-desc-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;font-size:10px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.7}.expand-modal-desc-btn{background:none;border:none;color:var(--accent-color);cursor:pointer;padding:4px 8px;font-size:11px;margin-top:6px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .1s ease,background .1s ease;opacity:.8;border-radius:4px;will-change:opacity}.expand-modal-desc-btn:hover{opacity:1}#createPlaylistBtn,#createPlaylistBtn:hover{box-shadow:none}#createPlaylistBtn{flex:0 0 auto;height:auto;padding:14px 20px;font-size:14px;border-radius:999px}@media(max-width:480px){.submit-row{height:44px;gap:8px;margin-top:10px}.generate-btn{padding:0 18px;font-size:14px;gap:8px;border-radius:44px}.reset-btn{height:44px}.reset-btn.visible{width:44px;margin-right:8px}}@media(max-width:360px){.submit-row{height:40px}.generate-btn{font-size:13px;padding:0 14px}.reset-btn.visible{width:40px}}@media(max-width:768px){.close-modal-btn,.remove-file-btn{width:36px;height:36px;font-size:16px}.close-modal-btn:before,.remove-file-btn:before{content:"";position:absolute;inset:-6px}}.upload-zone{border:2px dashed var(--glass-border);border-radius:var(--radius-md);padding:30px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--card-bg);position:relative;overflow:visible}.upload-zone:hover,.upload-zone.dragover{background:var(--hover-bg);border-color:var(--accent-color);box-shadow:0 8px 25px var(--indigo-10)}.upload-content{pointer-events:none}.upload-icon{font-size:32px;color:var(--text-secondary);margin-bottom:10px}.upload-hint{font-size:11px;color:var(--text-secondary);display:block;margin-top:5px}.upload-zone.has-track{background:var(--bg-glass-darker)!important;padding:24px!important;border:1px solid var(--border-subtle)!important;box-shadow:none!important;backdrop-filter:blur(25px)}.file-preview,.track-preview{display:flex;flex-direction:column;gap:8px;background:transparent;padding:0;border-radius:0;border:none;position:static;overflow:visible;width:100%}.track-preview{background:transparent;border:none}.file-icon{font-size:24px;color:var(--accent-color)}.track-preview-img{width:40px;height:40px;border-radius:4px;object-fit:cover}.file-info{flex:1;text-align:left;overflow:hidden}.file-name{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:11px;color:var(--text-secondary)}.extend-track-header{display:flex;align-items:center;gap:18px;margin-bottom:22px;padding-bottom:15px;border-bottom:1px solid var(--white-05)}.extend-cover-container{position:relative;width:64px;height:64px;border-radius:12px;overflow:hidden;box-shadow:0 8px 16px var(--black-40);transition:all .4s cubic-bezier(.4,0,.2,1);background:var(--bg-dark-700)}.extend-cover-container:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 24px var(--black-60)}.extend-track-cover{width:100%;height:100%;border-radius:12px;object-fit:cover;display:block;transition:filter .3s ease}.extend-cover-container:hover .extend-track-cover{filter:brightness(.6)}.extend-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:36px;height:36px;background:var(--white-15);backdrop-filter:blur(8px);border:1px solid var(--white-20);border-radius:50%;color:var(--text-white);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);z-index:5}.extend-cover-container:hover .extend-play-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}.extend-play-btn:hover{background:var(--text-white);color:var(--text-black);transform:translate(-50%,-50%) scale(1)}.extend-play-btn i{font-size:14px;margin-left:2px}.extend-track-info{flex:1;text-align:left;overflow:hidden}.extend-track-info .file-name{font-size:16px;font-weight:700;letter-spacing:-.3px;color:var(--text-white);display:block;margin-bottom:2px}.extend-track-info .file-size{font-size:11px;color:var(--text-gray-500);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.extend-waveform-container,.replace-waveform-container,.cover-waveform-container{position:relative;width:100%;height:100px;background:var(--black-30);border-radius:8px;margin-bottom:10px;cursor:pointer;overflow:hidden}.extend-waveform,.replace-waveform,.cover-waveform{width:100%;height:100%;display:block}.extend-selection-overlay,.replace-selection-region{position:absolute;top:0;height:100%;background:var(--bg-indigo-soft);border:2px solid var(--accent-color);border-radius:var(--radius-md);pointer-events:none;z-index:3}.extend-selection-overlay{border:2px solid var(--accent-color);border-radius:12px;background:var(--bg-indigo-soft)}.extend-selection-handle,.replace-handle{position:absolute;top:0;width:20px;height:100%;background:transparent;cursor:ew-resize;z-index:10;pointer-events:auto}.extend-selection-handle{left:0;margin-left:-10px}.replace-handle.start,.replace-handle.end{left:0;margin:0 0 0 -10px}.extend-selection-handle:before{display:none}.extend-time-info{text-align:center;display:flex;align-items:center;justify-content:center;gap:15px;padding:10px 24px;background:var(--black-50);border:1px solid var(--glass-border);border-radius:50px;width:fit-content;margin:20px auto 5px;box-shadow:none;position:relative}.extend-time-info span{font-size:11px;color:var(--white-40);font-weight:700;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:12px}.extend-time-info input{background:var(--white-05);border:1px solid var(--white-15);color:var(--text-white);font-weight:700;width:85px;text-align:center;border-radius:8px;font-size:17px;font-family:Geologica,sans-serif;outline:none;padding:5px 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.extend-time-info input:hover{border-color:var(--white-20);background:var(--white-05)}.extend-time-info input:focus{background:var(--indigo-10);border-color:var(--accent-color);color:var(--accent-color);box-shadow:none}.extend-time-info strong{color:var(--accent-color);font-weight:600}.time-range-inputs{display:flex;align-items:center;gap:15px;margin-top:10px}.time-input-group{flex:1;display:flex;flex-direction:column;gap:6px}.time-input-group label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.time-input-group input{width:100%;padding:12px 15px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-size:16px;font-weight:600;text-align:center;transition:all .3s ease}.time-input-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--indigo-15);outline:none}.time-separator{font-size:20px;color:var(--text-secondary);margin-top:20px}.min-limit-active .extend-selection-handle{background:var(--color-deep-orange)!important;width:2px!important;margin-left:0!important}.min-limit-label{color:var(--color-deep-orange);font-size:13px;font-weight:700;position:absolute;left:100%;margin-left:15px;top:50%;transform:translateY(-50%);white-space:nowrap;opacity:1;text-transform:uppercase;pointer-events:none}.min-limit-label.hidden{opacity:0;visibility:hidden}.waveform-top-bar{position:relative;width:100%;height:24px;display:flex;z-index:20;pointer-events:none;margin-bottom:4px}.wf-label{height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1;transition:none}.wf-label.keep{background:var(--accent-color);color:var(--text-white);border-radius:12px;border:2px solid var(--accent-color);padding:0;white-space:nowrap;overflow:hidden;width:0px;position:relative;min-width:0;flex-shrink:0}.wf-label.keep i{display:none}.wf-label.recreate{flex:1;background:repeating-linear-gradient(45deg,var(--glass-surface-light),var(--glass-surface-light) 10px,var(--glass-surface) 10px,var(--glass-surface) 20px);color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:12px;margin-left:0;min-width:0;overflow:hidden;white-space:nowrap;flex-shrink:0}#replaceSelectLabel{flex:none}.extend-waveform-container{height:100px;padding-top:0;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;position:relative}.extend-waveform-container canvas,.extend-waveform-container .extend-selection-handle,.extend-waveform-container .extend-selection-overlay,.replace-waveform-container canvas,.replace-waveform-container .replace-handle,.replace-waveform-container .replace-selection-region{top:0!important;height:100%!important}@media(max-width:768px){.extend-time-info{padding:8px 12px;gap:6px;width:auto;max-width:92%;margin:16px auto 5px;border-radius:40px;flex-wrap:nowrap;justify-content:center;align-items:center}.extend-time-info span{font-size:10px;gap:6px;letter-spacing:.5px;flex-shrink:0}.extend-time-info input{width:64px;height:38px;font-size:15px;font-weight:700;margin:0;padding:4px 2px;border-radius:8px;background:var(--white-08);border:1.5px solid var(--white-15);-webkit-appearance:none;-moz-appearance:textfield;appearance:none;font-size:16px;touch-action:manipulation}.extend-time-info input:focus{background:var(--indigo-10);border-color:var(--accent-color);box-shadow:0 0 0 2px var(--indigo-15)}.extend-time-info strong{font-size:13px}#replaceTimeStartInput,#replaceTimeEndInput{width:58px;height:38px;font-size:16px}.time-range-inputs{gap:8px;margin-top:8px;flex-wrap:nowrap}.time-input-group input{padding:10px 8px;font-size:16px;height:44px}.time-separator{font-size:16px;margin-top:18px}}@media(max-width:380px){.extend-time-info{padding:6px 10px;gap:4px;border-radius:32px}.extend-time-info span{font-size:9px;gap:4px;letter-spacing:.3px}.extend-time-info input,#replaceTimeStartInput,#replaceTimeEndInput{width:54px;height:36px;font-size:16px;border-radius:6px}.extend-time-info strong{font-size:12px}.time-input-group input{padding:8px 6px}}.waveform-loading{position:absolute;top:calc(50% + 12px);left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:600;background:var(--black-70);padding:5px 15px;border-radius:20px;pointer-events:none;z-index:50;opacity:1;transition:opacity .2s}.waveform-loading.hidden{opacity:0;visibility:hidden}.replace-waveform-container{position:relative;overflow:visible!important}.min-limit-active .extend-selection-handle{background:var(--color-deep-orange)!important;box-shadow:0 0 10px var(--orange-50)}.min-limit-active .extend-selection-overlay{border-color:var(--color-deep-orange)!important;background:var(--bg-orange-soft)!important}.min-limit-active .wf-label.keep{border-color:var(--color-deep-orange)!important;background:var(--color-deep-orange)!important}.replace-drag-handle{position:absolute;top:-12px!important;height:12px!important;background:var(--accent-color);cursor:grab;z-index:60;display:flex;align-items:center;justify-content:center;border-radius:6px 6px 0 0;box-shadow:0 -2px 10px var(--indigo-50);pointer-events:auto}.replace-drag-handle i{color:#fff;font-size:8px;opacity:.8;transform:rotate(90deg)}.replace-drag-handle:active{cursor:grabbing;background:var(--color-indigo-400)}.extend-waveform-container canvas,.replace-waveform-container canvas{will-change:contents}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--black-80);z-index:1000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .12s ease-out,visibility .12s ease-out;pointer-events:none;contain:layout style}.modal.show{opacity:1;visibility:visible;pointer-events:auto}.modal.hidden{display:none}.modal-content{width:500px;max-height:80vh;padding:30px;position:relative;display:flex;flex-direction:column;transform:scale(.97) translateY(6px);opacity:0;transition:transform .15s cubic-bezier(.33,1,.68,1),opacity .1s ease-out;will-change:transform,opacity;overflow:visible;border-radius:var(--radius-lg)}.modal.show .modal-content{transform:scale(1) translateY(0);opacity:1}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{margin:0;font-size:20px;color:var(--text-white)}.close-modal-btn{position:absolute;top:-11px;right:-11px;z-index:100;background:var(--bg-dark-900);border:1px solid var(--border-medium);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;color:var(--text-white);transition:all .2s cubic-bezier(.4,0,.2,1);font-size:13px;cursor:pointer}.close-modal-btn:hover{background:var(--bg-dark-400);transform:scale(1.1);border-color:var(--white-30);color:var(--text-white)}.modal-tabs{display:flex;gap:10px;border-bottom:1px solid var(--glass-surface);margin-bottom:20px}.modal-tab-btn{background:none;border:none;color:var(--text-secondary);padding:10px 15px;font-size:14px;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-1px}.modal-tab-btn:hover{color:var(--text-white)}.modal-tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.modal-tab-content{display:none;animation:fadeIn .3s ease}.modal-tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.field-hint{font-size:12px;color:var(--text-secondary);margin-top:6px}.modal-cover-container{display:flex;gap:20px;align-items:flex-start;margin-bottom:25px;border-bottom:1px solid var(--glass-border);padding-bottom:20px}#modalCover{width:100px;height:100px;border-radius:8px;object-fit:cover;flex-shrink:0}.modal-track-details{align-self:flex-start;min-width:0;flex:1}.modal-track-details h2{font-size:20px;margin-bottom:5px}#modalTags{color:var(--text-secondary);font-size:13px}.modal-tags-container{position:relative}.modal-tags-content{color:var(--text-secondary);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;white-space:pre-wrap}.modal-tags-container.expanded .modal-tags-content{-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.modal-body{overflow-y:auto;padding-right:10px;contain:content;flex:1}.lyrics-container h3{margin-bottom:10px;font-size:16px;color:var(--accent-color)}#modalLyrics{white-space:pre-wrap;line-height:1.6;color:var(--text-slate-300);font-size:17px;font-weight:600;letter-spacing:.01em;font-family:Geologica,sans-serif}@media(max-width:768px){.modal{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-content{width:calc(100% - 32px)!important;margin:0 16px;padding:24px 20px!important;max-height:85vh!important;border-radius:20px;transform:translateY(20px);opacity:0}.modal.show .modal-content{transform:translateY(0);opacity:1}.close-modal-btn{top:-11px;right:-11px;width:36px;height:36px;font-size:14px}.close-modal-btn:before{content:"";position:absolute;inset:-7px;border-radius:50%}.modal-cover-container{flex-direction:column;gap:15px;align-items:center;text-align:center;padding-bottom:16px;margin-bottom:20px}#modalCover{width:120px;height:120px;border-radius:12px}.modal-track-details{align-self:center;text-align:center}.modal-track-details h2,.modal-header h3{font-size:18px}.modal-body{padding-right:0;-webkit-overflow-scrolling:touch}.modal-body::-webkit-scrollbar{display:none}.modal-body{scrollbar-width:none}.modal-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;margin-bottom:16px}.modal-tabs::-webkit-scrollbar{display:none}.modal-tab-btn{padding:12px 16px;font-size:14px;min-height:44px;white-space:nowrap;flex-shrink:0}#modalLyrics{font-size:15px;line-height:1.7}.modal-tags-content{font-size:13px}.modal input[type=text],.modal input[type=url],.modal input[type=search],.modal input[type=email],.modal input[type=number],.modal input[type=password],.modal textarea,.modal select{font-size:16px!important}.field-hint{font-size:12px}}@media(hover:none){.close-modal-btn:hover{background:var(--bg-dark-900);transform:none;border-color:var(--border-medium)}.close-modal-btn:active{background:var(--bg-dark-400);transform:scale(.95)}.modal-tab-btn:hover{color:var(--text-secondary)}.modal-tab-btn:active{color:var(--text-white)}}@media(max-width:480px){.modal-content{width:calc(100% - 24px)!important;margin:0 12px;padding:20px 16px!important;max-height:88vh!important;border-radius:18px}.close-modal-btn{top:-8px;right:-8px;width:34px;height:34px}.modal-header{margin-bottom:16px}.modal-header h3{font-size:17px}.modal-cover-container{gap:12px;padding-bottom:14px;margin-bottom:16px}#modalCover{width:100px;height:100px;border-radius:10px}.modal-track-details h2{font-size:17px}#modalLyrics{font-size:14px;line-height:1.65}.lyrics-container h3{font-size:15px}.modal-tab-btn{padding:10px 14px;font-size:13px}.add-track-modal{width:calc(100% - 24px);max-width:none}}@media(max-width:360px){.modal-content{width:calc(100% - 16px)!important;margin:0 8px;padding:18px 14px!important;max-height:90vh!important;border-radius:16px}.close-modal-btn{top:-6px;right:-6px;width:32px;height:32px;font-size:12px}.modal-header h3{font-size:16px}#modalCover{width:88px;height:88px}.modal-track-details h2{font-size:16px}#modalLyrics{font-size:14px;line-height:1.6}.modal-tab-btn{padding:8px 12px;font-size:12px;min-height:40px}.modal-tab-btn:after{content:"";position:absolute;inset:-4px -2px}.modal-tab-btn{position:relative}}@media(prefers-reduced-motion:reduce){.modal{transition:none!important}.modal-content{transition:none!important;transform:none!important}.modal.show .modal-content{transform:none!important}.close-modal-btn,.modal-tab-btn{transition:none!important}.modal-tab-content{animation:none!important}}.karaoke-modal{max-width:800px;width:95%;height:85vh;max-height:85vh;display:flex;flex-direction:column;overflow:visible;background:var(--bg-zinc-950);border:1px solid var(--glass-border);position:relative;padding:0!important}.karaoke-modal .close-modal-btn{z-index:100}.karaoke-body{display:flex;flex-direction:column;height:100%;width:100%;position:relative;z-index:1;overflow:hidden;border-radius:var(--radius-lg)}.karaoke-header{display:flex;align-items:center;gap:20px;padding:20px 30px;border-bottom:1px solid var(--border-subtle);background:var(--bg-header-translucent);flex-shrink:0;width:100%;box-sizing:border-box;position:relative;z-index:2;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.karaoke-header img{width:60px;height:60px;border-radius:6px;object-fit:cover;box-shadow:0 4px 10px var(--black-30)}.karaoke-track-info{min-width:0;flex:1}.karaoke-track-info h2{font-size:20px;font-weight:700;margin-bottom:4px;color:var(--text-white);letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.karaoke-track-info p{font-size:13px;color:var(--text-slate-500)}.karaoke-lyrics-container{flex:1;overflow-y:auto;padding:0;background:transparent;position:relative;width:100%;mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);scrollbar-width:none}.karaoke-lyrics-container::-webkit-scrollbar{display:none}.karaoke-scroll-content{min-height:100%;padding:20vh 0;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.karaoke-loading,.karaoke-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;height:100%;color:var(--white-50);min-height:300px}.karaoke-loading i,.karaoke-error i{font-size:28px;margin-bottom:10px}.karaoke-error{color:var(--color-red-400)}.karaoke-line{margin:15px 0;transition:opacity .2s ease,filter .2s ease,transform 0s;opacity:.3;padding:0 40px;filter:blur(1.5px);transform:translateY(10px);max-width:90%;line-height:1.4;width:100%;will-change:transform,opacity,filter}.karaoke-line.active-line{opacity:1;filter:blur(0);transform:translateY(0);transition:opacity .45s cubic-bezier(.22,1,.36,1),filter .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}.karaoke-lyrics-container.is-scrolling .karaoke-line{filter:none!important;opacity:.8}.karaoke-word{font-size:32px;font-weight:800;color:var(--text-white);cursor:pointer;padding:4px 8px;border-radius:8px;transition:transform .3s cubic-bezier(.4,0,.2,1),color .08s ease-out,text-shadow .08s ease-out;display:inline-block;margin-right:6px;will-change:transform,color,text-shadow}.karaoke-word:last-child{margin-right:0}.karaoke-word:hover{background:var(--hover-bg);transform:scale(1.05)}.karaoke-word.active{color:var(--accent-color);transform:scale(1.12)}.karaoke-word.sung{color:var(--white-80)}.karaoke-static-lyrics{text-align:center;padding:20px;max-width:80%;margin:0 auto}.karaoke-static-lyrics .static-note{font-size:12px;color:var(--text-gray-400);margin-bottom:30px}.karaoke-static-lyrics .static-text{font-size:20px;line-height:1.8;color:var(--white-90);white-space:pre-wrap;font-weight:600}.karaoke-controls{display:flex;align-items:center;gap:25px;padding:20px 30px;border-top:1px solid var(--border-subtle);background:var(--bg-header-translucent);flex-shrink:0;width:100%;box-sizing:border-box;position:relative;z-index:2;margin-top:0;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}@media(max-width:480px){.karaoke-modal{width:100%;height:80vh;max-height:80vh}.karaoke-track-info h2{font-size:18px}.karaoke-lyrics-container{mask-image:linear-gradient(to bottom,transparent 0%,black 14%,black 86%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 14%,black 86%,transparent 100%)}.karaoke-scroll-content{padding:16vh 0}.karaoke-word{font-size:22px}.karaoke-static-lyrics .static-text{font-size:16px;line-height:1.7}.karaoke-controls{padding:16px 18px calc(18px + env(safe-area-inset-bottom,0px));gap:18px}}.karaoke-play-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--text-white);color:var(--text-black);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--anim-normal) var(--ease-spring);box-shadow:0 4px 15px var(--white-20);flex-shrink:0}.karaoke-play-btn:hover{transform:scale(1.15);background:var(--text-white);color:var(--text-black);box-shadow:0 0 20px var(--white-40)}.karaoke-progress{flex:1;display:flex;align-items:center;gap:15px}.karaoke-progress span{font-size:12px;color:var(--text-gray-500);font-variant-numeric:tabular-nums;font-weight:500;min-width:35px;text-align:center}.karaoke-range-wrapper{flex:1;height:20px;display:flex;align-items:center}#karaokeProgressBar{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--white-10);border-radius:3px;outline:none;cursor:pointer;background-image:linear-gradient(var(--text-white),var(--text-white));background-size:0% 100%;background-repeat:no-repeat;transition:background-size .1s linear}#karaokeProgressBar:hover{height:6px}#karaokeProgressBar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2px;height:12px;background:transparent;cursor:pointer;box-shadow:none}#karaokeProgressBar::-moz-range-track{width:100%;height:6px;background:var(--white-10);border-radius:3px}#karaokeProgressBar::-moz-range-progress{background-color:var(--text-white);height:6px;border-radius:3px}#karaokeProgressBar::-moz-range-thumb{width:0;height:0;border:none;background:transparent}.hero-banner{padding:60px 40px;margin:20px;background:linear-gradient(135deg,var(--indigo-20) 0%,var(--purple-15) 100%);border-radius:32px;border:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;box-shadow:0 30px 60px var(--black-40)}.hero-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,var(--indigo-15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--purple-10) 0%,transparent 40%);animation:rotateGradient 20s linear infinite;z-index:1}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content{position:relative;z-index:2;max-width:60%}.hero-banner h1{font-size:48px;font-weight:800;margin-bottom:12px;letter-spacing:-2px;background:linear-gradient(90deg,var(--text-white) 0%,var(--color-indigo-300) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.hero-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.hero-btn.primary{background:var(--accent-color);color:var(--text-white);padding:12px 28px;border-radius:14px;font-weight:700;display:flex;align-items:center;gap:12px;width:fit-content;transition:all var(--anim-normal) var(--ease-spring);box-shadow:0 10px 20px var(--indigo-30)}.hero-btn.primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 30px var(--indigo-40)}.hero-visual{position:absolute;right:-20px;top:-20px;width:300px;height:300px;z-index:1;pointer-events:none}.visual-circle{position:absolute;width:250px;height:250px;background:radial-gradient(circle,var(--accent-color) 0%,transparent 70%);opacity:.3;filter:blur(50px);animation:pulse 8s infinite alternate}.visual-circle.small{width:150px;height:150px;right:30px;bottom:30px;background:radial-gradient(circle,var(--color-purple-500) 0%,transparent 70%);animation-delay:-4s}.home-sections{padding:30px 40px;display:flex;flex-direction:column;gap:50px}.home-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}@media(max-width:1100px){.home-two-col{grid-template-columns:1fr}}.home-section{width:100%;min-width:0;margin:0;padding:0;display:flex;flex-direction:column}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--white-05);height:48px;min-height:48px;box-sizing:border-box}.section-header h3{font-size:24px;font-weight:800;color:var(--text-white);letter-spacing:-.5px;display:flex;align-items:center;gap:12px;cursor:pointer;position:relative}.section-header h3:before{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-color);transition:width .3s var(--ease-out-expo)}.section-header h3:hover:before{width:100%}.section-header h3:hover{color:var(--text-white)}.section-header h3:after{content:"\f105";font-family:"Font Awesome 6 Free";font-weight:900;font-size:18px;opacity:.3;transition:all .3s var(--ease-out-expo)}.section-header h3:hover:after{opacity:1;transform:translate(4px);color:var(--accent-color)}.section-title-group h3:after{display:none}#risingCreatorsSection .section-header h3:after{display:none}.home-list-container{display:flex;flex-direction:column;gap:2px}.home-list-item{display:flex;align-items:center;padding:10px 16px;border-radius:12px;cursor:pointer;transition:all var(--anim-fast) var(--ease-out-expo);gap:16px;border:1px solid transparent}.home-list-item:hover{background:var(--hover-bg);transform:translate(4px);border-color:var(--border-subtle)}.list-item-cover-container{position:relative;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;flex-shrink:0;border-radius:10px;overflow:hidden}.list-item-cover{display:block;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform var(--anim-normal) ease;box-shadow:0 4px 12px var(--black-30)}.list-item-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black-40);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--anim-normal) ease,background var(--anim-fast) ease;z-index:5}.list-play-btn{width:32px;height:32px;background:var(--white-15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--white-20);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-white);font-size:12px;transform:scale(.8);transition:all var(--anim-normal) var(--ease-spring);box-shadow:0 4px 10px var(--black-30)}.list-play-btn i.fa-play{margin-left:1px}.home-list-item:hover .list-item-play-overlay,.home-list-item.playing .list-item-play-overlay{opacity:1}.home-list-item:hover .list-play-btn,.home-list-item.playing .list-play-btn{transform:scale(1)}.list-play-btn:hover{background:var(--text-white)!important;color:var(--text-black)!important;transform:scale(1)!important}.home-list-item.playing .list-item-title{color:var(--accent-color)}.home-list-item.playing{background:var(--indigo-08);border-color:var(--accent-color)}.list-item-main{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:4px}.list-item-title-row{display:flex;align-items:center;gap:10px}.list-item-title{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-badge{background:var(--indigo-10);color:var(--accent-color);border:1px solid var(--indigo-20);font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;box-shadow:none}.list-item-tags{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-width:100%}.list-item-author{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary);font-weight:700;transition:color var(--anim-fast);position:relative;z-index:2}.home-list-item:hover .list-item-author{color:var(--text-primary)}.list-item-author:hover span,.grid-card-author:hover span{text-decoration:underline;color:var(--text-primary)}.list-item-author span{font-size:13px;color:var(--text-primary);font-weight:700;opacity:.8;transition:opacity var(--anim-fast)}.home-list-item:hover .list-item-author span{opacity:1}.list-item-author img{width:22px;height:22px;border-radius:50%;border:1px solid var(--white-10)}.list-item-stats{display:flex;align-items:center;gap:6px;color:var(--text-slate-500);font-size:11px;flex-shrink:0;padding-right:0}.list-item-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:2px}.list-item-menu-container{display:flex;align-items:center;justify-content:center;padding-left:4px}.stat-item{display:flex;align-items:center;gap:3px;padding:1px 4px;border-radius:999px;transition:color var(--anim-fast),background-color var(--anim-fast),opacity var(--anim-fast)}.home-list-item:hover .stat-item{color:var(--text-secondary)}.home-list-item .stat-item:hover,.home-grid-card .stat-item:hover{background-color:var(--white-10)}.home-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:28px;overflow-x:hidden}.home-grid-container.home-grid-scroll{display:flex;gap:26px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.home-grid-container.home-grid-scroll::-webkit-scrollbar{height:8px}.home-grid-container.home-grid-scroll::-webkit-scrollbar-track{background:var(--white-06);border-radius:999px}.home-grid-container.home-grid-scroll::-webkit-scrollbar-thumb{background:var(--white-14);border-radius:999px}.home-grid-container.home-grid-scroll .home-grid-card{flex:0 0 auto;width:220px;scroll-snap-align:start}.home-grid-container.home-grid-scroll .grid-card-cover-container{aspect-ratio:3 / 4}.home-grid-container.home-grid-scroll .grid-card-title,.home-grid-container.home-grid-scroll .grid-card-tags{white-space:nowrap}.home-grid-card{display:flex;flex-direction:column;gap:14px;cursor:pointer}.grid-card-cover-container{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;box-shadow:0 15px 35px var(--black-50);background:var(--bg-dark-600);transition:all var(--anim-normal) var(--ease-spring);isolation:isolate;transform:translateZ(0)}.home-grid-card:hover .grid-card-cover-container{box-shadow:0 20px 45px var(--black-60)}.grid-card-cover{width:100%;height:100%;object-fit:cover;transition:transform var(--anim-slow) ease}.home-grid-card:hover .grid-card-cover{transform:scale(1.1)}.grid-card-duration{position:absolute;top:10px;left:10px;background:var(--black-70);color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;backdrop-filter:blur(8px);z-index:5}.grid-card-badge{position:absolute;top:10px;right:10px;background:var(--indigo-10);color:var(--accent-color);border:1px solid var(--indigo-20);font-size:10px;font-weight:700;padding:3px 6px;border-radius:5px;text-transform:uppercase;letter-spacing:.5px;z-index:5;box-shadow:none}.grid-card-play-btn{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(.8);width:48px;height:48px;background:var(--white-15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--white-20);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--anim-normal) var(--ease-spring);box-shadow:0 4px 15px var(--black-30);z-index:10;will-change:transform,opacity}.grid-card-play-btn i.fa-play{font-size:20px;margin-left:3px}.grid-card-play-btn i.fa-pause{font-size:20px}.home-grid-card:hover .grid-card-play-btn,.home-grid-card.playing .grid-card-play-btn{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}.grid-card-play-btn:hover{transform:translate3d(-50%,-50%,0) scale(1)!important;background:#fff!important;color:#000!important}.grid-card-info{display:flex;flex-direction:column;gap:5px}.grid-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.home-grid-card .list-item-stats{margin-top:2px;justify-content:center}.grid-card-title{font-size:16px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}.list-item-title:hover,.grid-card-title:hover{text-decoration:underline}.grid-card-tags{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.grid-card-author{display:flex;align-items:center;gap:8px;margin-top:6px;position:relative;z-index:10;pointer-events:auto}.grid-card-author img{width:22px;height:22px;border-radius:50%;border:1px solid var(--white-10)}.grid-card-author span{font-size:13px;color:var(--text-primary);font-weight:700;opacity:.8;transition:opacity var(--anim-fast)}.home-grid-card:hover .grid-card-author span{opacity:1}.loading-placeholder{padding:60px;color:var(--text-slate-500);font-style:italic;text-align:center;width:100%}.support-form .form-group{margin-bottom:16px}.support-form .form-actions{display:flex;justify-content:center;margin-top:8px}.support-form .btn.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--accent-color) 0%,var(--color-indigo-400) 100%);color:var(--text-white);font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 10px 24px var(--accent-glow);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.support-form .btn.primary-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px var(--accent-glow);filter:brightness(1.05)}.support-form .btn.primary-btn:active{transform:translateY(1px);box-shadow:0 6px 16px var(--accent-glow)}.support-tickets-list{display:flex;flex-direction:column;gap:12px}.support-ticket-item{border-radius:14px;border:1px solid var(--white-08);background:var(--black-30);padding:12px 16px;box-shadow:0 12px 30px var(--black-40);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.support-ticket-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.support-ticket-subject{font-weight:600;font-size:14px;color:var(--accent-color);overflow-wrap:anywhere;word-break:break-word}.support-ticket-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary)}.support-ticket-category{padding:3px 8px;border-radius:999px;border:1px solid var(--white-05);background:var(--black-30);color:var(--text-slate-200);font-weight:600}.support-ticket-status{padding:2px 8px;border-radius:999px;border:1px solid var(--slate-40)}.support-ticket-status.status-open{border-color:var(--emerald-70);color:var(--color-emerald-300)}.support-ticket-status.status-answered{border-color:var(--blue-70);color:var(--color-blue-300)}.support-ticket-status.status-closed{border-color:var(--slate-70);color:var(--color-indigo-200)}.support-ticket-item:hover{border-color:var(--accent-color);background:var(--black-40);transform:translateY(-2px);box-shadow:0 18px 40px var(--black-50)}.support-ticket-badge{padding:2px 8px;border-radius:999px;background:var(--red-16);color:var(--color-red-200);font-weight:600}.support-ticket-body{font-size:13px;color:var(--text-secondary);display:flex;flex-direction:column;gap:6px}.support-ticket-message{margin:0;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.support-ticket-reply{margin-top:6px;padding:8px 10px;border-radius:8px;background:var(--slate-12)}.support-ticket-reply p{margin:0;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.support-ticket-reply-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:4px}.faq-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr);gap:32px;align-items:flex-start}@media(max-width:900px){.faq-layout{grid-template-columns:minmax(0,1fr)}.support-column{border-left:none;padding-left:0}}@media(max-width:768px){#faq .content-card.faq-layout{padding:20px 16px 120px}.home-sections{padding:16px 0}.home-list-item{padding:8px 6px}#homeCategoryView{padding:16px 12px}.category-view-header{margin-bottom:20px;padding:0 12px}.category-view-header h2{font-size:24px}.hero-banner:before{animation:none!important}.visual-circle{animation:none!important}#recentlyPlayedList.home-grid-scroll .home-grid-card,.genre-tracks-section .home-grid-scroll .home-grid-card{width:180px}#genreSectionsContainer{gap:28px}.genre-tracks-section .section-header h3{font-size:18px}.creator-card{width:180px;padding:16px}.creator-avatar{width:70px;height:70px}.creator-name{font-size:15px}}@media(max-width:480px){.hero-banner{padding:20px 14px!important;margin:8px 6px 16px!important;border-radius:18px!important}.hero-banner:before{animation:none}.visual-circle{animation:none;display:none}.hero-visual{display:none}.hero-banner h1{font-size:22px!important;letter-spacing:-1px}.hero-subtitle{font-size:13px!important;margin-bottom:16px!important;line-height:1.5}.hero-btn.primary{padding:10px 20px;font-size:13px;border-radius:12px;gap:8px}.home-sections{gap:28px!important}.section-header{height:40px;min-height:40px}.section-header h3{font-size:17px!important}.section-header h3:after{font-size:14px}.home-list-item{gap:10px!important;border-radius:10px}.list-item-cover-container{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;border-radius:10px}.list-item-title{font-size:15px}.list-item-tags{font-size:12px}.list-item-author img{width:20px;height:20px}.list-item-author span{font-size:12px}.list-item-stats{font-size:11px}.home-grid-container.home-grid-scroll .home-grid-card{width:180px!important}.grid-card-title{font-size:14px}.grid-card-tags{font-size:12px}.grid-card-author img{width:20px;height:20px}.grid-card-author span{font-size:12px}.grid-card-play-btn{width:44px;height:44px}.grid-card-play-btn i{font-size:18px}.grid-card-duration{font-size:10px;padding:3px 7px}.grid-card-badge{font-size:9px;padding:3px 6px}.faq-item{padding:10px 12px;border-radius:12px}.faq-item-question{font-size:13px}.faq-item-body p{font-size:12px}.support-ticket-item{padding:10px 12px}.support-ticket-subject{font-size:13px}.support-ticket-meta{flex-wrap:wrap;gap:4px 8px}.support-title{font-size:16px}.custom-select-trigger{padding:8px 10px;font-size:13px}.category-view-header h2{font-size:20px!important}.back-link-btn{padding:6px 12px;font-size:12px}.category-view-content.grid{grid-template-columns:repeat(2,1fr);gap:16px}#recentlyPlayedList.home-grid-scroll .home-grid-card,.genre-tracks-section .home-grid-scroll .home-grid-card{width:160px}#genreSectionsContainer{gap:24px}.genre-tracks-section .section-header{margin-bottom:14px}.genre-tracks-section .section-header h3{font-size:16px}.creator-card{width:160px;padding:14px;gap:12px}.creator-avatar{width:64px;height:64px}.creator-avatar img{border-width:2px}.creator-rising-badge{font-size:9px;padding:3px 6px;border-radius:10px}.creator-name{font-size:14px}.creator-handle{font-size:11px}.creator-stats{font-size:11px;gap:10px}.creator-follow-btn{padding:7px 14px;font-size:12px;border-radius:10px}}@media(hover:none){.list-item-play-overlay{opacity:0}.list-play-btn{transform:scale(.8)}.home-list-item:hover{transform:none;background:transparent;border-color:transparent}.home-list-item:active{background:var(--hover-bg)}.home-list-item.playing{background:var(--indigo-08);border-color:var(--accent-color)}.home-list-item.playing .list-item-title{color:var(--accent-color)}.home-grid-card:hover .grid-card-cover{transform:none}.home-grid-card:hover .grid-card-cover-container{box-shadow:0 15px 35px var(--black-50)}.grid-card-play-btn{opacity:0;transform:translate3d(-50%,-50%,0) scale(.8)}.home-grid-card.playing .grid-card-play-btn{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}}.faq-column,.support-column{display:flex;flex-direction:column;gap:16px}.support-column{border-left:1px solid var(--glass-border);padding-left:24px}.faq-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-section{display:flex;flex-direction:column;gap:8px}.faq-section-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);opacity:.85}.faq-item{width:100%;text-align:left;border-radius:14px;border:1px solid var(--white-08);background:var(--black-30);padding:12px 14px;color:var(--text-primary);cursor:pointer;transition:background .18s ease,border-color .18s ease}.faq-item:hover{border-color:var(--accent-color);background:var(--black-40)}.faq-item-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.faq-item-question{font-size:14px;font-weight:600;color:var(--text-white)}.faq-item-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:transform .18s ease,color .18s ease}.faq-item-body{max-height:0;overflow:hidden;transition:max-height .2s ease}.faq-item-body p{margin-top:10px;margin-bottom:0;font-size:13px;color:var(--text-secondary)}.faq-item.active .faq-item-body{max-height:200px}.faq-item.active .faq-item-icon{transform:rotate(180deg);color:var(--text-primary)}.support-title{font-size:18px;font-weight:600}.custom-select{position:relative}.custom-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:999px;border:1px solid var(--white-08);background:var(--black-30);color:var(--text-primary);font-size:14px;cursor:pointer}.custom-select-trigger i{font-size:12px;color:var(--text-secondary);transition:transform .18s ease}.custom-select.open .custom-select-trigger i{transform:rotate(180deg)}.custom-select-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary)}.custom-select.open .custom-select-value{color:var(--text-primary)}.custom-select-value.has-value{color:var(--accent-color)}.custom-select-menu{position:absolute;inset-inline:0;top:calc(100% + 4px);border-radius:16px;border:1px solid var(--white-08);background:var(--black-50);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);box-shadow:0 8px 32px var(--black-30);padding:4px;z-index:30;max-height:220px;overflow-y:auto;display:none}.custom-select.open .custom-select-menu{display:block}.custom-select-option{width:100%;border:none;background:transparent;color:var(--text-primary);text-align:left;padding:8px 10px;border-radius:10px;font-size:14px;cursor:pointer}.custom-select-option:hover{background:var(--white-08)}#homeCategoryView{padding:30px 20px;animation:fadeIn .4s ease}.category-view-header{display:flex;align-items:center;gap:24px;margin-bottom:40px}.category-view-header h2{font-size:32px;font-weight:800;letter-spacing:-1px}.back-link-btn{background:var(--white-05);border:1px solid var(--white-10);color:#fff;padding:8px 16px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.back-link-btn:hover{background:var(--white-10);transform:translate(-4px)}.category-view-content.list{display:flex;flex-direction:column;gap:4px}.category-view-content.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px}.category-view-content.grid .home-grid-card{width:100%}.category-view-content.grid .grid-card-cover-container{aspect-ratio:1}.category-view-content.grid .grid-card-title,.category-view-content.grid .grid-card-tags{white-space:normal;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}#recentlyPlayedList.home-grid-scroll .home-grid-card{flex:0 0 auto;width:220px;scroll-snap-align:start}#recentlyPlayedList.home-grid-scroll .grid-card-cover-container{aspect-ratio:3 / 4}#recentlyPlayedList.home-grid-scroll .grid-card-title,#recentlyPlayedList.home-grid-scroll .grid-card-tags{white-space:nowrap}#genreSectionsContainer{display:flex;flex-direction:column;gap:40px}.genre-tracks-section{width:100%}.genre-tracks-section .section-header{margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid var(--white-05)}.genre-tracks-section .section-header h3{font-size:20px;font-weight:700}.genre-tracks-section .home-grid-scroll{padding-bottom:8px}.genre-tracks-section .home-grid-scroll .home-grid-card{flex:0 0 auto;width:220px;scroll-snap-align:start}.genre-tracks-section .home-grid-scroll .grid-card-cover-container{aspect-ratio:3 / 4}.genre-tracks-section .home-grid-scroll .grid-card-title,.genre-tracks-section .home-grid-scroll .grid-card-tags{white-space:nowrap}.creators-scroll{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;padding-bottom:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.creators-scroll::-webkit-scrollbar{height:6px}.creators-scroll::-webkit-scrollbar-track{background:var(--white-06);border-radius:999px}.creators-scroll::-webkit-scrollbar-thumb{background:var(--white-14);border-radius:999px}.creator-card{flex:0 0 auto;width:180px;scroll-snap-align:start;padding:16px;background:transparent;border:1px solid transparent;border-radius:16px;cursor:pointer;transition:all var(--anim-normal) var(--ease-spring);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.creator-card:hover{background:var(--white-05);border-color:transparent;transform:none;box-shadow:none}.creator-avatar{position:relative;width:72px;height:72px}.creator-avatar img{width:100%;height:100%;border-radius:50%;border:1px solid var(--white-05);object-fit:cover;transition:border-color var(--anim-fast)}.creator-card:hover .creator-avatar img{border-color:var(--white-20)}.creator-rising-badge{position:absolute;bottom:-2px;right:-2px;background:var(--accent-color);color:#fff;font-size:9px;font-weight:700;padding:3px 6px;border-radius:8px;border:2px solid var(--bg-dark-950);display:flex;align-items:center;gap:2px}.creator-rising-badge i{font-size:8px}.creator-info{flex:1;display:flex;flex-direction:column;gap:4px;width:100%}.creator-name{font-size:15px;font-weight:700;color:var(--text-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-handle{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.creator-stats{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:var(--text-secondary);margin-top:2px;opacity:.7}.creator-stats span{display:flex;align-items:center;gap:4px}.creator-stats i{font-size:11px;opacity:.7}.creator-follow-btn{width:100%;padding:8px 16px;background:var(--white-05);color:var(--text-white);border:1px solid transparent;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--anim-fast) ease;display:flex;align-items:center;justify-content:center;gap:6px}.creator-follow-btn:hover{background:var(--white-10);transform:none;border-color:transparent}.creator-follow-btn.following{background:var(--white-10);color:var(--text-primary)}.creator-follow-btn.following:hover{background:var(--white-15)}.creator-follow-btn:disabled{opacity:.5;cursor:not-allowed}.category-modal{width:900px!important;max-width:95vw}.category-modal-content{margin-top:20px;padding-bottom:20px}.category-modal-content.list{display:flex;flex-direction:column;gap:8px}.category-modal-content.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.category-modal-content.grid .home-grid-card{width:100%}.category-modal-content.grid .grid-card-cover-container{aspect-ratio:1}.category-modal-content.grid .grid-card-title,.category-modal-content.grid .grid-card-tags{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-modal-content .loading-placeholder{display:none}.credits-container{margin-top:auto;padding:20px;background:var(--black-30);border:1px solid var(--white-05);border-radius:20px;text-align:center;transition:all .3s ease}.credits-container:hover{background:var(--black-40);border-color:var(--white-10)}.trends-filter-wrapper{position:relative}.trends-filter-btn{background:var(--black-30);border:1px solid var(--white-08);border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:6px 14px;min-width:110px;width:auto;overflow:hidden;outline:none;display:flex;align-items:center;gap:6px;justify-content:center;transition:all .2s ease;font-weight:500}.trends-filter-btn:hover{background:var(--white-05);border-color:var(--white-12)}.trends-filter-btn i{font-size:.7rem;opacity:.7;transition:transform .2s ease}.trends-filter-btn.open i{transform:rotate(180deg)}.trends-filter-menu{position:absolute;right:0;top:100%;margin-top:6px;background:var(--overlay-black-50);backdrop-filter:blur(32px);border-radius:16px;border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);padding:4px;min-width:150px;z-index:40;display:none}.trends-filter-menu.open{display:block;animation:fadeInScale .2s ease}.trends-filter-option{width:100%;text-align:left;padding:8px 12px;border-radius:10px;font-size:.85rem;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .15s ease;font-weight:500}.trends-filter-option:hover{background:var(--white-08);color:var(--text-primary)}.trends-filter-option.active{background:var(--border-medium);color:var(--text-primary);font-weight:600}.library-panel{grid-column:4;width:var(--library-width);display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border-left:1px solid var(--glass-border);z-index:20}.home-active .library-panel,.home-active .resize-handle,.song-active .library-panel,.song-active .resize-handle,.billing-active .library-panel,.billing-active .resize-handle,body.faq-active .library-panel,html.faq-active .library-panel{display:none!important}.library-header{padding:24px 20px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.library-header h3{font-size:18px;font-weight:700;font-family:Geologica,sans-serif;color:var(--text-primary);display:flex;align-items:center;gap:12px}.library-list{flex:1;overflow-y:auto;padding:20px 20px 120px;display:flex;flex-direction:column;gap:16px;overscroll-behavior-y:none}.library-list::-webkit-scrollbar{width:6px}.library-list::-webkit-scrollbar-track{background:transparent}.library-list::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}.library-list:hover::-webkit-scrollbar-thumb{background:var(--white-10)}.library-list::-webkit-scrollbar-thumb:hover{background:var(--white-20)}.playlist-card{display:flex;align-items:center;gap:16px;padding:12px 16px;min-height:64px;border-radius:16px;background:var(--white-03);border:1px solid var(--white-05);cursor:pointer;transition:all .2s cubic-bezier(.2,0,.2,1);position:relative;overflow:hidden}.playlist-card:hover{transform:translateY(-2px);background:var(--white-05);border-color:var(--white-10);box-shadow:0 4px 20px #0003}.playlist-card:active{transform:translateY(0)}.playlist-card-stack{position:relative;width:48px;height:48px;flex-shrink:0}.playlist-card-layer{position:absolute;inset:0;border-radius:12px;background:linear-gradient(135deg,var(--accent-color),var(--color-indigo-500));box-shadow:0 4px 12px #0000004d;transition:all .3s ease}.playlist-card-layer.back{transform:scale(.85) translateY(6px);opacity:.4;z-index:1}.playlist-card:hover .playlist-card-layer.back{transform:scale(.85) translateY(8px);opacity:.5}.playlist-card-layer.mid{transform:scale(.92) translateY(3px);opacity:.6;z-index:2}.playlist-card:hover .playlist-card-layer.mid{transform:scale(.92) translateY(4px);opacity:.7}.playlist-card-layer.front{display:flex;align-items:center;justify-content:center;z-index:3;background:linear-gradient(135deg,var(--accent-color),var(--color-indigo-600))}.playlist-card-layer.front i{color:var(--text-white);font-size:1.1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.playlist-card-meta{display:flex;flex-direction:column;gap:3px;overflow:hidden;flex:1}.playlist-card-title{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:-.01em}.playlist-card-count{font-size:13px;color:var(--text-secondary);font-weight:500}.playlist-card.create-playlist-card{background:var(--white-02);border:1px dashed var(--white-10);margin-bottom:8px}.playlist-card.create-playlist-card:hover{background:var(--white-05);border-color:var(--accent-color);border-style:solid}.playlist-card.create-playlist-card .playlist-card-stack{width:44px;height:44px}.playlist-card.create-playlist-card .playlist-card-layer.back,.playlist-card.create-playlist-card .playlist-card-layer.mid{display:none}.playlist-card.create-playlist-card .playlist-card-layer.front{background:var(--white-05);border:1px solid var(--white-10);box-shadow:none}.playlist-card.create-playlist-card:hover .playlist-card-layer.front{background:var(--accent-color);border-color:transparent}.playlist-card.create-playlist-card .playlist-card-layer.front i{color:var(--text-secondary);font-size:1.2rem;transition:color .2s ease}.playlist-card.create-playlist-card:hover .playlist-card-layer.front i{color:var(--text-white)}.playlist-card.create-playlist-card .playlist-card-title{color:var(--text-secondary);transition:color .2s ease}.playlist-card.create-playlist-card:hover .playlist-card-title{color:var(--text-primary)}.playlist-open-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.playlist-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--glass-border);background:var(--white-03);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:background var(--anim-fast) ease,color var(--anim-fast) ease,transform .1s ease}.playlist-back-btn i{font-size:12px}.playlist-back-btn:hover{background:var(--white-06);color:var(--text-primary);transform:translateY(-1px)}.playlist-open-title-wrap{display:flex;flex-direction:column;gap:2px}.playlist-open-title{font-size:14px;font-weight:600}.playlist-open-subtitle{font-size:12px;color:var(--text-secondary)}.playlist-open-tracks{display:flex;flex-direction:column;gap:12px}.add-track-btn{background:none;border:none;color:var(--white-60);font-size:18px;cursor:pointer;padding:4px;display:none!important;align-items:center;justify-content:center;transition:all var(--anim-fast) ease}.add-track-btn:hover{color:var(--text-white)}.library-actions{display:flex;align-items:center;gap:8px}.library-subtabs{display:flex;align-items:center;gap:6px;padding:12px 16px 8px}.library-subtab-btn{border:none;border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;background:transparent;color:var(--text-secondary);transition:background var(--anim-fast) ease,color var(--anim-fast) ease,transform .1s ease}.library-subtab-btn:hover{background:var(--white-05);color:var(--text-primary)}.library-subtab-btn.active{background:var(--white-08);color:var(--text-white);transform:translateY(-1px)}.filter-favorites-btn{display:none}.add-track-modal{max-width:500px;width:90%}.add-track-body{display:flex;flex-direction:column}.add-track-body h2{display:flex;align-items:center;gap:10px;font-size:20px;margin-bottom:5px}.add-track-body h2 i{color:var(--accent-color)}.playlist-list-container{margin-top:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.playlist-list-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:none;background:var(--white-05);cursor:pointer;text-align:left;color:var(--text-primary);transition:background var(--anim-fast) ease,transform .12s ease}.playlist-list-item:hover{background:var(--white-10);transform:translateY(-1px)}.playlist-list-cover{width:40px;height:40px;border-radius:10px;background:var(--bg-zinc-900);display:flex;align-items:center;justify-content:center;color:var(--text-white)}.playlist-list-meta{flex:1;display:flex;flex-direction:column;overflow:hidden}.playlist-list-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-list-count{font-size:12px;color:var(--text-secondary)}.playlist-empty{font-size:13px;color:var(--text-secondary)}.playlist-list-actions{display:flex;align-items:center;gap:6px}.playlist-add-btn,.playlist-delete-btn{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background var(--anim-fast) ease,color var(--anim-fast) ease,transform .1s ease}.playlist-add-btn:hover{background:var(--indigo-15);color:var(--accent-color);transform:translateY(-1px)}.playlist-delete-btn:hover{background:var(--red-15);color:var(--color-red-400);transform:translateY(-1px)}.playlist-create-row{display:flex;align-items:center;gap:10px;margin-top:10px}.playlist-create-row input{flex:1;min-width:0}.playlist-create-input{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.playlist-create-input input{flex:1;min-width:0;padding-right:56px}.add-track-loading,.add-track-error{display:flex;align-items:center;gap:10px;padding:15px;border-radius:8px;margin-top:15px}.add-track-loading{background:var(--indigo-10);color:var(--accent-color)}.add-track-loading i{font-size:18px}.add-track-error{background:var(--red-10);color:var(--color-red-400)}.add-track-error i{font-size:18px}.dropdown-subgroup{margin-top:4px;padding:6px 10px 8px;border-radius:10px;background:var(--white-03)}.dropdown-subgroup-header{display:flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:4px}.dropdown-subgroup-header i{font-size:11px;color:var(--white-50)}.dropdown-subgroup-body .dropdown-item{padding-left:0;padding-right:0}.dropdown-item.disabled{opacity:.55;cursor:default;pointer-events:none}.dropdown-item.has-submenu{position:relative}.dropdown-item.has-submenu .submenu-chevron{margin-left:auto;font-size:11px;opacity:.7}.dropdown-submenu-panel{position:absolute;top:0;right:100%;margin-right:0;min-width:220px;padding:8px 10px;border-radius:12px;background:var(--bg-dark-600);border:1px solid var(--white-10);box-shadow:0 10px 30px var(--black-50);display:flex;flex-direction:column;gap:4px;opacity:0;transform:translate(4px);pointer-events:none;z-index:10000}.dropdown-item.has-submenu:hover .dropdown-submenu-panel,.dropdown-item.has-submenu .dropdown-submenu-panel:hover{opacity:1;transform:translate(0);pointer-events:auto}.permissions-panel{gap:8px}.permissions-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-slate-200)}.add-track-preview{margin-top:20px;padding:15px;background:var(--white-03);border-radius:12px;border:1px solid var(--glass-border)}.preview-header{display:flex;gap:15px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--glass-border)}.preview-header img{width:70px;height:70px;border-radius:8px;object-fit:cover}.preview-info{flex:1;overflow:hidden}.preview-info h4{font-size:16px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-info p{font-size:12px;color:var(--text-secondary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-info span{font-size:11px;color:var(--accent-color);background:var(--indigo-10);padding:2px 8px;border-radius:4px}.preview-tracks{margin-top:15px;display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto}.preview-track-item{display:flex;align-items:center;gap:12px;padding:10px;background:var(--white-02);border-radius:8px;cursor:pointer;transition:all var(--anim-fast) ease}.preview-track-item:hover{background:var(--white-05)}.preview-track-item.selected{background:var(--indigo-15);border:1px solid var(--accent-color)}.preview-track-item img{width:40px;height:40px;border-radius:6px;object-fit:cover}.preview-track-item .track-details{flex:1;overflow:hidden}.preview-track-item .track-details h5{font-size:13px;font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-track-item .track-details span{font-size:11px;color:var(--text-secondary)}.preview-track-item .check-icon{color:var(--accent-color);opacity:0;transition:opacity var(--anim-fast) ease}.preview-track-item.selected .check-icon{opacity:1}@media(max-width:768px){.library-panel{position:fixed;inset:0;width:100%!important;z-index:200;border-left:none;border-radius:0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);contain:layout style;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.library-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.library-header{padding:16px;min-height:56px}.library-header h3{font-size:17px}.library-list{padding:16px;gap:12px;padding-bottom:calc(168px + env(safe-area-inset-bottom,0px))!important;-webkit-overflow-scrolling:touch}.library-list::-webkit-scrollbar{display:none}.library-list{scrollbar-width:none}.playlist-card{min-height:56px;padding:10px 14px;gap:14px;border-radius:14px;-webkit-tap-highlight-color:transparent}.playlist-card-title{font-size:15px}.playlist-card-count{font-size:12px}.playlist-card.create-playlist-card{min-height:52px}.library-subtabs{padding:10px 16px 6px;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.library-subtabs::-webkit-scrollbar{display:none}.library-subtab-btn{padding:8px 16px;font-size:13px;min-height:36px;white-space:nowrap;flex-shrink:0}.playlist-back-btn{min-width:44px;min-height:44px;padding:8px 14px;font-size:13px}.dropdown-submenu-panel{position:fixed;left:12px;right:12px;top:auto;bottom:var(--menu-sheet-offset, 8px);min-width:0;border-radius:16px;opacity:0;transform:translateY(12px);pointer-events:none;z-index:100004}.dropdown-item.has-submenu.submenu-open .dropdown-submenu-panel,.dropdown-submenu-panel.submenu-sheet-open{opacity:1;transform:translateY(0);pointer-events:auto}.playlist-list-item{padding:12px 14px;min-height:56px;gap:12px}.playlist-list-cover{width:44px;height:44px}.playlist-list-title{font-size:15px}.playlist-list-count{font-size:13px}.playlist-add-btn,.playlist-delete-btn{min-width:44px;min-height:44px;padding:10px;border-radius:10px}.playlist-create-row{flex-direction:column;gap:8px}.playlist-create-row input{width:100%;font-size:16px}.playlist-create-input input{font-size:16px}.add-track-preview{padding:12px}.preview-header{gap:12px}.preview-header img{width:60px;height:60px}.preview-info h4{font-size:15px}.preview-track-item{padding:12px;min-height:52px;gap:10px}.preview-track-item img{width:44px;height:44px}.permissions-row{flex-direction:column;align-items:flex-start;gap:8px}}@media(hover:none){.playlist-card:hover{transform:none;background:var(--white-03);border-color:var(--white-05);box-shadow:none}.playlist-card:active{background:var(--white-06);transform:scale(.98)}.playlist-card:hover .playlist-card-layer.back{transform:scale(.85) translateY(6px);opacity:.4}.playlist-card:hover .playlist-card-layer.mid{transform:scale(.92) translateY(3px);opacity:.6}.playlist-list-item:hover{background:var(--white-05);transform:none}.playlist-list-item:active{background:var(--white-10)}.playlist-add-btn:hover,.playlist-delete-btn:hover,.playlist-back-btn:hover{transform:none}.library-subtab-btn:hover{background:transparent;color:var(--text-secondary)}.library-subtab-btn.active,.library-subtab-btn.active:hover{background:var(--white-08);color:var(--text-white);transform:none}.library-subtab-btn:active{background:var(--white-08);color:var(--text-primary)}.create-playlist-card:hover .playlist-card-layer.front{background:var(--white-05);border-color:var(--white-10)}.create-playlist-card:active .playlist-card-layer.front{background:var(--accent-color);border-color:transparent}.create-playlist-card:hover .playlist-card-layer.front i{color:var(--text-secondary)}.create-playlist-card:active .playlist-card-layer.front i{color:var(--text-white)}.create-playlist-card:hover .playlist-card-title{color:var(--text-secondary)}.preview-track-item:hover{background:var(--white-02)}.preview-track-item:active{background:var(--white-06)}.library-list:hover::-webkit-scrollbar-thumb{background:transparent}}@media(max-width:480px){.library-header{padding:14px}.library-header h3{font-size:16px;gap:10px}.library-list{padding:14px;gap:10px}.playlist-card{padding:10px 12px;gap:12px;border-radius:12px}.playlist-card-stack{width:44px;height:44px}.playlist-card-title{font-size:14px}.playlist-card-count{font-size:12px}.library-subtabs{padding:8px 14px 4px}.library-subtab-btn{padding:7px 14px;font-size:12px}.playlist-open-header{gap:10px;margin-bottom:10px}.playlist-open-title{font-size:13px}.playlist-open-subtitle{font-size:11px}.preview-header img{width:52px;height:52px;border-radius:6px}.preview-info h4{font-size:14px}.preview-tracks{max-height:180px}.playlist-list-container{max-height:220px}.add-track-body h2{font-size:18px}}@media(max-width:360px){.library-header{padding:12px}.library-header h3{font-size:15px;gap:8px}.library-list{padding:12px;gap:8px}.playlist-card{padding:8px 10px;min-height:52px;gap:10px}.playlist-card-stack{width:40px;height:40px}.playlist-card-layer{border-radius:10px}.playlist-card-title{font-size:13px}.playlist-card-count{font-size:11px}.library-subtab-btn{padding:6px 12px;font-size:12px;min-height:34px}.playlist-back-btn{padding:6px 12px;font-size:12px}.preview-header img{width:44px;height:44px}.preview-track-item img{width:40px;height:40px}.add-track-body h2{font-size:16px;gap:8px}.playlist-list-container{max-height:200px}}@media(prefers-reduced-motion:reduce){.playlist-card,.playlist-card-layer,.playlist-list-item,.playlist-add-btn,.playlist-delete-btn,.playlist-back-btn,.library-subtab-btn,.preview-track-item,.preview-track-item .check-icon,.create-playlist-card .playlist-card-layer.front,.create-playlist-card .playlist-card-layer.front i,.create-playlist-card .playlist-card-title{transition:none!important}.playlist-card:hover,.library-subtab-btn.active{transform:none}}.following-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--white-03);border:1px solid var(--white-05);cursor:pointer;transition:all .3s cubic-bezier(.2,0,.2,1);position:relative;overflow:hidden;max-width:100%}.following-card:hover{transform:translateY(-2px);background:var(--white-05);border-color:var(--white-10);box-shadow:0 4px 20px #0003}.following-card:active{transform:translateY(0)}.following-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--white-10)}.following-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.following-name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.following-username{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.following-bio{font-size:11px;color:var(--text-tertiary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}.following-stats{font-size:11px;color:var(--text-secondary);margin-top:2px}.following-actions{display:flex;gap:6px;flex-shrink:0}.following-btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.view-profile-btn{background:var(--primary);color:#fff}.view-profile-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.unfollow-btn{background:var(--white-05);color:var(--text-primary);border:1px solid var(--white-10)}.unfollow-btn:hover{background:var(--white-10);border-color:var(--white-20)}@media(max-width:768px){.following-card{flex-wrap:wrap;gap:10px}.following-avatar{width:44px;height:44px}.following-info{flex:1;min-width:120px}.following-actions{width:100%;justify-content:stretch}.following-btn{flex:1}}.track-card{display:flex;align-items:flex-start;gap:16px;padding:12px;background:var(--card-bg);border-radius:var(--radius-md);transition:all var(--anim-normal) var(--ease-out-expo);border:1px solid var(--border-subtle);position:relative;min-height:88px}.track-card:hover{background:var(--hover-bg);border-color:var(--white-10);transform:translateY(-2px);box-shadow:0 12px 30px var(--black-30)}.track-card.playing{background:var(--hover-bg);border-color:var(--white-20)}.favorite-btn{background:none;border:none;color:var(--white-40);font-size:16px;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:all var(--anim-normal) var(--ease-spring);border-radius:6px}.track-card:hover .favorite-btn{color:var(--white-60)}.favorite-btn:hover{color:var(--color-red-400)!important;background:var(--red-10);transform:scale(1.1)}.favorite-btn.active{color:var(--color-red-500)!important;opacity:1}.img-container{position:relative;width:64px;height:64px;flex-shrink:0;cursor:pointer;transition:transform var(--anim-normal) var(--ease-spring);margin-top:0}.track-img{width:100%;height:100%;border-radius:6px;object-fit:cover}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:36px;height:36px;background:var(--white-15);backdrop-filter:blur(8px);border:1px solid var(--white-20);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--anim-normal) var(--ease-spring);font-size:14px;color:#fff;z-index:5;pointer-events:auto;cursor:pointer}.img-container:hover .play-overlay,.track-card.playing .play-overlay{opacity:1;transform:translate(-50%,-50%) scale(1)}.play-overlay:hover{background:var(--text-white)!important;color:var(--bg-dark-950)!important;transform:translate(-50%,-50%) scale(1)!important}.play-overlay:hover i{color:var(--bg-dark-950)!important}.track-info-mini{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding-top:0;min-width:0;max-width:100%}.title-row{display:flex;align-items:center;gap:8px}.track-title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-tag{font-size:10px;font-weight:700;color:var(--accent-color);background:var(--indigo-10);padding:2px 6px;border-radius:4px;border:1px solid var(--indigo-20);flex-shrink:0;text-transform:uppercase}.track-meta{font-size:12px;color:var(--text-secondary);margin-top:3px;white-space:pre-wrap;word-break:break-word;width:100%}.description-container{width:100%;display:block;position:relative}.track-meta-container{margin-top:3px;position:relative;display:flex;flex-direction:column;width:100%}.track-meta-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.track-duration{font-size:11px;color:var(--text-secondary)}.expand-desc-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;font-size:10px;transition:all var(--anim-fast) ease;display:flex;align-items:center;justify-content:center;opacity:.7}.expand-desc-btn:hover{color:var(--accent-color);opacity:1}.track-description{font-size:11px;color:var(--text-secondary);line-height:1.4;display:block;max-height:2.8em;overflow:hidden;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;transition:max-height .3s ease;width:100%}.track-meta-container.expanded .track-description{max-height:none!important;overflow:visible!important;white-space:pre-wrap!important}.track-card.description-expanded .track-description{max-height:none!important;display:block!important;overflow:visible!important;white-space:pre-wrap!important}.track-actions{display:flex;flex-direction:row;align-items:center;gap:4px;position:relative;align-self:flex-start;margin-top:0}.track-menu-btn{background:none;border:none;color:var(--text-slate-200);cursor:pointer;padding:5px;font-size:14px;transition:all var(--anim-normal) var(--ease-out-expo);border-radius:4px}.track-menu-btn:hover{color:var(--text-white);background:var(--white-10)}.dropdown-menu{position:absolute;right:0;top:35px;background:var(--bg-dark-600);border:1px solid var(--white-10);border-radius:12px;z-index:9999;box-shadow:0 10px 40px var(--black-50);display:none;flex-direction:column;width:170px;backdrop-filter:blur(20px);opacity:0;transform:scale(.95) translateY(-10px);transition:all .25s cubic-bezier(.4,0,.2,1);padding:6px}.dropdown-menu.show{display:flex;opacity:1;transform:scale(1) translateY(0)}@media(max-width:768px){:root{--menu-sheet-offset: 8px;--menu-sheet-stack-gap: 12px}body.menu-sheet-open:before{content:"";position:fixed;inset:0;background:#05060a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99998}body.menu-subsheet-open:after{content:"";position:fixed;inset:0;background:#05060a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100003}body.menu-sheet-open{overflow:hidden}.dropdown-menu{position:fixed;left:12px;right:12px;bottom:var(--menu-sheet-offset, 8px);top:auto;width:auto;max-height:min(70vh,520px);overflow-y:auto;border-radius:16px;z-index:100000;transform:translateY(12px);will-change:transform,opacity}.dropdown-menu.upward{bottom:var(--menu-sheet-offset, 8px)}.dropdown-menu.show{transform:none}.dropdown-item{padding:14px 16px;font-size:15px;gap:12px;min-height:44px}.dropdown-item i{font-size:16px;width:20px}.menu-divider{margin:4px 0}}@media(max-width:480px){.track-card{gap:12px;padding:10px;min-height:76px}.img-container{width:52px;height:52px}.play-overlay{width:30px;height:30px;font-size:12px}.track-title{font-size:13.5px}.model-tag{font-size:9px;padding:1px 5px}.track-meta{font-size:11px}.track-description{font-size:10.5px}.track-duration{font-size:10px}.favorite-btn{font-size:15px;padding:5px}.track-menu-btn{font-size:13px;padding:4px}.dropdown-item{padding:12px 14px;font-size:14px}.public-badge{font-size:8px;padding:2px 6px;bottom:6px;right:6px}}@media(hover:none){.track-card:hover{transform:none;box-shadow:none;background:var(--card-bg);border-color:var(--border-subtle)}.track-card.playing:hover{background:var(--hover-bg)}.play-overlay,.img-container:hover .play-overlay{opacity:0;transform:translate(-50%,-50%) scale(.8)}.track-card.playing .play-overlay{opacity:1;transform:translate(-50%,-50%) scale(1)}}.dropdown-menu.upward{top:auto;bottom:35px}.dropdown-item{padding:10px 12px;font-size:13px;color:var(--text-slate-200);cursor:pointer;display:flex;align-items:center;gap:10px;transition:all var(--anim-fast) ease;border-radius:8px;margin-bottom:2px}.dropdown-item:last-child{margin-bottom:0}.dropdown-item i{width:16px;text-align:center;font-size:14px;opacity:.7}.dropdown-item:hover{background:var(--white-08);color:#fff}.dropdown-item:hover i{opacity:1}.menu-divider{height:1px;background:var(--white-10);margin:6px 0}.dropdown-item.delete{margin-top:6px;padding-top:10px;position:relative;background:var(--red-15);color:var(--color-red-300);border-top:1px solid var(--white-05);border-radius:8px}.dropdown-item.delete:before{content:"";position:absolute;top:-4px;left:10px;right:10px;height:1px;background:var(--white-08)}.dropdown-item.delete i{color:var(--color-red-400);opacity:1}.dropdown-item.delete:hover{background:var(--red-30)!important;color:#fff!important}.loading-progress-wrap{position:absolute;left:0;right:0;bottom:0;height:3px;pointer-events:none}.loading-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--accent-color);width:0%;transition:width 1s linear;z-index:1;border-radius:0 0 var(--radius-md) var(--radius-md)}.track-card.generating{overflow:hidden}.track-card.generating .img-container{cursor:default}.track-card.generating .track-img{position:relative;filter:blur(6px) brightness(.95);transition:filter .3s ease}.track-card.generating.has-real-image .track-img{filter:none}.track-card.generating .track-info-mini{display:none}.cover-anim{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:6px;z-index:6;pointer-events:none;mix-blend-mode:screen}.cover-anim .bar{width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,var(--indigo-95),var(--pink-80));transform-origin:bottom center;animation:eqBar 1.2s ease-in-out infinite;opacity:.9}.cover-anim .bar:nth-child(odd){animation-delay:.1s}.cover-anim .bar:nth-child(3n){animation-delay:.25s}.cover-anim .bar:nth-child(5n){animation-delay:.4s}@keyframes eqBar{0%{transform:scaleY(.35)}25%{transform:scaleY(.8)}50%{transform:scaleY(1.2)}75%{transform:scaleY(.6)}to{transform:scaleY(.4)}}.track-card.generating .description-container{position:static}.track-card.description-expanded{min-height:auto;align-items:flex-start}.track-card.description-expanded .track-info-mini{flex:1;display:flex;flex-direction:column;height:auto;overflow:visible}.track-card.description-expanded .title-row{position:sticky;top:0;background:inherit;z-index:2}.track-card.description-expanded .description-container{height:auto;overflow:visible}.track-card.description-expanded .track-description{max-height:none!important;display:block!important;overflow:visible!important}.track-card.description-expanded .img-container,.track-card.description-expanded .track-actions{position:sticky;top:12px}.public-badge{position:absolute;bottom:8px;right:8px;background:var(--white-10);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--white-20);padding:2px 8px;border-radius:99px;display:flex;align-items:center;gap:4px;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:10;box-shadow:0 4px 12px var(--black-20)}.public-badge i{font-size:10px;opacity:.9}.track-card.generating .track-info-mini{display:flex!important}.track-card.generating .img-container{background:linear-gradient(135deg,var(--bg-dark-700) 0%,var(--indigo-15) 50%,var(--indigo-08) 100%);background-size:200% 200%;animation:gradientShift 3s ease infinite;border-radius:8px;overflow:hidden}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.track-card.generating .track-img{opacity:.1;filter:blur(8px) saturate(.5);transition:all var(--anim-slow) ease}.track-card.generating.has-real-image .track-img{opacity:.85;filter:blur(2px) saturate(1)}.generating-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.generating-pulse{width:38px;height:38px;border-radius:50%;background:var(--indigo-28);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 20px var(--indigo-40),0 0 40px var(--indigo-15)}.generating-pulse i{font-size:15px;color:var(--accent-color);animation:iconFloat 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 20px var(--indigo-40),0 0 40px var(--indigo-15)}50%{transform:scale(1.08);box-shadow:0 0 30px var(--indigo-50),0 0 50px var(--indigo-28)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.generating-ring{position:absolute;inset:2px;border:2px solid transparent;border-top-color:var(--accent-color);border-radius:50%;animation:ringRotate 1.8s linear infinite;opacity:.7}.generating-ring:before{content:"";position:absolute;inset:4px;border:1px solid transparent;border-bottom-color:var(--color-indigo-400);border-radius:50%;animation:ringRotate 2.5s linear infinite reverse;opacity:.4}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.generating-status{display:flex;flex-direction:column;gap:3px;margin-top:4px}.status-text{font-size:11px;color:var(--color-indigo-300);display:flex;align-items:center;gap:6px;animation:fadeInStatus var(--anim-normal) ease}.status-text i{font-size:10px;width:14px;text-align:center;animation:statusIconPulse 1.5s ease-in-out infinite}@keyframes statusIconPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes fadeInStatus{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.progress-text{font-size:10px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.track-card.generating .loading-progress{background:linear-gradient(90deg,var(--accent-color) 0%,var(--color-indigo-400) 50%,var(--accent-color) 100%);background-size:200% 100%;animation:progressShine 2s linear infinite}@keyframes progressShine{0%{background-position:-200% 0}to{background-position:200% 0}}.generating-tags{font-size:10px;color:var(--text-tertiary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:480px){.generating-pulse{width:30px;height:30px}.generating-pulse i{font-size:12px}.status-text{font-size:10px}.progress-text{font-size:9px}}.player-bar{position:fixed;bottom:20px;left:calc(var(--sidebar-width) + 20px);right:20px;height:100px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;z-index:100;border-radius:var(--radius-lg);background:var(--bg-glass-dark);backdrop-filter:blur(40px);border:1px solid var(--glass-border);box-shadow:var(--shadow-xl);transition:all var(--anim-normal) var(--ease-out-expo)}body.live-active .player-bar{display:none!important}.track-info{display:flex;align-items:center;gap:15px;width:250px}.player-cover{width:56px;height:56px;border-radius:6px;object-fit:cover;background:var(--bg-dark-500)}.track-text{flex:1;overflow:hidden}.track-text h4{font-size:14px;margin-bottom:4px;color:var(--text-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-text p{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-center-group{flex:1;max-width:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.player-controls{display:flex;align-items:center;gap:28px}.control-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;transition:all var(--anim-fast) ease;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.control-btn:hover{color:var(--text-white);background:var(--hover-bg)}.control-btn.active{color:var(--accent-color)}.play-main{width:48px;height:48px;background:var(--text-white);color:var(--text-black);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--anim-normal) var(--ease-spring);box-shadow:0 4px 15px var(--white-20)}.play-main:hover{transform:scale(1.15);background:var(--text-white);color:var(--text-black);box-shadow:0 0 20px var(--white-40)}.play-main:active{transform:scale(.95)}.player-progress-container{width:100%;display:flex;align-items:center;gap:12px}#progressBar{flex:1;appearance:none;-webkit-appearance:none;height:6px;background:var(--glass-surface);border-radius:3px;cursor:pointer;position:relative;border:none}#progressBar::-webkit-slider-runnable-track{width:100%;height:6px;background:linear-gradient(to right,var(--text-white) 0%,var(--text-white) var(--seek-before-width),var(--glass-surface) var(--seek-before-width),var(--glass-surface) 100%)!important}#progressBar::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:2px;height:12px;background:transparent}.time-text{font-size:11px;font-weight:600;color:var(--text-secondary);width:38px;text-align:center;font-variant-numeric:tabular-nums}input[type=range]:not(.inactive-slider){appearance:none;-webkit-appearance:none;width:100%;background:transparent;cursor:pointer}input[type=range]:not(.inactive-slider)::-webkit-slider-runnable-track{width:100%;height:100%;border-radius:3px}input[type=range]:not(.inactive-slider)::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:12px;width:2px;background:transparent}.volume-control{display:flex;align-items:center;gap:12px;width:150px;justify-content:flex-end}.volume-control #muteBtn{color:var(--text-secondary);font-size:18px;padding:10px;width:44px;min-width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--anim-fast) ease}.volume-control #muteBtn i{width:24px;text-align:center;display:flex;justify-content:center}.volume-control #muteBtn:hover{color:var(--text-white);background:var(--glass-surface)}.volume-control #muteBtn.muted{color:var(--color-red-500)}.volume-slider{flex:1;height:6px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;overflow:hidden}.volume-slider::-webkit-slider-runnable-track{width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,var(--text-white) 0%,var(--text-white) var(--volume-percent, 100%),var(--glass-surface) var(--volume-percent, 100%),var(--glass-surface) 100%)!important}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:12px;width:2px;background:transparent}.volume-slider:hover::-webkit-slider-thumb{transform:scale(1.3)}.follow-btn{padding:8px 20px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--accent-color);background:var(--accent-color);color:#fff;margin-bottom:12px}.follow-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.follow-btn.following{background:transparent;color:var(--text-secondary);border-color:var(--white-20)}.follow-btn.following:hover{border-color:var(--color-red-500);color:var(--color-red-500)}.profile-header-wrapper{position:relative;width:100%;margin-bottom:24px}.profile-cover-section{width:100%;height:400px;background-color:var(--bg-dark-700);background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;border-radius:18px 18px 0 0;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.profile-cover-section:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,var(--bg-dark-20) 60%,var(--bg-dark-80) 90%,var(--bg-dark-700) 100%);pointer-events:none}.profile-info-section{padding:0 40px;margin-top:-120px;position:relative;z-index:10;display:flex;gap:24px;align-items:flex-end}.profile-avatar-wrapper{width:120px;height:120px;border-radius:50%;border:4px solid var(--bg-dark-700);background:var(--bg-dark-500);overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px var(--black-30)}.profile-avatar-wrapper img{width:100%;height:100%;object-fit:cover}.profile-text-content{flex:1;padding-bottom:10px}.profile-main-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:12px}.profile-name-section{flex:1}.profile-display-name{font-size:28px;font-weight:700;color:var(--text-white);margin:0 0 4px}.profile-handle{font-size:14px;color:var(--text-gray-400);margin:0}.profile-stats-row{display:flex;gap:24px;margin-bottom:12px}.stat-item{display:flex;gap:6px;align-items:baseline;font-size:14px;color:var(--text-slate-300)}.stat-value{font-size:18px;font-weight:800;color:var(--text-white)}.stat-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-gray-400)}.profile-bio-section{font-size:14px;color:var(--text-gray-400);line-height:1.5;max-width:600px;word-break:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.edit-profile-btn{background:var(--white-10);border:1px solid var(--white-20);color:var(--text-white);padding:9px 18px;border-radius:24px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.edit-profile-btn:hover{background:var(--white-20)}.profile-divider{height:1px;background:var(--white-10);margin:24px 0;width:100%}.profile-content-section h3{font-size:18px;margin-bottom:16px;color:var(--text-white)}.published-tracks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%}@media(min-width:1600px){.published-tracks-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.published-tracks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.published-tracks-grid{grid-template-columns:minmax(0,1fr)}.profile-main-row{flex-direction:column;align-items:center;gap:12px;text-align:center}.profile-name-section{display:flex;flex-direction:column;align-items:center;width:100%}.profile-display-name,.profile-handle{text-align:center}.edit-profile-btn,.follow-btn{width:auto;justify-content:center}}@media(max-width:480px){.profile-info-section{padding:0 20px}.profile-main-row{flex-direction:column;align-items:center;gap:12px;text-align:center;justify-content:center}.profile-name-section{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0}.profile-display-name{text-align:center;font-size:24px;white-space:normal;overflow-wrap:break-word;word-break:break-word;max-width:100%}.profile-handle{text-align:center}.edit-profile-btn,.follow-btn{width:auto;min-width:140px;max-width:100%;justify-content:center;padding:10px 24px;font-size:14px}.edit-profile-btn span,.follow-btn span{display:inline-block}.profile-stats-row{flex-wrap:wrap;justify-content:center;gap:12px 20px}.stat-item{flex:0 0 auto}}.profile-track-card{background:var(--white-03);border:1px solid var(--white-05);display:flex;flex-direction:row;align-items:center;padding:10px;gap:12px;height:auto;min-width:0;overflow:hidden}.profile-track-card .img-container{width:60px;height:60px;flex-shrink:0;border-radius:8px;overflow:hidden}.profile-track-card .img-container img{width:100%;height:100%;object-fit:cover;border-radius:8px}.profile-track-card .track-info-mini{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0}.profile-track-card .title-row{margin-bottom:4px}.profile-track-card .track-title{font-size:14px;font-weight:600}.track-description{font-size:12px;color:var(--text-gray-400);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.profile-track-card .track-meta{font-size:12px;display:flex;align-items:center}.visibility-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:10px;margin-left:auto;font-weight:600}.visibility-badge.public{background:var(--green-10);color:var(--color-green-400);border:1px solid var(--green-20)}.back-nav-btn{background:var(--white-05);border:1px solid var(--white-10);color:var(--text-secondary);padding:8px 16px;border-radius:99px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.back-nav-btn:hover{background:var(--white-10);color:var(--text-primary);transform:translate(-2px);border-color:var(--white-20)}.card-stat-item{display:inline-flex;align-items:center;gap:4px;margin-left:12px;color:var(--text-secondary);font-size:11px}.card-stat-item i{font-size:10px;opacity:.7}.avatar-upload-area{position:relative;border-radius:50%;overflow:hidden;cursor:pointer;background:var(--bg-dark-500);border:2px dashed var(--white-20);transition:all .2s ease}.avatar-upload-area:hover{border-color:var(--accent-color)}.avatar-upload-area img{width:100%;height:100%;object-fit:cover;display:block}.avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black-50);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.avatar-upload-area:hover .avatar-overlay{opacity:1}.avatar-overlay i{color:var(--text-white);font-size:24px}.cover-upload-area{position:relative;width:100%;height:180px;border-radius:16px;overflow:hidden;cursor:pointer;border:2px dashed var(--white-15);background:var(--black-20);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.cover-upload-area:hover{border-color:var(--accent-color);background:var(--black-30)}.cover-preview-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.cover-preview-img.hidden{display:none}.cover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .3s ease;background:transparent}.cover-overlay i{font-size:28px;transition:transform .3s ease}.cover-upload-area:not(.has-image) .cover-overlay{background:transparent}.cover-upload-area.has-image .cover-overlay{opacity:0;background:#00000080;color:#fff}.cover-upload-area.has-image:hover .cover-overlay{opacity:1}.cover-upload-area.has-image:hover .cover-overlay i{transform:scale(1.1)}.cover-upload-area.has-image{border-style:solid;border-color:var(--white-10)}.cover-upload-area.has-image:hover{border-color:var(--accent-color)}.submit-row{display:flex;justify-content:flex-end;gap:12px;align-items:center}.permissions-section{margin-top:16px;padding:12px;border-radius:12px;background:var(--white-03);border:1px solid var(--glass-border)}.permissions-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 4px 10px;background:transparent;border:none;color:var(--text-secondary);cursor:default}.permissions-toggle i:first-child{font-size:13px}.permissions-label{flex:1;text-align:left;font-size:13px;font-weight:600;color:var(--text-primary)}.permissions-body{margin-top:4px}.permission-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.permission-text{display:flex;flex-direction:column;gap:2px}.permission-title{font-size:13px;font-weight:500;color:var(--text-primary)}.permission-subtitle{font-size:12px;color:var(--text-secondary)}.btn-secondary{background:var(--white-05);border:1px solid var(--white-10);color:var(--text-white);padding:10px 20px;border-radius:99px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--white-10);border-color:var(--white-20)}.generate-btn{padding:10px 30px;border-radius:99px;font-size:14px;font-weight:600}.edit-profile-modal{max-height:85vh!important;padding:20px 25px!important;display:flex;flex-direction:column}.edit-profile-modal .modal-header,.edit-profile-modal .modal-tabs{margin-bottom:15px;flex-shrink:0}.edit-profile-modal .submit-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding-top:18px;padding-bottom:5px;border-top:1px solid var(--white-10);flex-shrink:0}.edit-profile-modal .modal-body{padding-right:5px;flex:1;overflow-y:auto;min-height:0}.edit-profile-modal .form-group{margin-bottom:14px}.edit-profile-modal textarea{height:80px;min-height:70px}.edit-profile-modal .generate-btn{flex:0 0 auto;height:auto;width:auto;box-shadow:none!important}.edit-profile-modal .close-modal-btn{background:var(--bg-dark-900);border:1px solid var(--white-12);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;color:var(--text-white);transition:all .2s cubic-bezier(.4,0,.2,1);font-size:13px}.edit-profile-modal .close-modal-btn:hover{background:var(--bg-dark-400);transform:scale(1.1);border-color:var(--white-30);color:var(--text-white)}.input-with-prefix{display:flex;align-items:center;width:100%;background:var(--black-40);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:0 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-with-prefix:focus-within{background:var(--black-50);border-color:var(--white-30)}.input-with-prefix .prefix{color:var(--text-gray-400);font-weight:600;margin-right:2px;font-size:14px;flex-shrink:0}.input-with-prefix input{flex:1;background:transparent!important;border:none!important;padding:14px 0!important;color:var(--text-white)!important;font-size:14px;outline:none;font-family:inherit;box-shadow:none!important}.input-with-prefix input::placeholder{color:var(--white-30)}.list-item-author:hover span,.grid-card-author:hover span{text-decoration:underline;color:#fff}#publicProfile .stat-label{font-size:11px;text-transform:uppercase;color:var(--text-gray-500);letter-spacing:.5px;font-weight:700}#publicProfile .stat-value{font-size:18px;font-weight:800;color:var(--text-white)}.featured-section{margin-bottom:8px}.featured-section.hidden{display:none}.featured-section-header{margin-bottom:16px}.featured-section-header h3{font-size:18px;font-weight:700;color:var(--text-white);display:flex;align-items:center;gap:10px}.featured-section-header h3 i{font-size:14px;color:var(--accent-color);transform:rotate(-30deg)}.featured-tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;width:100%}.featured-tracks-grid .home-grid-card{width:100%;max-width:220px}.featured-tracks-grid .grid-card-cover-container{aspect-ratio:3 / 4}.featured-tracks-grid .grid-card-badge{background:var(--indigo-10);color:var(--accent-color);border:1px solid var(--indigo-20);box-shadow:none;font-weight:700;text-transform:uppercase}.pin-badge{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:50%;background:var(--accent-color);display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 8px #0000004d}.pin-badge i{font-size:10px;color:#fff;transform:rotate(-30deg)}.permissions-hint{font-size:11px;color:var(--text-secondary);opacity:.7;padding:2px 0 4px;line-height:1.4}@media(max-width:1200px){.featured-tracks-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.featured-tracks-grid .home-grid-card{max-width:200px}}@media(max-width:768px){.featured-tracks-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.featured-tracks-grid .home-grid-card{max-width:180px}.featured-section-header h3{font-size:16px}}@media(max-width:480px){.featured-tracks-grid{grid-template-columns:repeat(2,1fr);gap:12px}.featured-tracks-grid .home-grid-card{max-width:none}}.song-page-card{padding:0;overflow:visible;min-height:0;margin:0;border-radius:0;position:relative;box-shadow:none;background:transparent}.song-detail-header{display:flex;gap:30px;padding:30px 40px 32px;position:relative;background:transparent;border-bottom:1px solid var(--border-subtle)}.song-page-header{display:flex;align-items:center;padding:24px 40px 0}.song-cover-large{width:300px;height:300px;border-radius:12px;object-fit:cover;box-shadow:var(--shadow-lg);flex-shrink:0}.song-info-main{flex:1;display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:1}.song-title-large{font-size:3rem;font-weight:800;margin-bottom:10px;line-height:1.1;font-family:Geologica,sans-serif;text-shadow:0 2px 10px var(--overlay-black-50)}.song-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.song-meta-row{display:flex;align-items:center;gap:15px;margin-bottom:20px;font-size:.95rem;color:var(--text-gray-400)}.lyrics-section h3,.comments-section>h3{font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:16px}.song-author-link{display:flex;align-items:center;gap:8px;color:var(--text-white);text-decoration:none;font-weight:600}.song-author-avatar{width:24px;height:24px;border-radius:50%}.song-stats-bar{display:flex;align-items:center;gap:15px;margin-top:20px}.song-stat-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;background:var(--glass-surface);border:none;color:var(--text-white);cursor:pointer;transition:background .2s;font-size:.9rem}.song-stat-btn:hover{background:var(--glass-surface-hover)}.song-stat-btn.active{background:var(--accent-color);color:var(--text-white)}.song-content-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:32px;padding:28px 40px 36px}.song-mobile-tabs{display:none}.song-mobile-tab-btn{flex:0 0 50%;width:50%;border-radius:999px;border:none;padding:8px 12px;font-size:.9rem;font-weight:600;cursor:pointer;background:transparent;color:var(--text-secondary);transition:background var(--anim-fast) var(--ease-out-expo),color var(--anim-fast) var(--ease-out-expo);text-align:center;min-width:0}.song-mobile-tab-btn.active{background:var(--text-white);color:var(--bg-dark-950)}#song .lyrics-container{white-space:pre-line;line-height:1.6;font-size:1.05rem;color:var(--text-slate-200);background:var(--card-bg);border:1px solid var(--border-subtle);padding:20px;border-radius:18px;box-shadow:var(--shadow-xl);word-break:break-word;overflow-wrap:break-word}.comments-section{display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%}.comments-top-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:-16px;margin-bottom:12px}.comments-actions-buttons{display:flex;align-items:center;gap:10px;margin-right:4px}.comment-action-square{min-width:56px;height:56px;border-radius:18px;border:none;background:var(--bg-zinc-900);color:var(--text-white);display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:1.4rem;cursor:pointer;box-shadow:0 4px 12px #00000080;transition:background var(--anim-fast) var(--ease-out-expo),transform .16s ease,box-shadow .16s ease,filter .16s ease}.comment-action-square i{font-size:.9rem}.comment-action-square:hover{background:var(--hover-bg);transform:translateY(-1px);box-shadow:0 8px 18px #0009;filter:brightness(1.05)}.comment-action-square:active{transform:translateY(1px);box-shadow:0 4px 10px #000000b3}.comment-action-play{background:linear-gradient(135deg,var(--accent-color) 0%,var(--color-indigo-400) 100%)}.comments-sidebar{background:var(--card-bg);border-radius:20px;padding:22px 1.25rem 1.25rem;border:1px solid var(--border-subtle);display:flex;flex-direction:column;height:fit-content;box-shadow:var(--shadow-xl);max-width:100%;width:100%;box-sizing:border-box}.comment-input-area{margin-bottom:24px}.comment-input-footer{margin-top:8px;display:flex;justify-content:flex-start;align-items:center;gap:12px;flex-wrap:wrap}.comment-sort{position:relative;margin-left:auto}.emoji-bar{display:flex;gap:10px;margin-bottom:10px}.emoji-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.8;transition:transform .1s}.emoji-btn:hover{transform:scale(1.2);opacity:1}.comment-input{width:100%;background:var(--border-subtle);border:1px solid var(--glass-border);border-radius:12px;padding:12px;color:var(--text-white);resize:none;min-height:80px;font-family:inherit}.comment-input-error{border-color:var(--color-red-400)}.comments-header-row{display:flex;justify-content:flex-start;align-items:center;margin-top:4px;margin-bottom:8px}.comments-title{display:flex;align-items:baseline;gap:6px}.comments-count{font-size:1.4rem;font-weight:800}.comments-label{font-size:1rem;font-weight:600;opacity:.9}.sort-dropdown{background:var(--black-30);border:1px solid var(--white-08);border-radius:999px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:4px 12px;min-width:110px;width:auto;overflow:hidden;outline:none;display:flex;align-items:center;gap:6px;justify-content:center;transition:all .2s ease}.sort-dropdown:hover{background:var(--white-05);border-color:var(--white-12)}.sort-dropdown i{font-size:.7rem;opacity:.7;transition:transform .2s ease}.sort-dropdown.open i{transform:rotate(180deg)}.comment-input-footer .sort-dropdown{margin-left:auto}.comments-list{display:flex;flex-direction:column;gap:15px;max-height:600px;overflow-y:auto;padding-right:4px}.comment-item{display:flex;gap:12px;padding:10px;border-radius:14px;transition:background var(--anim-fast) var(--ease-out-expo),transform var(--anim-fast) var(--ease-out-expo)}.comment-item:hover{background:var(--hover-bg);transform:translateY(-1px)}.comment-avatar{width:32px;height:32px;border-radius:50%}.comment-body{flex:1}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.85rem}.comment-header-main{display:flex;align-items:center;gap:6px}.comment-author{font-weight:600;color:var(--text-primary)}.comment-time{color:var(--text-gray-500)}.comment-text{font-size:.95rem;color:var(--text-slate-200);line-height:1.4}.comment-actions{display:flex;gap:8px;margin-top:0;font-size:.85rem;color:var(--text-secondary)}.comment-action-btn{background:none;border:none;color:inherit;cursor:pointer;display:flex;align-items:center;gap:4px}.comment-action-btn:hover{color:var(--text-white)}.comment-action-btn.liked{color:var(--accent-color)}.comment-post-btn{padding:4px 16px;border-radius:999px;font-weight:600;font-size:.8rem;white-space:nowrap;border:none;background:linear-gradient(135deg,var(--accent-color) 0%,var(--color-indigo-400) 100%);color:var(--text-white);cursor:pointer;box-shadow:0 8px 20px var(--accent-glow);display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;height:32px}.comment-post-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px var(--accent-glow);filter:brightness(1.05)}.comment-post-btn:active{transform:translateY(1px);box-shadow:0 6px 16px var(--accent-glow)}.comment-char-counter{font-size:.78rem;color:var(--text-slate-500)}.comment-char-counter.limit-near{color:var(--color-amber-400)}.comment-char-counter.limit-exceeded{color:var(--color-red-400)}.sort-dropdown option{background:var(--bg-zinc-900);color:var(--text-primary)}.comment-sort-menu{position:absolute;right:0;top:100%;margin-top:6px;background:var(--overlay-black-50);backdrop-filter:blur(32px);border-radius:16px;border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);padding:4px;min-width:150px;z-index:40;display:none}.comment-sort-menu.open{display:block;animation:fadeInScale .2s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.comment-sort-option{width:100%;text-align:left;padding:6px 10px;border-radius:10px;font-size:.85rem;color:var(--text-secondary);background:transparent}.comment-sort-option:hover{background:var(--white-08);color:var(--text-primary)}.comment-sort-option.active{background:var(--border-medium);color:var(--text-primary)}.song-share-bar{display:flex;align-items:center;gap:8px;margin-top:10px}.song-share-btn,.song-share-icon-btn{border-radius:999px;border:none;background:var(--bg-zinc-900);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font-size:.8rem;cursor:pointer;transition:background var(--anim-fast) var(--ease-out-expo),transform .16s ease,box-shadow .16s ease}.song-share-btn i,.song-share-icon-btn i{font-size:.9rem}.song-share-btn:hover,.song-share-icon-btn:hover{background:var(--hover-bg);transform:translateY(-1px)}.song-share-btn:active,.song-share-icon-btn:active{transform:translateY(1px)}.song-share-main{background:linear-gradient(135deg,var(--accent-color) 0%,var(--color-indigo-400) 100%);color:var(--text-white);box-shadow:0 8px 20px var(--accent-glow)}.song-share-main:hover{filter:brightness(1.05);box-shadow:0 12px 26px var(--accent-glow)}.song-share-main:active{box-shadow:0 6px 16px var(--accent-glow)}.song-share-icon-btn{width:32px;height:32px;padding:0}@media(max-width:900px){.song-detail-header{flex-direction:column;align-items:center;text-align:center}.song-info-main{align-items:center}.song-content-grid{grid-template-columns:1fr;padding:24px 16px 28px}.song-cover-large{width:200px;height:200px}.song-mobile-tabs{display:flex;margin:8px 0 16px;padding:4px;border-radius:999px;background:var(--bg-zinc-950);border:1px solid var(--glass-border);gap:4px;width:100%;box-sizing:border-box}}@media(max-width:900px){.song-mobile-tab-btn{font-size:.85rem;padding:7px 10px}.comments-sidebar{padding:1.1rem .9rem 1rem;border-radius:16px}.comment-input{font-size:.9rem;min-height:96px}.song-share-bar{flex-wrap:wrap}.song-share-btn{padding:.35rem .65rem;font-size:.75rem}#song.song-mobile-lyrics-active .lyrics-section{display:block}#song.song-mobile-lyrics-active .comments-section,#song.song-mobile-comments-active .lyrics-section{display:none}#song.song-mobile-comments-active .comments-section{display:block}}@media(max-width:480px){.song-detail-header{padding:20px 16px 24px;gap:20px}.song-cover-large{width:160px;height:160px;border-radius:10px}.song-title-large{font-size:1.6rem;margin-bottom:6px}.song-meta-row{flex-wrap:wrap;gap:6px 10px;margin-bottom:14px;font-size:.82rem;justify-content:center}.song-stats-bar{justify-content:center;gap:8px;margin-top:14px;flex-wrap:nowrap}.song-stat-btn{padding:6px 12px;font-size:.8rem;gap:6px;border-radius:16px;flex-shrink:0}.song-share-bar{justify-content:center;gap:6px;margin-top:8px}.song-share-btn{padding:5px 10px;font-size:.72rem;gap:4px}.song-share-btn span{display:none}.song-share-btn i{font-size:.85rem}.song-share-icon-btn{width:30px;height:30px}.song-share-icon-btn i{font-size:.85rem}.song-content-grid{padding:16px 12px 24px;gap:20px}.comments-top-bar{flex-wrap:nowrap}.comments-top-bar h3{font-size:1.1rem;white-space:nowrap}.comment-action-square{min-width:36px;height:34px;padding:0 10px;border-radius:12px}.comment-action-square i{font-size:.8rem}.comments-sidebar{padding:14px 12px 12px;border-radius:14px}.emoji-bar{gap:6px;margin-bottom:8px}.emoji-btn{font-size:1.05rem}.comment-input{min-height:70px;padding:10px;font-size:.85rem;border-radius:10px}.comment-input-footer{gap:8px;flex-wrap:nowrap;align-items:center}.comment-char-counter{font-size:.7rem;flex-shrink:0}.comment-post-btn{padding:4px 12px;font-size:.75rem;height:28px;flex-shrink:0}.sort-dropdown{padding:3px 8px;font-size:.72rem;min-width:80px;flex-shrink:0}.comments-count{font-size:1.1rem}.comments-label{font-size:.85rem}.comment-item{padding:8px;gap:10px}.comment-avatar{width:28px;height:28px}.comment-header{font-size:.78rem}.comment-text{font-size:.85rem}#song .lyrics-container{padding:14px;font-size:.92rem;border-radius:14px}.lyrics-section h2{font-size:1.1rem}.song-page-header{padding:16px 16px 0}}@media(max-width:360px){.song-cover-large{width:130px;height:130px}.song-title-large{font-size:1.35rem}.song-stats-bar{gap:6px}.song-stat-btn{padding:5px 10px;font-size:.75rem}.song-share-btn{padding:5px 8px}.comment-input-footer{gap:6px}.comment-post-btn{padding:3px 10px;font-size:.7rem;height:26px}.sort-dropdown{min-width:70px;font-size:.68rem}}.song-error-container{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:20px;text-align:center;animation:fadeIn .5s ease-out}.song-error-content{max-width:400px;display:flex;flex-direction:column;align-items:center;gap:24px}.song-error-icon{width:80px;height:80px;border-radius:50%;background:var(--bg-zinc-900);display:flex;align-items:center;justify-content:center;color:var(--text-gray-400);margin-bottom:8px;box-shadow:0 0 40px #0003}.song-error-icon svg{width:40px;height:40px;opacity:.8}.song-error-title{font-size:1.75rem;font-weight:700;color:var(--text-white);margin:0}.song-error-desc{font-size:1rem;color:var(--text-gray-400);line-height:1.5;margin:0}.song-error-btn{margin-top:8px;padding:12px 32px;border-radius:99px;font-size:1rem;font-weight:600;background:var(--accent-color);color:#fff;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 20px var(--accent-glow)}.song-error-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow);filter:brightness(1.1)}.song-error-btn:active{transform:translateY(0)}.billing-container{display:flex;flex-direction:column;gap:32px;padding:20px 24px;width:100%}.billing-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:8px}.billing-header-top{width:100%;display:flex;justify-content:flex-start}.billing-header h2{font-size:32px;font-weight:800;margin:0;background:linear-gradient(90deg,var(--text-white) 0%,var(--text-slate-300) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.current-plan-card{background:linear-gradient(135deg,var(--bg-dark-700) 0%,var(--bg-dark-600) 100%);border:1px solid var(--white-10);border-radius:24px;padding:32px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;box-shadow:0 20px 40px var(--black-30);min-height:160px}.current-plan-card:before{content:"";position:absolute;top:0;right:0;width:300px;height:100%;background:radial-gradient(circle at 100% 0%,var(--indigo-20) 0%,transparent 70%);pointer-events:none}.plan-info h3{font-size:14px;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-bottom:8px}.plan-name{font-size:36px;font-weight:800;color:var(--text-white);margin-bottom:4px;display:flex;align-items:center;gap:12px}.plan-badge{font-size:12px;background:var(--white-10);padding:4px 10px;border-radius:99px;font-weight:700;color:var(--text-secondary);border:1px solid var(--white-05)}.plan-credits{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.credits-amount{font-size:42px;font-weight:800;color:var(--accent-color);text-shadow:0 0 20px var(--indigo-30)}.credits-label{font-size:14px;color:var(--text-secondary)}.pricing-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;margin-top:16px}.pricing-card{background:var(--white-03);border:1px solid var(--white-08);border-radius:20px;padding:32px 24px;display:flex;flex-direction:column;transition:all .3s ease;position:relative;overflow:hidden}.pricing-card:hover{transform:translateY(-5px);background:var(--white-05);border-color:var(--white-15);box-shadow:0 20px 40px var(--black-30)}.pricing-card.featured{background:linear-gradient(145deg,var(--indigo-10),var(--purple-10));border:1px solid var(--indigo-30);box-shadow:0 0 30px var(--indigo-10)}.pricing-card.featured:hover{box-shadow:0 0 50px var(--indigo-20);transform:translateY(-5px) scale(1.02)}.card-badge{position:absolute;top:10px;right:16px;background:var(--accent-color);color:#fff;font-size:10px;font-weight:800;padding:4px 10px;border-radius:99px;text-transform:uppercase;box-shadow:0 4px 12px var(--indigo-40)}.plan-header{margin-bottom:24px;text-align:center}.plan-title{font-size:20px;font-weight:700;color:var(--text-white);margin-bottom:12px}.plan-price{font-size:42px;font-weight:800;color:var(--text-white);display:flex;align-items:baseline;justify-content:center;gap:4px}.plan-period{font-size:16px;color:var(--text-secondary);font-weight:500}.plan-features{list-style:none;padding:0;margin:0 0 32px;flex:1}.plan-features li{display:flex;align-items:center;gap:12px;color:var(--text-slate-300);font-size:14px;margin-bottom:12px}.plan-features li i{color:var(--accent-color);font-size:14px}.plan-features li.disabled{color:var(--text-gray-500)}.plan-features li.disabled i{color:var(--text-gray-600)}.plan-btn{width:100%;padding:14px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s ease;border:none;text-align:center}.plan-btn.primary{background:var(--accent-color);color:#fff;box-shadow:0 4px 15px var(--indigo-30)}.plan-btn.primary:hover{background:var(--color-indigo-400);transform:translateY(-2px);box-shadow:0 8px 25px var(--indigo-40)}.plan-btn.secondary{background:var(--white-10);color:var(--text-white);border:1px solid var(--white-05)}.plan-btn.secondary:hover{background:var(--white-15);border-color:var(--white-20)}.promo-section{background:var(--bg-dark-700);border:1px solid var(--white-08);border-radius:20px;padding:32px;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:40px}.promo-info{flex:1}.promo-info h3{font-size:18px;font-weight:700;color:var(--text-white);margin-bottom:8px}.promo-info p{color:var(--text-secondary);font-size:14px;line-height:1.5}.promo-input-group{display:flex;gap:12px;width:100%;max-width:400px}.promo-input{flex:1;background:var(--black-50);border:1px solid var(--white-10);border-radius:12px;padding:12px 16px;color:#fff;font-size:15px;outline:none;transition:all .2s ease}.promo-input:focus{border-color:var(--accent-color);background:var(--black-60)}.promo-btn{background:var(--white-10);color:#fff;border:1px solid var(--white-05);padding:0 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.promo-btn:hover{background:var(--white-15);border-color:var(--white-20)}.billing-promo-result{margin-top:12px;font-size:13px;font-weight:500}.billing-promo-result.success{color:var(--color-green-400)}.billing-promo-result.error{color:var(--color-red-400)}.billing-promo-result.info{color:var(--text-secondary)}.billing-history{margin-top:16px;background:var(--bg-dark-700);border:1px solid var(--white-08);border-radius:20px;padding:24px 28px}.billing-history-header{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.billing-history-header h3{font-size:18px;font-weight:700;color:var(--text-white);margin:0}.billing-history-header p{margin:0;font-size:13px;color:var(--text-secondary)}.billing-history-list{border-top:1px solid var(--white-08);padding-top:12px}.billing-history-empty{font-size:13px;color:var(--text-secondary)}.billing-history-item{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid var(--white-05);gap:6px}.billing-history-item:last-child{border-bottom:none}.billing-history-main{font-size:14px;font-weight:500;color:var(--text-white);display:flex;align-items:center;flex-wrap:wrap;gap:8px}.billing-history-meta{font-size:12px;color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:99px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.badge-success{background:#22c55e26;color:#4ade80;border:1px solid rgba(74,222,128,.2)}.badge-warning{background:#eab30826;color:#facc15;border:1px solid rgba(250,204,21,.2)}.badge-error{background:#ef444426;color:#f87171;border:1px solid rgba(248,113,113,.2)}@media(max-width:1200px){.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.billing-container{padding:16px 16px 120px;gap:24px}.billing-header{align-items:flex-start}.billing-header h2{font-size:26px}.current-plan-card{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px}.plan-credits{align-items:flex-start}.promo-section{flex-direction:column;align-items:flex-start;gap:20px}.promo-input-group{max-width:100%}.pricing-grid{grid-template-columns:minmax(0,1fr)}.pricing-card{padding:24px 20px}.billing-history{padding:20px 16px}}@media(max-width:480px){.billing-container{padding:12px 12px 120px;gap:20px}.billing-header h2{font-size:22px}.current-plan-card{padding:20px 16px;border-radius:18px;min-height:auto}.plan-name{font-size:26px;flex-wrap:wrap}.credits-amount{font-size:32px}.pricing-card{padding:20px 16px;border-radius:16px}.plan-title{font-size:17px}.plan-price{font-size:32px}.plan-period{font-size:14px}.plan-features li{font-size:13px;gap:10px}}html,body{overscroll-behavior-y:contain}.ptr-indicator{position:fixed;top:-56px;left:50%;transform:translate(-50%);width:44px;height:44px;border-radius:50%;background:var(--bg-secondary, #1e1e1e);border:2px solid var(--border-color, #333);display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;pointer-events:none;box-shadow:0 4px 16px #0006;transition:none}.ptr-indicator.ptr-animating{transition:top .3s ease,opacity .3s ease}.ptr-indicator.ptr-visible{opacity:1}.ptr-indicator.ptr-refreshing{top:20px!important;opacity:1;transition:top .3s ease}.ptr-arrow{width:22px;height:22px;fill:none;stroke:var(--text-primary, #fff);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transform:rotate(0);transition:none}.ptr-indicator.ptr-threshold .ptr-arrow{transform:rotate(180deg)}.ptr-spinner{width:22px;height:22px;border:2.5px solid rgba(255,255,255,.2);border-top-color:var(--text-primary, #fff);border-radius:50%;display:none;animation:ptr-spin .7s linear infinite}.ptr-indicator.ptr-refreshing .ptr-arrow{display:none}.ptr-indicator.ptr-refreshing .ptr-spinner{display:block}@keyframes ptr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html.ptr-active,html.ptr-active body{overflow:hidden!important;touch-action:none!important}.maintenance-banner{position:fixed;top:0;left:0;right:0;z-index:1000;padding:8px 16px;display:flex;justify-content:center;align-items:center;font-size:14px;font-weight:500;color:#fff}.maintenance-soft{background:#f97316}.maintenance-hard{background:#dc2626}