:root{--bg-primary:#18181b;--bg-secondary:#0e0e10;--bg-hover:#0c0c0d;--bg-elevated:#272727;--bg-elevated-hover:#3f3f3f;--border-color:#35353b;--text-primary:#efeff1;--text-secondary:#adadb7;--text-muted:#676767;--accent-green:#61d2a3;--accent-red:#dd5572;--accent-purple:#d6c8f9;--accent-pink:#f9ccd4;--font-main:"Roobert", sans-serif;--ease-smooth:cubic-bezier(.4, 0, .2, 1);--transition-fast:.15s var(--ease-smooth);--transition-normal:.25s var(--ease-smooth)}html{scroll-behavior:smooth;height:100%;margin:0;padding:0}body{background-color:var(--bg-primary);height:100%;margin:0;padding:0}body:has(.app-container){overflow:hidden}body:not(:has(.app-container)){-webkit-overflow-scrolling:touch;overflow-y:auto}::selection{color:var(--text-primary);background-color:#a970ff4d}.app-container{background-color:var(--bg-primary);height:100dvh;font-family:var(--font-main);caret-color:#0000;justify-content:space-between;animation:.5s app-fade-in;display:flex}input,textarea,[contenteditable=true]{caret-color:auto}@keyframes app-fade-in{0%{opacity:0}to{opacity:1}}.top-component{background:var(--bg-primary);border-bottom:1px solid var(--border-color);color:var(--text-muted);align-items:center;width:75%;height:4.9%;margin:0 auto;padding:15px 0;font-size:33px;font-weight:700;display:flex;position:fixed;top:0;left:0}.progress-container{background-color:#0000;width:100%;height:2px;position:absolute;bottom:0;left:0;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#e53935,#ff1744);border-radius:0 1px 1px 0;width:0;height:100%;transition:width 1s linear}.leftbar{-ms-overflow-style:none;scrollbar-width:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#676767;background:#0e0e1066;border-bottom:1px solid #35353b66;justify-content:space-between;width:25%;height:30px;padding-top:7.1px;display:flex;position:fixed;top:calc(5% + 30px);overflow:hidden}.leftbar::-webkit-scrollbar{display:none}.leftbar .MuiStack-root{margin-bottom:8px;margin-right:10px}.leftbar .MuiTypography-root{color:#adadb7;caret-color:#0000;font-family:Roobert,sans-serif;font-size:16px;font-weight:700}.section{color:#adadb7;margin-left:10px;margin-right:10px;font-weight:700}.left-component{background-color:var(--bg-primary);scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;border-right:1px solid #35353b40;width:25%;font-weight:700;position:fixed;top:calc(5% + 68.1px);bottom:0;overflow:auto}.left-component::-webkit-scrollbar{display:none}.center-component{background-color:var(--bg-primary);color:var(--text-secondary);border-left:1px solid var(--border-color);caret-color:#0000;scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;overscroll-behavior:contain;width:50%;height:calc(95% - 30px);font-size:30px;font-weight:700;position:fixed;bottom:0;left:25%;overflow:hidden auto}.center-component::-webkit-scrollbar{width:6px}.center-component::-webkit-scrollbar-track{background:0 0}.center-component::-webkit-scrollbar-thumb{background-color:#ffffff14;border-radius:3px}.center-component::-webkit-scrollbar-thumb:hover{background-color:#ffffff26}.right-component{background-color:var(--bg-primary);border-left:1px solid var(--border-color);flex-direction:column;width:25%;height:100%;position:fixed;right:0}.small-top-right-component{background-color:var(--bg-primary);height:30%}.big-bottom-right-component{background-color:var(--bg-primary);width:100%;height:70%}.Layout-sc-1xcs6mc-0.c-te__video-player__container[data-a-target=embed-video-container]{display:none}.YT-icon{color:var(--text-secondary);pointer-events:none}.YT-box{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loading-text{color:var(--text-secondary);text-align:center;padding-top:calc(50% - 100px);font-size:40px;font-weight:700;animation:.4s content-fade-in}.loading-text1{color:var(--text-secondary);text-align:center;padding-top:24px;padding-bottom:24px;font-size:40px;font-weight:700;animation:.4s content-fade-in}.center-welcome{justify-content:center;align-items:center;height:100%;min-height:calc(100dvh - 80px);animation:.4s content-fade-in;display:flex}.center-welcome-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#0e0e1059;border:1px solid #35353b73;border-radius:24px;width:90%;max-width:380px;padding:40px 44px;animation:.45s card-slide-up;position:relative;overflow:hidden}@keyframes card-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.center-welcome-card:before{content:"";opacity:.07;filter:blur(60px);pointer-events:none;background:#9146ff;border-radius:50%;width:200px;height:200px;position:absolute;top:-70px;right:-70px}.center-welcome-card:after{content:"";opacity:.05;filter:blur(50px);pointer-events:none;background:#61d2a3;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-50px;left:-50px}.center-welcome-title{letter-spacing:-.02em;background:linear-gradient(135deg,#d6c8f9,#9146ff,#61d2a3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:26px;font-weight:800}.center-welcome-tips{text-align:left;flex-direction:column;gap:10px;display:flex}.center-welcome-tip{color:#adadb7;transition:background-color .25s var(--ease-smooth), border-color .25s var(--ease-smooth);background:#ffffff08;border:1px solid #35353b59;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.center-welcome-tip:hover{background:#ffffff0f;border-color:#50505a80}.queue-card-list{padding:6px 8px}.queue-card-wrapper{border-radius:16px}.queue-card{contain:layout style paint;background:#131316;border:1px solid #35353b66;border-radius:16px;align-items:stretch;gap:8px;padding:10px 10px 10px 4px;transition:border-color .2s,background-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.queue-card:hover,.queue-card:focus-visible{background:#101013;border-color:#3f3f46b3;box-shadow:0 4px 16px #0003}.queue-card-glow{opacity:.06;filter:blur(30px);pointer-events:none;border-radius:50%;width:100px;height:100px;transition:opacity .3s;position:absolute;top:-50px;right:-50px}.queue-card:hover .queue-card-glow,.queue-card:focus-visible .queue-card-glow{opacity:.12}.queue-card-drag{cursor:grab;opacity:.4;flex-shrink:0;justify-content:center;align-items:center;padding:0 2px;transition:opacity .15s;display:flex}.queue-card-drag:active{cursor:grabbing}.queue-card:hover .queue-card-drag,.queue-card:focus-visible .queue-card-drag{opacity:.7}.queue-card-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.queue-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.queue-card-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.queue-card-song{min-width:0}.queue-card-name{color:var(--text-secondary);font-size:13px;font-weight:600}.queue-card-actions{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:0;display:flex}.user-link{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;transition:color var(--transition-fast);text-decoration:none;display:inline-block;overflow:hidden;width:100%!important}.user-link:hover,.user-link:focus-visible{color:var(--accent-purple);text-decoration:underline}.ellipsis-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-inputlink{color:var(--text-muted);white-space:nowrap;font-size:10px}.green-icon{color:#4caf50;transition:color var(--transition-fast), transform var(--transition-fast)}.green-icon:hover,.green-icon:focus-visible{color:#6ecd6e;transform:scale(1.15)}.red-icon{color:#f44336;transition:color var(--transition-fast), transform var(--transition-fast)}.red-icon:hover,.red-icon:focus-visible{color:#ef9a9a;transform:scale(1.15)}.song-preview-skeleton{background:#2a2a2e;border-radius:4px;width:60%;height:14px;position:relative;overflow:hidden}.song-preview-skeleton:after{content:"";will-change:transform;background:linear-gradient(90deg,#0000 0%,#ffffff0f 50%,#0000 100%);animation:1.5s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.top-link{color:inherit;transition:color var(--transition-fast);text-decoration:none}.top-link:hover,.top-link:focus-visible{color:#999;text-decoration:underline}.top-link-disabled{color:inherit;transition:opacity var(--transition-fast)}.scrolling-text{white-space:nowrap;width:100%;text-decoration:none}.scrolling-text1{animation:30s linear infinite scroll-left}.scrolling-text2{transform:translate(1%)}@keyframes scroll-left{0%{transform:translate(100%)}40%{transform:translate(1%)}60%{transform:translate(1%)}to{transform:translate(-100%)}}.google-button{z-index:998;justify-content:center;align-items:center;font-weight:400;display:flex;position:absolute;top:.4%;right:.65%}.fade{opacity:0;transition:opacity .6s ease-in-out}.fade-visible{opacity:1}@keyframes content-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lyrics-fade-in{animation:.4s content-fade-in}.center-spinner{animation:.3s spinner-fade-in}@keyframes spinner-fade-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.googlef,.googlef2{animation:7s forwards fadeIn}.googlel{animation:12s forwards fadeInLate}@keyframes fadeIn{0%{opacity:0}50%{opacity:1}to{opacity:1}}@keyframes fadeInLate{0%{opacity:0}50%{opacity:0}to{opacity:1}}.frontpage{color:var(--accent-pink);overscroll-behavior:contain;justify-content:center;align-items:center;height:100dvh;font-size:40px;font-weight:700;animation:.5s app-fade-in;display:flex;overflow:auto}.MuiPaper-root.MuiPopover-paper.MuiMenu-paper{background-color:#0000!important}.css-8je8zh-MuiTouchRipple-root{position:relative!important}.css-1ixizhh-MuiButtonBase-root-MuiMenuItem-root.Mui-focusVisible{background-color:#0000!important}.no-border{border:none}:focus-visible,button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}button,a,[role=button],.queue-card,.history-item,.lp-card,.lp-cta-btn,.lp-link{touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){.scrolling-text1{animation:none;transform:translate(1%)}.progress-bar{transition:none}.song-preview-skeleton{animation:none}.googlef,.googlef2,.googlel{opacity:1;animation:none}.app-container,.frontpage,.loading-text,.loading-text1,.lyrics-fade-in,.center-spinner{animation:none}.toast-progress>span{animation:none;transform:scaleX(1)}.toast-close{transition:none}}.toast-viewport{z-index:1400;pointer-events:none;flex-direction:column;gap:12px;width:min(380px,100vw - 48px);display:flex;position:fixed;bottom:24px;right:calc(25% + 20px)}.toast-card{contain:layout style paint;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:linear-gradient(135deg,#ffffff14,#ffffff05),#0c0c0deb;border:1px solid #ffffff14;border-radius:20px;grid-template-columns:42px 1fr auto;align-items:start;gap:14px;padding:14px 14px 16px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 44px #00000057,inset 0 1px #ffffff08}.toast-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff05,#0000 32%);position:absolute;inset:0}.toast-card-error{background:radial-gradient(circle at 100% 0,#dd557238,#0000 52%),linear-gradient(135deg,#ffffff14,#ffffff05),#0c0c0df0;box-shadow:0 20px 44px #00000057,inset 0 0 0 1px #dd557224}.toast-card-success{background:radial-gradient(circle at 100% 0,#61d2a333,#0000 52%),linear-gradient(135deg,#ffffff14,#ffffff05),#0c0c0df0;box-shadow:0 20px 44px #00000057,inset 0 0 0 1px #61d2a324}.toast-card-info{background:radial-gradient(circle at 100% 0,#7db4ff2e,#0000 52%),linear-gradient(135deg,#ffffff14,#ffffff05),#0c0c0df0;box-shadow:0 20px 44px #00000057,inset 0 0 0 1px #7db4ff24}.toast-icon-shell{border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;margin-top:1px;display:flex}.toast-card-error .toast-icon-shell{color:#ff8fa5;background:#dd557224;box-shadow:inset 0 0 0 1px #dd55723d}.toast-card-success .toast-icon-shell{color:#7be0b4;background:#61d2a324;box-shadow:inset 0 0 0 1px #61d2a33d}.toast-card-info .toast-icon-shell{color:#9ac8ff;background:#7db4ff24;box-shadow:inset 0 0 0 1px #7db4ff3d}.toast-copy{min-width:0}.toast-label{color:#efeff1a3;font-family:var(--font-main);letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.toast-message{color:var(--text-primary);font-family:var(--font-main);word-break:break-word;margin:0;font-size:14px;font-weight:600;line-height:1.45}.toast-close{appearance:none;color:#efeff17a;cursor:pointer;width:28px;height:28px;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.toast-close:hover,.toast-close:focus-visible{color:#efeff1eb;background:#ffffff0f;transform:translateY(-1px)}.toast-progress{background:#ffffff0f;border-radius:999px;height:3px;position:absolute;bottom:8px;left:14px;right:14px;overflow:hidden}.toast-progress>span{transform-origin:100%;width:100%;height:100%;animation:linear forwards toast-progress;display:block}.toast-card-error .toast-progress>span{background:linear-gradient(90deg,#fffffff5,#dd5572e0)}.toast-card-success .toast-progress>span{background:linear-gradient(90deg,#fffffff5,#61d2a3e0)}.toast-card-info .toast-progress>span{background:linear-gradient(90deg,#fffffff5,#7db4ffe0)}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (width<=1100px){.toast-viewport{width:min(360px,100vw - 32px);bottom:16px;right:16px}}@keyframes badge-pulse{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.quick-add-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0e104d;border-bottom:1px solid #35353b66;align-items:center;gap:4px;padding:8px 10px;display:flex}.song-duration{color:var(--text-muted);margin-left:8px;font-size:11px}.left-inner{flex-direction:column;height:100%;display:flex}.left-scroll-area{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;flex:1;overflow-y:auto}.left-scroll-area::-webkit-scrollbar{display:none}.history-panel-sticky{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0e1066;border-top:1px solid #35353b66;flex-shrink:0}.history-toggle{cursor:pointer;color:#adadb7;transition:background-color var(--transition-fast);box-sizing:border-box;align-items:center;gap:4px;min-height:46px;padding:8px 10px;font-family:Roobert,sans-serif;font-size:13px;display:flex}.stats-cell-link{color:inherit;cursor:pointer;text-decoration:none;transition:color .15s}.stats-cell-link:hover{color:#a5b4fc}.history-toggle:hover,.history-toggle:focus-visible{background-color:#ffffff0a}.history-list{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;overscroll-behavior:contain;flex-direction:column;gap:4px;max-height:200px;padding:4px 8px 6px;display:flex;overflow-y:auto}.history-item{contain:layout style paint;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0e104d;border:1px solid #35353b4d;border-radius:12px;padding:8px 10px;transition:border-color .2s,background-color .2s}.history-item:hover,.history-item:focus-visible{background:#0e0e1080;border-color:#3f3f4699}.history-item-row{justify-content:space-between;align-items:center;display:flex}.history-item-info{flex:1;min-width:0}.history-song{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.history-meta{color:var(--text-muted);margin-top:1px;font-size:10px}.song-request-hint{color:var(--text-muted);opacity:.6;pointer-events:none;z-index:5;flex-direction:column;align-items:center;font-family:Roobert,sans-serif;font-size:13px;font-weight:500;line-height:1.4;display:flex;position:fixed;bottom:12px;right:calc(25% + 6px)}.song-request-arrow{margin-top:2px;font-size:18px}.onboard-field{margin-bottom:18px}.onboard-label{color:#efeff1;margin-bottom:2px;font-size:16px;font-weight:700;display:block}.onboard-label-sm{color:#efeff1;margin-bottom:2px;font-size:14px;font-weight:700;display:block}.onboard-hint{color:#949494;margin-bottom:6px;font-size:12px}.onboard-required{color:#f44336}.synced-line{color:#adadb759;transition:color .3s}.synced-line:hover{color:#adadb799}.synced-line-active{color:#efeff1;transition:color .3s}.suggestion-widget{transition:background var(--transition-fast);background:#e5a10014;border:1px solid #e5a10040;border-radius:8px;align-items:center;gap:10px;margin-top:6px;padding:8px 12px;display:flex}.suggestion-widget.accepted{background:#e5a10024}.suggestion-text{flex-direction:column;flex:1;min-width:0;display:flex}.suggestion-label{color:#e5a100;font-size:12px;line-height:1.4}.suggestion-name{color:#efeff1;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.lp-glow{pointer-events:none;filter:blur(140px);will-change:transform;contain:strict;border-radius:50%;position:absolute}.lp-glow-1{opacity:.1;background:#8b5cf6;width:900px;height:900px;animation:20s ease-in-out infinite lp-drift;top:-40%;left:-15%}.lp-glow-2{opacity:.1;filter:blur(120px);background:#06b6d4;width:700px;height:700px;animation:25s ease-in-out infinite reverse lp-drift;bottom:-30%;right:-10%}.lp-glow-3{opacity:.08;filter:blur(100px);background:#9146ff;width:500px;height:500px;animation:18s ease-in-out 3s infinite lp-drift;top:20%;right:10%}@keyframes lp-drift{0%,to{transform:translate(0)}25%{transform:translate(30px,-20px)}50%{transform:translate(-20px,15px)}75%{transform:translate(15px,25px)}}.lp-particle{opacity:.3;pointer-events:none;border-radius:50%;animation:ease-in-out infinite lp-float;position:absolute}@keyframes lp-float{0%,to{opacity:.4;transform:translateY(0)scale(1)}50%{opacity:.8;transform:translateY(-20px)scale(1.5)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lp-nav-btn{color:#a1a1aa;background:#11111399;border:1px solid #27272a99;border-radius:9999px;padding:8px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s}.lp-nav-btn:hover,.lp-nav-btn:focus-visible{color:#fafafa;border-color:#8b5cf680}.lp-badge{background:#11111380;border:1px solid #27272a66;border-radius:9999px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 16px;display:inline-flex}.lp-badge-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.lp-hero-h1{letter-spacing:-.03em;color:#fafafa;margin:0 0 24px;font-size:clamp(3.2rem,8vw,6rem);font-weight:800;line-height:1.1}.lp-gradient-text{background:linear-gradient(135deg,#8b5cf6,#9146ff,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.lp-cta-btn{color:#fff;cursor:pointer;background:#9146ff;border:none;border-radius:9999px;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;transition:background-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 10px 25px -5px #9146ff4d}.lp-cta-btn:hover,.lp-cta-btn:focus-visible{background:#7c3aed;transform:scale(1.03);box-shadow:0 10px 25px -5px #9146ff80}.lp-cta-btn:active{transform:scale(.98)}.lp-cta-btn-lg{padding:20px 40px}.lp-kicker{letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:600}.lp-section-h2{letter-spacing:-.02em;color:#fafafa;margin:0 0 16px;font-size:clamp(2rem,5vw,3rem);font-weight:700}.lp-section-desc{color:#71717a;max-width:560px;margin:0 auto;font-size:16px;line-height:1.6}.lp-section-glow{opacity:.03;filter:blur(120px);pointer-events:none;background:#8b5cf6;border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lp-section-glow-cyan{background:#06b6d4}.lp-section-glow-strong{opacity:.08}.lp-card{contain:layout style paint;text-align:left;background:#1111134d;border:1px solid #27272a66;border-radius:24px;transition:border-color .3s,background-color .3s;position:relative;overflow:hidden}.lp-card:hover,.lp-card:focus-visible{background:#11111380;border-color:#3f3f46}.lp-card-lg{padding:32px}.lp-card-glow{opacity:.05;filter:blur(40px);pointer-events:none;border-radius:50%;width:160px;height:160px;transition:opacity .3s;position:absolute;top:-80px;right:-80px}.lp-icon-box{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:20px 0;display:flex}.lp-card-title{color:#fafafa;margin:0 0 8px;font-size:18px;font-weight:600}.lp-card-desc{color:#71717a;margin:0;font-size:14px;line-height:1.6}.lp-card-sm{box-sizing:border-box;background:#11111333;border-radius:16px;height:100%;padding:28px}.lp-card-glow-sm{opacity:.05;filter:blur(40px);pointer-events:none;border-radius:50%;width:128px;height:128px;transition:opacity .3s;position:absolute;top:-64px;right:-64px}.lp-icon-box-sm{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.lp-card-title-sm{color:#fafafa;margin:0 0 8px;font-size:16px;font-weight:600}.lp-card:hover .lp-icon-box,.lp-card:focus-visible .lp-icon-box,.lp-card:hover .lp-icon-box-sm,.lp-card:focus-visible .lp-icon-box-sm{transition:transform .3s;transform:scale(1.1)}.lp-icon-box,.lp-icon-box-sm{transition:transform .3s}.lp-card:hover .lp-card-glow,.lp-card:focus-visible .lp-card-glow,.lp-card:hover .lp-card-glow-sm,.lp-card:focus-visible .lp-card-glow-sm{opacity:.15;filter:blur(35px)}.lp-hero-feature{background:#11111359;border-radius:20px;align-items:flex-start;gap:24px;padding:36px;display:flex}.lp-hero-feature-body{flex:1;min-width:0}.lp-hero-feature-title{color:#fafafa;margin:0 0 8px;font-size:20px;font-weight:700}.lp-hero-feature-desc{color:#a1a1aa;margin:0;font-size:15px;line-height:1.6}.lp-step-illus{justify-content:center;align-items:center;width:100%;height:80px;margin:16px 0 8px;display:flex;position:relative;overflow:hidden}.lp-step-login-btn{color:#fff;background:#9146ff;border-radius:9999px;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:600;animation:3s ease-in-out infinite lp-step-pulse;display:inline-flex;box-shadow:0 0 20px #9146ff4d}@keyframes lp-step-pulse{0%,to{transform:scale(1);box-shadow:0 0 20px #9146ff4d}50%{transform:scale(1.06);box-shadow:0 0 32px #9146ff80}}.lp-step-flow{align-items:center;gap:12px;display:flex}.lp-step-chat-msg{color:#c4b5fd;white-space:nowrap;background:#9146ff26;border:1px solid #9146ff40;border-radius:12px;padding:8px 14px;font-size:12px;animation:2.5s ease-in-out infinite lp-step-slide-in}@keyframes lp-step-slide-in{0%{opacity:0;transform:translate(-12px)}20%{opacity:1;transform:translate(0)}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(12px)}}.lp-step-arrow{color:#71717a;animation:2.5s ease-in-out infinite lp-step-arrow-pulse}@keyframes lp-step-arrow-pulse{0%,to{opacity:.3}50%{opacity:1}}.lp-step-queue-item{color:#67e8f9;white-space:nowrap;background:#06b6d41f;border:1px solid #06b6d433;border-radius:12px;padding:8px 14px;font-size:12px;animation:2.5s ease-in-out .4s infinite lp-step-slide-in}.lp-step-player{flex-direction:column;align-items:center;gap:8px;width:160px;display:flex}.lp-step-player-bar{background:#ffffff14;border-radius:2px;width:100%;height:4px;overflow:hidden}.lp-step-player-fill{background:linear-gradient(90deg,#22c55e,#06b6d4);border-radius:2px;height:100%;animation:4s ease-in-out infinite lp-step-progress}@keyframes lp-step-progress{0%{width:0%}80%{width:100%}to{width:100%}}.lp-step-lyrics-line{color:#71717a;font-size:11px;animation:4s ease-in-out infinite lp-step-lyric-fade}.lp-step-lyrics-line:nth-child(2){animation-delay:1.3s}@keyframes lp-step-lyric-fade{0%,to{opacity:.2;color:#71717a}30%,70%{opacity:1;color:#a1a1aa}}.lp-faq-item{background:#11111340;border:1px solid #27272a66;border-radius:16px;transition:border-color .3s,background-color .3s;overflow:hidden}.lp-faq-item:hover,.lp-faq-item:focus-visible{background:#11111366;border-color:#3f3f46}.lp-faq-btn{cursor:pointer;text-align:left;color:#fafafa;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 24px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;display:flex}.lp-faq-btn:hover,.lp-faq-btn:focus-visible{color:#e4e4e7}.lp-faq-chevron{color:#71717a;flex-shrink:0;transition:transform .3s}.lp-faq-chevron-open{transform:rotate(180deg)}.lp-faq-answer{opacity:0;max-height:0;transition:max-height .4s,opacity .3s;overflow:hidden}.lp-faq-answer-open{opacity:1;max-height:200px}.lp-faq-answer-text{color:#a1a1aa;margin:0;padding:0 24px 20px;font-size:15px;line-height:1.7}@media (prefers-reduced-motion:reduce){.lp-glow-1,.lp-glow-2,.lp-glow-3{animation:none}.lp-particle{opacity:.3;animation:none}.lp-badge-dot,.lp-step-login-btn{animation:none}.lp-step-chat-msg,.lp-step-queue-item,.lp-step-arrow{opacity:1;animation:none}.lp-step-player-fill{width:60%;animation:none}.lp-step-lyrics-line{opacity:.6;animation:none}}@media (width<=640px){.lp-cta-btn{padding:14px 24px;font-size:15px}.lp-cta-btn-lg{padding:16px 28px}.lp-hero-feature{flex-direction:column;gap:16px;padding:24px}.lp-faq-btn{padding:16px 20px;font-size:15px}.lp-faq-answer-text{padding:0 20px 16px;font-size:14px}}@media (width<=900px){.lp-feature-grid-hero{grid-template-columns:1fr!important}.lp-feature-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=640px){.lp-feature-grid{grid-template-columns:1fr!important}}.lp-auth-shell{background:#09090b;justify-content:center;align-items:center;min-height:100dvh;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.lp-auth-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.lp-auth-brand{z-index:20;align-items:center;gap:10px;display:flex;position:absolute;top:24px;left:32px}.lp-auth-card{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11111366;border:1px solid #27272a66;border-radius:24px;width:100%;max-width:480px;padding:40px 44px;position:relative}.lp-auth-card:hover,.lp-auth-card:focus-visible{border-color:#27272a99}.lp-auth-card-wide{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;overscroll-behavior:contain;max-width:700px;max-height:85vh;overflow-y:auto}.lp-auth-icon-wrap{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.lp-auth-icon-accent{background:#8b5cf626;box-shadow:inset 0 0 0 1px #8b5cf633}.lp-auth-icon-danger{background:#ef444426;box-shadow:inset 0 0 0 1px #ef444433}.lp-auth-icon-success{background:#22c55e26;box-shadow:inset 0 0 0 1px #22c55e33}.lp-auth-title{color:#fafafa;letter-spacing:-.01em;margin:0 0 8px;font-size:24px;font-weight:700}.lp-auth-desc{color:#71717a;margin:0 0 4px;font-size:15px;line-height:1.6}.lp-auth-reasons{flex-direction:column;gap:10px;margin-top:4px;display:flex}.lp-auth-reason{color:#a1a1aa;background:#ffffff08;border:1px solid #27272a4d;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.lp-auth-reason-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.lp-auth-tips{flex-direction:column;gap:8px;margin-top:20px;display:flex}.lp-auth-tip{color:#a1a1aa;background:#ffffff08;border:1px solid #27272a4d;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.lp-auth-tip-icon{flex-shrink:0;font-size:14px}.lp-auth-link{color:#8b5cf6;-webkit-text-decoration:underline #8b5cf666;text-decoration:underline #8b5cf666;transition:text-decoration-color .2s}.lp-auth-link:hover,.lp-auth-link:focus-visible{text-decoration-color:#8b5cf6}.lp-cta-btn-success{background:#22c55e;font-family:inherit;box-shadow:0 10px 25px -5px #22c55e4d}.lp-cta-btn-success:hover,.lp-cta-btn-success:focus-visible{background:#16a34a;box-shadow:0 10px 25px -5px #22c55e80}.lp-auth-steps{justify-content:center;align-items:center;gap:8px;display:flex}.lp-auth-step{color:#71717a;background:0 0;border:1px solid #27272a66;border-radius:9999px;padding:5px 14px;font-size:13px;font-weight:600}.lp-auth-step-active{color:#fff;background:#9146ff;border-color:#9146ff}.lp-auth-step-done{color:#22c55e;background:#22c55e26;border-color:#22c55e4d}.lp-auth-step-line{background:#27272a99;width:28px;height:1px}.lp-auth-step-line-done{background:#22c55e66}.lp-form-label{color:#fafafa;margin-bottom:2px;font-size:14px;font-weight:600;display:block}.lp-form-label-sm{color:#fafafa;margin-bottom:2px;font-size:13px;font-weight:600;display:block}.lp-form-hint{color:#71717a;margin-bottom:6px;font-size:12px}.lp-spinner{border-style:solid;border-width:3px;border-radius:9999px;animation:.9s linear infinite spin;display:inline-block}.lp-setup-grid{gap:24px;display:grid}.lp-setup-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-setup-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-setup-input,.lp-setup-textarea,.lp-color-input{box-sizing:border-box;color:#f7f7f8;background:#0c0c0ec7;border:1.5px solid #3a3a40;border-radius:8px;width:100%;transition:border-color .18s,box-shadow .18s}.lp-setup-input,.lp-color-input{min-height:52px;padding:0 16px}.lp-setup-textarea{resize:vertical;min-height:92px;font:inherit;padding:14px 16px}.lp-setup-input:focus,.lp-setup-textarea:focus,.lp-color-input:focus{border-color:#a077f7;outline:none;box-shadow:0 0 0 2px #a077f72e}.lp-setup-input::placeholder,.lp-setup-textarea::placeholder{color:#71717a}.lp-setup-error{color:#ef4444;margin-top:6px;font-size:12px}.lp-color-field{flex-direction:column;gap:10px;display:flex}.lp-color-input{padding:6px}.lp-color-meta{color:#a1a1aa;align-items:center;gap:10px;font-size:12px;display:flex}.lp-color-chip{border-radius:9999px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #ffffff29}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=800px){.lp-setup-grid-two,.lp-setup-grid-three{grid-template-columns:minmax(0,1fr)}}.obs-overlay{pointer-events:none;--obs-width:520px;background:0 0;flex-direction:column;justify-content:flex-end;padding:24px 32px;font-family:Roobert,Inter,system-ui,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.obs-header{width:var(--obs-width);margin-bottom:10px}.obs-now-playing{background:rgba(20, 16, 28, calc(.55 * var(--obs-panel-opacity,1)));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #b4a0d21f;border-radius:14px 14px 0 0;align-items:center;gap:10px;padding:11px 20px;display:flex}.obs-music-icon{color:var(--obs-accent,#c8aaf0cc);flex-shrink:0;font-size:17px}.obs-song-title{color:#ebe6f5eb;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.obs-marquee-scroll{padding-right:60px;animation:12s linear infinite obs-scroll-left;display:inline-block}@keyframes obs-scroll-left{0%{transform:translate(100%)}40%{transform:translate(0%)}to{transform:translate(-100%)}}.obs-requester{color:#b4aac880;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:500}.obs-progress-track{background:#ffffff0d;border-radius:0 0 14px 14px;height:3px;overflow:hidden}.obs-progress-fill{background:var(--obs-accent,linear-gradient(90deg, #bea0f0b3, #8cc8dc99));border-radius:0 0 0 14px;height:100%;transition:width 1s linear}.obs-content{transition:opacity .8s}.obs-content-visible{opacity:1}.obs-content-hidden{opacity:0}.obs-lyrics-viewport{height:294px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 72%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 72%,#0000 100%)}.obs-lyrics-slider{will-change:transform}.obs-lyrics-slider-static{transition:transform .6s}.obs-lyrics-container{width:var(--obs-width);flex-direction:column;gap:4px;display:flex}.obs-lyric-line{color:#c8bedc40;white-space:nowrap;text-overflow:ellipsis;content-visibility:auto;contain-intrinsic-size:auto 42px;margin:0;padding:4px 16px;font-size:21px;font-weight:600;line-height:1.5;transition:color .4s,transform .4s,text-shadow .4s,opacity .4s;overflow:hidden}.obs-lyric-active{color:#f0ebfaf2;transform-origin:0;text-shadow:0 0 24px #bea0f033;will-change:color, transform, text-shadow;transform:scale(1.02)}.obs-lyric-static{color:#d7cdeb99}.obs-lyric-loading{color:#b4aac873;font-size:15px;font-weight:500}.obs-no-lyrics-viewport{justify-content:center;align-items:center;min-height:48px;display:flex}.obs-lyric-no-lyrics{color:#b4aac859;font-size:14px;font-style:italic;font-weight:500}@media (prefers-reduced-motion:reduce){.obs-lyric-line{transition:none}.obs-lyric-enter{animation:none}.obs-lyrics-slider-static,.obs-progress-fill,.obs-next-up{transition:none}.obs-marquee-scroll,.obs-list-item{animation:none}.obs-lyric-past{transition:none}}.obs-lyric-enter{animation:.4s both obs-lyric-entrance}@keyframes obs-lyric-entrance{0%{opacity:.3;text-shadow:none;transform:scale(.96)translateY(6px)}to{opacity:1;text-shadow:0 0 24px #bea0f033;transform:scale(1.02)translateY(0)}}.obs-lyric-past{color:#c8bedc26;opacity:.5;transform-origin:0;transition:color .5s,opacity .5s,transform .5s;transform:scale(.98)}.obs-next-up{width:var(--obs-width);opacity:0;pointer-events:none;margin-top:12px;transition:opacity .6s,transform .6s;transform:translateY(10px)}.obs-next-up-visible{opacity:1;transform:translateY(0)}.obs-next-up-card{background:rgba(20, 16, 28, calc(.45 * var(--obs-panel-opacity,1)));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #b4a0d21a;border-radius:12px;align-items:center;gap:10px;padding:10px 18px;display:flex;position:relative;overflow:hidden}.obs-next-up-glow{opacity:.08;filter:blur(25px);pointer-events:none;background:#06b6d4;border-radius:50%;width:80px;height:80px;position:absolute;top:-30px;right:-20px}.obs-next-up-label{color:#06b6d4cc;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;font-size:11px;font-weight:700}.obs-next-up-name{color:#ebe6f5d9;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.obs-next-up-user{color:#b4aac866;white-space:nowrap;flex-shrink:0;font-size:11px}.obs-overlay-setup{background:#0c0a12;justify-content:center;align-items:center}.obs-setup-card{text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#14101cb3;border:1px solid #b4a0d21a;border-radius:20px;max-width:420px;padding:36px 40px}.obs-setup-title{color:#ebe6f5eb;margin-bottom:12px;font-size:20px;font-weight:700}.obs-setup-desc{color:#b4aac899;margin-bottom:12px;font-size:14px}.obs-setup-code{color:#c8b4f0cc;word-break:break-all;background:#1e192a80;border:1px solid #b4a0d21a;border-radius:8px;margin-bottom:12px;padding:10px 16px;font-family:SF Mono,Fira Code,monospace;font-size:14px;display:block}.obs-setup-hint{color:#b4aac866;font-size:12px}.obs-list-panel{max-width:420px;padding:16px;font-family:inherit}.obs-list-header{border-bottom:1px solid #b4a0d214;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.obs-list-icon{font-size:18px}.obs-list-title{color:#ebe6f5e0;flex:1;font-size:16px;font-weight:700}.obs-list-count{color:var(--obs-accent,#bea5f0cc);background:#bea5f01a;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600}.obs-list-body{flex-direction:column;gap:4px;display:flex}.obs-list-empty{color:#b4aac866;text-align:center;padding:12px 0;font-size:14px}.obs-list-item{contain:layout style paint;background:rgba(255, 255, 255, calc(.02 * var(--obs-panel-opacity,1)));border-radius:10px;align-items:center;gap:10px;padding:7px 10px;animation:.4s both obs-list-fade-in;display:flex}.obs-list-item-now{background:rgba(190, 165, 240, calc(.06 * var(--obs-panel-opacity,1)));border:1px solid #bea5f01f;flex-wrap:wrap;position:relative;overflow:hidden}.obs-list-item-index{color:#b4aac866;text-align:center;min-width:20px;font-size:13px;font-weight:700}.obs-list-item-now .obs-list-item-index{color:#c8aff5bf}.obs-list-item-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.obs-list-item-name{color:#ebe6f5d9;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.obs-list-item-user{color:#b4aac866;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.obs-list-item-progress{background:#ffffff0a;border-radius:2px;width:100%;height:3px;overflow:hidden}.obs-list-item-progress-fill{background:var(--obs-accent,linear-gradient(90deg, #bea0f080, #8cc8dc66));border-radius:2px;height:100%;transition:width 1s linear}@keyframes obs-list-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes qr-rainbow-spin{to{transform:translate(-50%,-50%)rotate(-360deg)}}@keyframes qr-rainbow-breathe{0%,to{transform:scale(1)}50%{transform:scale(.94)}}.qr-rainbow-frame{isolation:isolate;border-radius:16px;padding:4px;display:inline-block;position:relative;overflow:hidden}.qr-rainbow-frame:before{content:"";z-index:-1;pointer-events:none;background:conic-gradient(#ff3d8b,#ff8a3c,#ffd23f,#4ade80,#38bdf8,#818cf8,#c084fc,#ff3d8b);width:200%;height:200%;animation:2.6s linear infinite qr-rainbow-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qr-rainbow-frame>div{animation:2.4s ease-in-out infinite qr-rainbow-breathe}@media (prefers-reduced-motion:reduce){.qr-rainbow-frame:before,.qr-rainbow-frame>div{animation:none}}