: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: rgb(249, 204, 212);--font-main: "Roobert", sans-serif;--transition-fast: .15s ease;--transition-normal: .25s ease}html{height:100%;margin:0;padding:0;scroll-behavior:smooth}body{height:100%;margin:0;padding:0;background-color:var(--bg-primary)}body:has(.app-container){overflow:hidden}body:not(:has(.app-container)){overflow-y:auto;-webkit-overflow-scrolling:touch}::selection{background-color:#a970ff4d;color:var(--text-primary)}.app-container{display:flex;background-color:var(--bg-primary);justify-content:space-between;height:100vh;font-family:var(--font-main);caret-color:transparent;animation:app-fade-in .5s ease}@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);font-size:33px;font-weight:700;height:4.9%;left:0;margin:auto;width:75%;padding:15px 0;top:0;position:fixed;display:flex;align-items:center}.progress-container{width:100%;height:2px;background-color:transparent;overflow:hidden;position:absolute;bottom:0;left:0}.progress-bar{height:100%;background:linear-gradient(90deg,#e53935,#ff1744);width:0;transition:width 1s linear;border-radius:0 1px 1px 0}.leftbar{-ms-overflow-style:none;scrollbar-width:none;background-color:#0e0e10;border-bottom:1px solid #35353b;color:#676767;padding-top:7.1px;height:30px;display:flex;justify-content:space-between;width:25%;top:calc(5% + 30px);overflow:hidden;position:fixed}.leftbar::-webkit-scrollbar{display:none}.leftbar .MuiStack-root{margin-bottom:8px;margin-right:10px}.leftbar .MuiTypography-root{font-weight:700;font-size:16px;color:#adadb7;font-family:Roobert,sans-serif;caret-color:transparent}.section{margin-left:10px;margin-right:10px;font-weight:700;color:#adadb7}.left-component{background-color:var(--bg-primary);top:calc(5% + 68.1px);bottom:0;font-weight:700;overflow:auto;position:fixed;width:25%;scrollbar-width:none;-ms-overflow-style:none}.left-component::-webkit-scrollbar{display:none}.center-component{background-color:var(--bg-primary);bottom:0;color:var(--text-secondary);font-size:30px;font-weight:700;height:calc(95% - 30px);left:25%;overflow-x:hidden;overflow-y:auto;position:fixed;width:50%;border-left:1px solid var(--border-color);caret-color:transparent;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.center-component::-webkit-scrollbar{width:6px}.center-component::-webkit-scrollbar-track{background:transparent}.center-component::-webkit-scrollbar-thumb{background-color:#ffffff14;border-radius:3px}.center-component::-webkit-scrollbar-thumb:hover{background-color:#ffffff26}.right-component{flex-direction:column;background-color:var(--bg-primary);width:25%;height:100%;position:fixed;right:0;border-left:1px solid var(--border-color)}.small-top-right-component{background-color:var(--bg-primary);height:30%}.big-bottom-right-component{background-color:var(--bg-primary);height:70%;width:100%}.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{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.loading-text{font-size:40px;color:var(--text-secondary);font-weight:700;padding-top:calc(50% - 100px);text-align:center;animation:content-fade-in .4s ease}.loading-text1{font-size:40px;color:var(--text-secondary);font-weight:700;padding-top:calc(20% - 80px);text-align:center;animation:content-fade-in .4s ease}.center-welcome{display:flex;align-items:center;justify-content:center;height:100%;min-height:calc(100vh - 80px);animation:content-fade-in .4s ease}.center-welcome-card{background:#0e0e1059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(53,53,59,.45);border-radius:24px;padding:40px 44px;text-align:center;max-width:380px;width:90%;animation:card-slide-up .45s ease;position:relative;overflow:hidden}.center-welcome-card:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#9146ff;opacity:.07;top:-70px;right:-70px;filter:blur(60px);pointer-events:none}.center-welcome-card:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:#61d2a3;opacity:.05;bottom:-50px;left:-50px;filter:blur(50px);pointer-events:none}.center-welcome-title{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-bottom:20px;background:linear-gradient(135deg,#d6c8f9,#9146ff,#61d2a3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.center-welcome-tips{display:flex;flex-direction:column;gap:10px;text-align:left}.center-welcome-tip{display:flex;align-items:center;gap:10px;font-size:14px;color:#adadb7;padding:10px 14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(53,53,59,.35);transition:all .25s ease}.center-welcome-tip:hover{background:#ffffff0f;border-color:#50505a80}.activity-feed-table{width:100%;overflow-x:hidden}.fixed-width-table{width:100%;table-layout:fixed}.activity-feed-table table{width:100%;border-collapse:collapse}.activity-feed-table th,.activity-feed-table td{padding:10px;text-align:left;border-bottom:1px solid var(--border-color)}.activity-feed-table tbody tr{transition:background-color var(--transition-fast)}.user-link{color:var(--text-primary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%!important;display:inline-block;transition:color var(--transition-fast)}.user-link:hover{color:var(--accent-purple);text-decoration:underline}.time-input{color:var(--text-secondary);text-align:center!important;width:20%!important}.user-input{color:var(--text-secondary);white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.user-input::-webkit-scrollbar{display:none}.ellipsis-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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{color:#6ecd6e;transform:scale(1.15)}.red-icon{color:#f44336;transition:color var(--transition-fast),transform var(--transition-fast)}.red-icon:hover{color:#ef9a9a;transform:scale(1.15)}.first-row td{width:43%;border:none;padding-bottom:2px!important}.time-input{color:var(--text-secondary);text-align:center!important;width:24%!important}.button-column{white-space:nowrap;width:33%!important}.second-row td{width:100%;border:none;padding-top:2px!important;padding-bottom:5px!important;overflow-x:hidden}.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-sizeMedium{float:right}.first-row.hovered,.second-row.hovered{background-color:var(--bg-hover);transition:background-color var(--transition-fast)}.song-preview-skeleton{height:14px;border-radius:4px;background:linear-gradient(90deg,#2a2a2e 25%,#35353b,#2a2a2e 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;width:60%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.top-link{text-decoration:none;color:inherit;transition:color var(--transition-fast)}.top-link:hover{color:#999;text-decoration:underline}.top-link-disabled{color:inherit;transition:opacity var(--transition-fast)}.scrolling-text{white-space:nowrap;text-decoration:none;width:100%}.scrolling-text1{animation:scroll-left 30s linear infinite}.scrolling-text2{transform:translate(1%)}@keyframes scroll-left{0%{transform:translate(100%)}40%{transform:translate(1%)}60%{transform:translate(1%)}to{transform:translate(-100%)}}.background-overlay{position:absolute;top:0;left:0;width:75%;height:100%;display:flex;align-items:center;justify-content:center;z-index:999;pointer-events:none}.background-text{color:#fff;font-size:180px;font-weight:700;opacity:.5;padding-left:35%}.google-button{position:absolute;top:.4%;right:.65%;display:flex;align-items:center;justify-content:center;z-index:998;font-weight:400}.google-button1{font-size:30px;top:50%;left:38.5%;font-weight:700;position:absolute;display:flex;z-index:998;color:gray}.google-button1 a{color:gray;text-decoration:underline;text-decoration-color:gray;transition:color var(--transition-fast)}.google-button1:hover a{color:#d3d3d3;text-decoration-color:#d3d3d3}.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:content-fade-in .4s ease}.center-spinner{animation:spinner-fade-in .3s ease}@keyframes spinner-fade-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.googlef,.googlef2{animation:fadeIn 7s ease forwards}.googlel{animation:fadeInLate 12s ease forwards}@keyframes fadeIn{0%{opacity:0}50%{opacity:1}to{opacity:1}}@keyframes fadeInLate{0%{opacity:0}50%{opacity:0}to{opacity:1}}.frontpage{font-size:40px;color:var(--accent-pink);font-weight:700;display:flex;align-items:center;justify-content:center;height:100vh;overflow:auto;animation:app-fade-in .5s ease}.twlink{text-decoration:underline;color:#ddd;transition:color var(--transition-fast)}.twlink:hover{color:var(--text-primary)}.twlink2{text-decoration:underline;color:#ffe0e7;transition:color var(--transition-fast)}.twlink2:hover{color:var(--accent-pink)}.MuiPaper-root.MuiPopover-paper.MuiMenu-paper{background-color:transparent!important}.css-8je8zh-MuiTouchRipple-root{position:relative!important}.css-1ixizhh-MuiButtonBase-root-MuiMenuItem-root.Mui-focusVisible{background-color:transparent!important}.no-border{border:none}.demo-text{text-align:center}:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}@media(prefers-reduced-motion:reduce){.scrolling-text1{animation:none;transform:translate(1%)}.progress-bar{transition:none}.song-preview-skeleton{animation:none}.googlef,.googlef2,.googlel{animation:none;opacity:1}.app-container,.frontpage,.onboard-card,.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{position:fixed;right:calc(25% + 20px);bottom:24px;z-index:1400;width:min(380px,calc(100vw - 48px));display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast-card{position:relative;overflow:hidden;display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:start;padding:14px 14px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#ffffff14,#ffffff05),#0c0c0deb;box-shadow:0 20px 44px #00000057,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.toast-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.02),transparent 32%)}.toast-card-error{box-shadow:0 20px 44px #00000057,inset 0 0 0 1px #dd557224;background:radial-gradient(circle at top right,rgba(221,85,114,.22),transparent 52%),linear-gradient(135deg,#ffffff14,#ffffff05),#0c0c0df0}.toast-card-success{box-shadow:0 20px 44px #00000057,inset 0 0 0 1px #61d2a324;background:radial-gradient(circle at top right,rgba(97,210,163,.2),transparent 52%),linear-gradient(135deg,#ffffff14,#ffffff05),#0c0c0df0}.toast-card-info{box-shadow:0 20px 44px #00000057,inset 0 0 0 1px #7db4ff24;background:radial-gradient(circle at top right,rgba(125,180,255,.18),transparent 52%),linear-gradient(135deg,#ffffff14,#ffffff05),#0c0c0df0}.toast-icon-shell{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-top:1px}.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{display:block;margin-bottom:4px;color:#efeff1a3;font-family:var(--font-main);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.toast-message{margin:0;color:var(--text-primary);font-family:var(--font-main);font-size:14px;font-weight:600;line-height:1.45;word-break:break-word}.toast-close{appearance:none;border:0;background:transparent;color:#efeff17a;width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.toast-close:hover{background:#ffffff0f;color:#efeff1eb;transform:translateY(-1px)}.toast-progress{position:absolute;left:14px;right:14px;bottom:8px;height:3px;border-radius:999px;overflow:hidden;background:#ffffff0f}.toast-progress>span{display:block;width:100%;height:100%;transform-origin:right center;animation:toast-progress linear forwards}.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(max-width:1100px){.toast-viewport{right:16px;bottom:16px;width:min(360px,calc(100vw - 32px))}}.table-row-removing td{animation:row-fade-out .35s ease forwards}@keyframes row-fade-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes badge-pulse{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}.quick-add-bar{display:flex;align-items:center;gap:4px;padding:8px;border-bottom:1px solid var(--border-color)}.song-duration{color:var(--text-muted);font-size:11px;margin-left:8px}.left-inner{display:flex;flex-direction:column;height:100%}.left-scroll-area{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.left-scroll-area::-webkit-scrollbar{display:none}.history-panel-sticky{border-top:1px solid var(--border-color);background-color:var(--bg-secondary);flex-shrink:0}.history-toggle{cursor:pointer;display:flex;align-items:center;gap:4px;padding:8px 10px;color:#adadb7;font-size:13px;font-family:Roobert,sans-serif;transition:background-color var(--transition-fast)}.history-toggle:hover{background-color:var(--bg-hover)}.history-list{max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.history-item{padding:4px 10px;border-bottom:1px solid rgba(53,53,59,.5);transition:background-color var(--transition-fast)}.history-item:hover{background-color:var(--bg-hover)}.history-item-row{display:flex;align-items:center;justify-content:space-between}.history-item-info{flex:1;min-width:0}.history-song{color:var(--text-secondary);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-meta{color:var(--text-muted);font-size:10px;margin-top:1px}.song-request-hint{position:fixed;bottom:12px;right:calc(25% + 6px);color:var(--text-muted);font-size:13px;font-weight:500;font-family:Roobert,sans-serif;opacity:.6;pointer-events:none;z-index:5;display:flex;flex-direction:column;align-items:center;line-height:1.4}.song-request-arrow{font-size:18px;margin-top:2px}.onboard-card{background-color:#1f1f23;border:1px solid #35353b;border-radius:16px;padding:40px 48px;max-width:480px;width:90%;animation:card-slide-up .45s ease}@keyframes card-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.onboard-card-wide{max-width:680px;max-height:85vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.onboard-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.onboard-step{font-size:13px;font-weight:700;color:#adadb7;padding:4px 12px;border-radius:20px;background-color:#2a2a2e}.onboard-step.active{background-color:#9147ff;color:#fff}.onboard-step.done{background-color:#2e7d32;color:#fff}.onboard-step.dim{color:#9e9e9e;background-color:transparent}.onboard-step-line{width:32px;height:2px;background-color:#adadb7}.onboard-step-line.dim{background-color:#3a3a40}.onboard-field{margin-bottom:18px}.onboard-label{display:block;font-size:16px;font-weight:700;color:#efeff1;margin-bottom:2px}.onboard-label-sm{display:block;font-size:14px;font-weight:700;color:#efeff1;margin-bottom:2px}.onboard-hint{font-size:12px;color:#949494;margin-bottom:6px}.onboard-required{color:#f44336}.color-picker-wrap{max-width:200px;overflow:hidden;border-radius:8px}.color-picker-wrap .rcp{border-color:#3a3a40}.color-picker-wrap .rcp-fields{max-width:100%}.color-picker-wrap .rcp-fields-element{width:80%!important;min-width:0;box-sizing:border-box;color:#f7f7f8;background-color:#2a2a2e;border:1px solid #3a3a40;border-radius:4px}.synced-line{color:#adadb759;transition:color .3s ease}.synced-line:hover{color:#adadb799}.synced-line-active{color:#efeff1;transition:color .3s ease}.suggestion-widget{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-top:6px;background:#e5a10014;border:1px solid rgba(229,161,0,.25);border-radius:8px;transition:background var(--transition-fast)}.suggestion-widget.accepted{background:#e5a10024}.suggestion-text{display:flex;flex-direction:column;min-width:0;flex:1}.suggestion-label{font-size:12px;color:#e5a100;line-height:1.4}.suggestion-name{font-size:14px;color:#efeff1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(140px);will-change:transform;contain:strict}.lp-glow-1{width:900px;height:900px;background:#8b5cf6;opacity:.1;top:-40%;left:-15%;animation:lp-drift 20s ease-in-out infinite}.lp-glow-2{width:700px;height:700px;background:#06b6d4;opacity:.1;bottom:-30%;right:-10%;filter:blur(120px);animation:lp-drift 25s ease-in-out infinite reverse}.lp-glow-3{width:500px;height:500px;background:#9146ff;opacity:.08;top:20%;right:10%;filter:blur(100px);animation:lp-drift 18s ease-in-out infinite 3s}@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{position:absolute;border-radius:50%;opacity:.3;pointer-events:none;animation:lp-float ease-in-out infinite}@keyframes lp-float{0%,to{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-20px) scale(1.5);opacity:.8}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lp-nav-btn{font-size:14px;font-weight:500;color:#a1a1aa;text-decoration:none;padding:8px 20px;border-radius:9999px;background:#11111399;border:1px solid rgba(39,39,42,.6);transition:color .2s ease,border-color .2s ease}.lp-nav-btn:hover{color:#fafafa;border-color:#8b5cf680}.lp-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;background:#11111380;border:1px solid rgba(39,39,42,.4);margin-bottom:32px}.lp-badge-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.lp-hero-h1{font-size:clamp(3.2rem,8vw,6rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#fafafa;margin:0 0 24px}.lp-gradient-text{background:linear-gradient(135deg,#8b5cf6,#9146ff,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:9999px;background:#9146ff;color:#fff;font-size:16px;font-weight:600;text-decoration:none;box-shadow:0 10px 25px -5px #9146ff4d;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;cursor:pointer;border:none}.lp-cta-btn:hover{background:#7c3aed;box-shadow:0 10px 25px -5px #9146ff80;transform:scale(1.03)}.lp-cta-btn:active{transform:scale(.98)}.lp-cta-btn-lg{padding:20px 40px}.lp-kicker{font-size:13px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px}.lp-section-h2{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.02em;color:#fafafa;margin:0 0 16px}.lp-section-desc{font-size:16px;color:#71717a;max-width:560px;margin:0 auto;line-height:1.6}.lp-section-glow{position:absolute;width:600px;height:600px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#8b5cf6;opacity:.03;filter:blur(120px);pointer-events:none}.lp-section-glow-cyan{background:#06b6d4}.lp-section-glow-strong{opacity:.08}.lp-card{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(39,39,42,.4);background:#1111134d;text-align:left;transition:border-color .3s ease,background-color .3s ease}.lp-card:hover{border-color:#3f3f46;background:#11111380}.lp-card-lg{padding:32px}.lp-card-glow{position:absolute;width:160px;height:160px;border-radius:50%;top:-80px;right:-80px;opacity:.05;filter:blur(40px);transition:opacity .3s ease;pointer-events:none}.lp-card:hover .lp-card-glow{opacity:.1}.lp-icon-box{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:20px 0}.lp-card-title{font-size:18px;font-weight:600;color:#fafafa;margin:0 0 8px}.lp-card-desc{font-size:14px;color:#71717a;line-height:1.6;margin:0}.lp-card-sm{padding:28px;border-radius:16px;background:#11111333;height:100%;box-sizing:border-box}.lp-card-glow-sm{position:absolute;width:128px;height:128px;border-radius:50%;top:-64px;right:-64px;opacity:.05;filter:blur(40px);transition:opacity .3s ease;pointer-events:none}.lp-card:hover .lp-card-glow-sm{opacity:.1}.lp-icon-box-sm{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.lp-card-title-sm{font-size:16px;font-weight:600;color:#fafafa;margin:0 0 8px}.lp-card:hover .lp-icon-box,.lp-card:hover .lp-icon-box-sm{transform:scale(1.1);transition:transform .3s ease}.lp-icon-box,.lp-icon-box-sm{transition:transform .3s ease}.lp-card:hover .lp-card-glow,.lp-card:hover .lp-card-glow-sm{opacity:.15;filter:blur(35px)}.lp-hero-feature{padding:36px;border-radius:20px;background:#11111359;display:flex;gap:24px;align-items:flex-start}.lp-hero-feature-body{flex:1;min-width:0}.lp-hero-feature-title{font-size:20px;font-weight:700;color:#fafafa;margin:0 0 8px}.lp-hero-feature-desc{font-size:15px;color:#a1a1aa;line-height:1.6;margin:0}.lp-step-illus{width:100%;height:80px;margin:16px 0 8px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.lp-step-login-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:9999px;background:#9146ff;color:#fff;font-size:13px;font-weight:600;box-shadow:0 0 20px #9146ff4d;animation:lp-step-pulse 3s ease-in-out infinite}@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{display:flex;align-items:center;gap:12px}.lp-step-chat-msg{padding:8px 14px;border-radius:12px;background:#9146ff26;border:1px solid rgba(145,70,255,.25);font-size:12px;color:#c4b5fd;white-space:nowrap;animation:lp-step-slide-in 2.5s ease-in-out infinite}@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:lp-step-arrow-pulse 2.5s ease-in-out infinite}@keyframes lp-step-arrow-pulse{0%,to{opacity:.3}50%{opacity:1}}.lp-step-queue-item{padding:8px 14px;border-radius:12px;background:#06b6d41f;border:1px solid rgba(6,182,212,.2);font-size:12px;color:#67e8f9;white-space:nowrap;animation:lp-step-slide-in 2.5s ease-in-out infinite .4s}.lp-step-player{display:flex;flex-direction:column;align-items:center;gap:8px;width:160px}.lp-step-player-bar{width:100%;height:4px;border-radius:2px;background:#ffffff14;overflow:hidden}.lp-step-player-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#22c55e,#06b6d4);animation:lp-step-progress 4s ease-in-out infinite}@keyframes lp-step-progress{0%{width:0%}80%{width:100%}to{width:100%}}.lp-step-lyrics-line{font-size:11px;color:#71717a;animation:lp-step-lyric-fade 4s ease-in-out infinite}.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{border:1px solid rgba(39,39,42,.4);border-radius:16px;background:#11111340;overflow:hidden;transition:border-color .3s ease,background-color .3s ease}.lp-faq-item:hover{border-color:#3f3f46;background:#11111366}.lp-faq-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:none;border:none;cursor:pointer;text-align:left;color:#fafafa;font-size:16px;font-weight:600;font-family:inherit;line-height:1.4}.lp-faq-btn:hover{color:#e4e4e7}.lp-faq-chevron{flex-shrink:0;color:#71717a;transition:transform .3s ease}.lp-faq-chevron-open{transform:rotate(180deg)}.lp-faq-answer{overflow:hidden;transition:max-height .4s ease,opacity .3s ease;max-height:0;opacity:0}.lp-faq-answer-open{max-height:200px;opacity:1}.lp-faq-answer-text{padding:0 24px 20px;font-size:15px;color:#a1a1aa;line-height:1.7;margin:0}@media(prefers-reduced-motion:reduce){.lp-glow-1,.lp-glow-2,.lp-glow-3{animation:none}.lp-particle{animation:none;opacity:.3}.lp-badge-dot,.lp-step-login-btn{animation:none}.lp-step-chat-msg,.lp-step-queue-item,.lp-step-arrow{animation:none;opacity:1}.lp-step-player-fill{animation:none;width:60%}.lp-step-lyrics-line{animation:none;opacity:.6}}@media(max-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{font-size:15px;padding:16px 20px}.lp-faq-answer-text{padding:0 20px 16px;font-size:14px}}@media(max-width:900px){.lp-feature-grid-hero{grid-template-columns:1fr!important}.lp-feature-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:640px){.lp-feature-grid{grid-template-columns:1fr!important}}.lp-auth-shell{background:#09090b;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;padding:24px}.lp-auth-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.lp-auth-brand{position:absolute;top:24px;left:32px;z-index:20;display:flex;align-items:center;gap:10px}.lp-auth-card{position:relative;z-index:10;background:#11111366;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(39,39,42,.4);border-radius:24px;padding:40px 44px;max-width:480px;width:100%}.lp-auth-card:hover{border-color:#27272a99}.lp-auth-card-wide{max-width:700px;max-height:85vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.lp-auth-icon-wrap{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.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{font-size:24px;font-weight:700;color:#fafafa;margin:0 0 8px;letter-spacing:-.01em}.lp-auth-desc{font-size:15px;color:#71717a;line-height:1.6;margin:0 0 4px}.lp-auth-reasons{display:flex;flex-direction:column;gap:10px;margin-top:4px}.lp-auth-reason{display:flex;align-items:center;gap:10px;font-size:14px;color:#a1a1aa;padding:10px 14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(39,39,42,.3)}.lp-auth-reason-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.lp-auth-tips{display:flex;flex-direction:column;gap:8px;margin-top:20px}.lp-auth-tip{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#a1a1aa;line-height:1.5;padding:10px 14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(39,39,42,.3)}.lp-auth-tip-icon{flex-shrink:0;font-size:14px}.lp-auth-link{color:#8b5cf6;text-decoration:underline;text-decoration-color:#8b5cf666;transition:text-decoration-color .2s}.lp-auth-link:hover{text-decoration-color:#8b5cf6}.lp-cta-btn-success{background:#22c55e;box-shadow:0 10px 25px -5px #22c55e4d;font-family:inherit}.lp-cta-btn-success:hover{background:#16a34a;box-shadow:0 10px 25px -5px #22c55e80}.lp-auth-steps{display:flex;align-items:center;justify-content:center;gap:8px}.lp-auth-step{font-size:13px;font-weight:600;color:#71717a;padding:5px 14px;border-radius:9999px;background:transparent;border:1px solid rgba(39,39,42,.4)}.lp-auth-step-active{background:#9146ff;color:#fff;border-color:#9146ff}.lp-auth-step-done{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.lp-auth-step-line{width:28px;height:1px;background:#27272a99}.lp-auth-step-line-done{background:#22c55e66}.lp-form-label{display:block;font-size:14px;font-weight:600;color:#fafafa;margin-bottom:2px}.lp-form-label-sm{display:block;font-size:13px;font-weight:600;color:#fafafa;margin-bottom:2px}.lp-form-hint{font-size:12px;color:#71717a;margin-bottom:6px}.lp-spinner{display:inline-block;border-width:3px;border-style:solid;border-radius:9999px;animation:spin .9s linear infinite}.lp-setup-grid{display:grid;gap:24px}.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{width:100%;box-sizing:border-box;border:1.5px solid #3a3a40;border-radius:8px;background:#0c0c0ec7;color:#f7f7f8;transition:border-color .18s ease,box-shadow .18s ease}.lp-setup-input,.lp-color-input{min-height:52px;padding:0 16px}.lp-setup-textarea{min-height:92px;padding:14px 16px;resize:vertical;font:inherit}.lp-setup-input:focus,.lp-setup-textarea:focus,.lp-color-input:focus{outline:none;border-color:#a077f7;box-shadow:0 0 0 2px #a077f72e}.lp-setup-input::placeholder,.lp-setup-textarea::placeholder{color:#71717a}.lp-setup-error{color:#ef4444;font-size:12px;margin-top:6px}.lp-color-field{display:flex;flex-direction:column;gap:10px}.lp-color-input{padding:6px}.lp-color-meta{display:flex;align-items:center;gap:10px;color:#a1a1aa;font-size:12px}.lp-color-chip{width:18px;height:18px;border-radius:9999px;box-shadow:inset 0 0 0 1px #ffffff29}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.lp-setup-grid-two,.lp-setup-grid-three{grid-template-columns:minmax(0,1fr)}}.obs-overlay{position:fixed;inset:0;background:transparent;font-family:Roobert,Inter,system-ui,sans-serif;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 32px;overflow:hidden;pointer-events:none;--obs-width: 520px}.obs-header{width:var(--obs-width);margin-bottom:10px}.obs-now-playing{display:flex;align-items:center;gap:10px;padding:11px 20px;background:#14101c8c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(180,160,210,.12);border-radius:14px 14px 0 0}.obs-music-icon{color:#c8aaf0cc;font-size:17px;flex-shrink:0}.obs-song-title{color:#ebe6f5eb;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.obs-marquee-scroll{display:inline-block;animation:obs-scroll-left 12s linear infinite;padding-right:60px}@keyframes obs-scroll-left{0%{transform:translate(100%)}40%{transform:translate(0)}to{transform:translate(-100%)}}.obs-requester{color:#b4aac880;font-size:12px;font-weight:500;white-space:nowrap;flex-shrink:0}.obs-progress-track{height:3px;background:#ffffff0d;border-radius:0 0 14px 14px;overflow:hidden}.obs-progress-fill{height:100%;background:linear-gradient(90deg,#bea0f0b3,#8cc8dc99);border-radius:0 0 0 14px;transition:width 1s linear}.obs-content{transition:opacity .8s ease}.obs-content-visible{opacity:1}.obs-content-hidden{opacity:0}.obs-lyrics-viewport{position:relative;overflow:hidden;height:294px;mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 72%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 12%,black 72%,transparent 100%)}.obs-lyrics-slider{will-change:transform}.obs-lyrics-slider-static{transition:transform .6s cubic-bezier(.25,.1,.25,1)}.obs-lyrics-container{display:flex;flex-direction:column;gap:4px;width:var(--obs-width)}.obs-lyric-line{margin:0;padding:4px 16px;font-size:21px;font-weight:600;line-height:1.5;color:#c8bedc40;transition:color .4s ease,transform .4s ease,text-shadow .4s ease,opacity .4s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;will-change:color,transform,text-shadow}.obs-lyric-past{color:#c8bedc26;opacity:.5}.obs-lyric-active{color:#f0ebfaf2;transform:scale(1.02);transform-origin:left center;text-shadow:0 0 24px rgba(190,160,240,.2)}.obs-lyric-static{color:#d7cdeb99}.obs-lyric-loading{color:#b4aac873;font-size:15px;font-weight:500}.obs-no-lyrics-viewport{display:flex;align-items:center;justify-content:center;min-height:48px}.obs-lyric-no-lyrics{color:#b4aac859;font-size:14px;font-weight:500;font-style:italic}@media(prefers-reduced-motion:reduce){.obs-lyric-line,.obs-lyrics-slider-static,.obs-progress-fill{transition:none}}.obs-overlay-setup{justify-content:center;align-items:center;background:#0c0a12}.obs-setup-card{text-align:center;background:#14101cb3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(180,160,210,.1);border-radius:20px;padding:36px 40px;max-width:420px}.obs-setup-title{color:#ebe6f5eb;font-size:20px;font-weight:700;margin-bottom:12px}.obs-setup-desc{color:#b4aac899;font-size:14px;margin-bottom:12px}.obs-setup-code{display:block;background:#1e192a80;border:1px solid rgba(180,160,210,.1);border-radius:8px;padding:10px 16px;color:#c8b4f0cc;font-size:14px;font-family:SF Mono,Fira Code,monospace;margin-bottom:12px;word-break:break-all}.obs-setup-hint{color:#b4aac866;font-size:12px}.obs-list-panel{font-family:Inter,system-ui,-apple-system,sans-serif;padding:16px;max-width:420px}.obs-list-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(180,160,210,.08)}.obs-list-icon{font-size:18px}.obs-list-title{font-size:16px;font-weight:700;color:#ebe6f5e0;flex:1}.obs-list-count{font-size:13px;font-weight:600;color:#bea5f0cc;background:#bea5f01a;padding:2px 10px;border-radius:999px}.obs-list-body{display:flex;flex-direction:column;gap:4px}.obs-list-empty{color:#b4aac866;font-size:14px;padding:12px 0;text-align:center}.obs-list-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;background:#ffffff05;animation:obs-list-fade-in .4s ease both}.obs-list-item-now{background:#bea5f00f;border:1px solid rgba(190,165,240,.12);position:relative;overflow:hidden;flex-wrap:wrap}.obs-list-item-index{font-size:13px;font-weight:700;color:#b4aac866;min-width:20px;text-align:center}.obs-list-item-now .obs-list-item-index{color:#c8aff5bf}.obs-list-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.obs-list-item-name{font-size:14px;font-weight:600;color:#ebe6f5d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obs-list-item-user{font-size:11px;color:#b4aac866;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obs-list-item-progress{width:100%;height:3px;background:#ffffff0a;border-radius:2px;overflow:hidden}.obs-list-item-progress-fill{height:100%;background:linear-gradient(90deg,#bea0f080,#8cc8dc66);border-radius:2px;transition:width 1s linear}@keyframes obs-list-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}