.bnr{position:relative;overflow:hidden;border-radius:16px;margin-bottom:24px;animation:bnrIn .35s cubic-bezier(.22,.68,0,1.1) both}@keyframes bnrIn{0%{opacity:0;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.bnr-card{padding:28px;min-height:165px;display:flex;align-items:center;justify-content:space-between}.bnr-strip{padding:12px 18px;border-radius:12px;display:flex;align-items:center;gap:16px}.bnr-strip .bnr-body{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bnr-strip .bnr-tag{flex-shrink:0}.bnr-white{background:#fff;border:1px solid rgba(0,0,0,.07);box-shadow:0 4px 20px #00000012;color:#0f172a}.bnr-white .bnr-tag{background:#0f172a;color:#fff}.bnr-white .bnr-desc{color:#64748b}.bnr-white .bnr-cta{background:#0f172a;color:#fff;border:none}.bnr-white .bnr-cta:hover{background:#1e293b}.bnr-dark{background:#0f172a;border:1px solid rgba(255,255,255,.07);color:#f1f5f9}.bnr-dark .bnr-tag{background:#ffffff1f;color:#fff}.bnr-dark .bnr-desc{color:#c8dcff80}.bnr-dark .bnr-cta{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.15)}.bnr-dark .bnr-cta:hover{background:#ffffff2e}.bnr-accent{background:linear-gradient(135deg,#1d3461,#1a2744);border:1px solid rgba(96,165,250,.2);color:#e0e7ff}.bnr-accent .bnr-tag{background:#60a5fa2e;color:#93c5fd;border:1px solid rgba(96,165,250,.25)}.bnr-accent .bnr-desc{color:#c8dcff8c}.bnr-accent .bnr-cta{background:#3b82f6;color:#fff;border:none}.bnr-accent .bnr-cta:hover{background:#2563eb}.bnr-season{background:linear-gradient(135deg,#1a1000,#2e1d02 40%,#1a1000);border:1px solid rgba(251,191,36,.35);box-shadow:0 0 0 1px #fbbf2414 inset,0 8px 40px #00000080,0 0 60px #b478001f;color:#fef3c7}.bnr-season:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(251,191,36,.06) 50%,transparent 70%);background-size:200% 100%;animation:bnrShimmer 3.5s ease-in-out infinite;pointer-events:none}.bnr-season:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#fbbf24,#f59e0b,#fbbf24,transparent);border-radius:16px 16px 0 0}@keyframes bnrShimmer{0%{background-position:200% 0}60%{background-position:-200% 0}to{background-position:-200% 0}}.bnr-season .bnr-tag{background:#fbbf241f;color:#fbbf24;border:1px solid rgba(251,191,36,.4);text-shadow:0 0 12px rgba(251,191,36,.5)}.bnr-season .bnr-title{background:linear-gradient(135deg,#fef3c7,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bnr-season .bnr-desc{color:#fef3c78c}.bnr-season .bnr-cta{background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1000;font-weight:800;border:none;box-shadow:0 2px 12px #f59e0b59}.bnr-season .bnr-cta:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 20px #f59e0b80}.bnr-body{position:relative;z-index:1}.bnr-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:10px}.bnr-strip .bnr-tag{margin-bottom:0}.bnr-title{font-size:20px;font-weight:800;line-height:1.3;margin:0 0 8px;letter-spacing:-.02em}.bnr-strip .bnr-title{font-size:13px;margin:0}.bnr-desc{font-size:13px;line-height:1.55;margin:0 0 14px}.bnr-cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:8px 18px;border-radius:10px;cursor:pointer;transition:background .12s;margin-top:4px}.bnr-emoji{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:52px;line-height:1;opacity:.18;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.bnr-card .bnr-emoji{font-size:88px;right:32px;opacity:.22}.bnr-season .bnr-emoji{opacity:.35;filter:drop-shadow(0 0 16px rgba(251,191,36,.6))}:root{--sb-width: 168px;--player-h: 72px;--sidebar-bg: #0a0a0a;--main-bg: #0d0d0d;--card-bg: #141414;--card-hover: #1a1a1a;--border: rgba(255,255,255,.07);--text: #e8f0ff;--text-muted: rgba(200,220,255,.45);--text-dim: rgba(200,220,255,.22);--accent: #3b82f6;--accent-btn: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);--radius: 10px;--font: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--main-bg);color:var(--text);font-family:var(--font);overflow:hidden}body:has(.lp-page){overflow:auto}button{font-family:var(--font);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font)}a{text-decoration:none;color:inherit}.app-layout{display:flex;height:100vh;overflow:hidden}.main-wrapper{margin-left:var(--sb-width);flex:1;height:calc(100vh - var(--player-h));overflow-y:auto;overflow-x:hidden;transition:margin-left .2s ease}.app-layout:has(.sidebar-collapsed) .main-wrapper{margin-left:56px}.main-wrapper::-webkit-scrollbar{width:6px}.main-wrapper::-webkit-scrollbar-track{background:transparent}.main-wrapper::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.sidebar{position:fixed;left:0;top:0;width:var(--sb-width);height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:50;padding-bottom:var(--player-h);overflow-y:auto;overflow-x:hidden}.sidebar::-webkit-scrollbar{display:none}.sidebar-collapsed{width:56px}.sb-top{padding:16px 12px 8px}.sb-avatar-mini{display:flex;justify-content:center;width:100%;padding:0 0 12px;background:none;border:none;cursor:pointer}.sb-avatar-mini-circle{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;transition:transform .15s,box-shadow .15s}.sb-avatar-mini:hover .sb-avatar-mini-circle{transform:scale(1.1);box-shadow:0 0 0 2px #fff3}.sb-avatar-mini-guest{background:#ffffff14!important;color:var(--text-muted);font-size:15px}.sb-logo-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sb-logo{font-size:18px;font-weight:800;letter-spacing:.08em;color:var(--text);cursor:pointer;white-space:nowrap}.sb-collapse-btn{color:var(--text-muted);padding:4px;border-radius:6px;display:flex;align-items:center;font-size:14px;transition:color .15s;flex-shrink:0}.sb-collapse-btn:hover{color:var(--text)}.sb-collapse-btn .rotated{transform:rotate(180deg)}.sb-avatar{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:8px;cursor:pointer;margin-bottom:8px}.sb-avatar:hover{background:#ffffff0d}.sb-avatar-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f472b6,#818cf8,#38bdf8);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.sb-username{font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sb-arrow{font-size:10px;color:var(--text-muted)}.sb-auth-links{display:flex;flex-direction:column;gap:6px;padding:4px 0}.sb-auth-link{font-size:13px;color:var(--text-muted);padding:6px 4px;border-radius:6px;display:block}.sb-auth-link:hover{color:var(--text);background:#ffffff0d}.sb-auth-link-primary{color:var(--accent)}.sb-nav{flex:1;padding:4px 8px}.sb-nav-item{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:8px;color:var(--text-muted);font-size:13.5px;transition:background .12s,color .12s;white-space:nowrap;position:relative}.sb-nav-item:hover{background:#ffffff0f;color:var(--text)}.sb-nav-active{color:var(--text)!important}.sb-nav-active .sb-nav-icon{opacity:1}.sb-nav-icon{font-size:15px;flex-shrink:0}.sb-nav-label{font-size:13.5px}.sb-badge{margin-left:auto;background:#ffffff1a;color:var(--text-muted);font-size:10px;padding:2px 7px;border-radius:20px;white-space:nowrap}.sb-bottom{padding:8px}.sb-gopro-card{background:linear-gradient(135deg,#78350f,#92400e 30%,#4c1d95);border-radius:12px;padding:14px 12px;margin-bottom:8px}.sb-gopro-title{font-size:14px;font-weight:700;color:#fbbf24;margin-bottom:6px}.sb-gopro-desc{font-size:11.5px;color:#ffffffa6;line-height:1.5;margin-bottom:10px}.sb-gopro-btn{width:100%;background:#f59e0b;color:#1a0000;font-size:12px;font-weight:700;padding:7px;border-radius:20px;cursor:pointer;transition:background .15s}.sb-gopro-btn:hover{background:#fbbf24}.home-topbar{display:flex;justify-content:flex-end;padding:18px 32px 0}.home-searchbar{display:flex;align-items:center;gap:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:7px 16px;width:200px}.home-search-icon{color:var(--text-muted);font-size:14px}.home-search-input{background:transparent;border:none;outline:none;color:var(--text);font-size:13px;width:100%}.home-search-input::placeholder{color:var(--text-muted)}.player-bar{position:fixed;bottom:0;left:0;right:0;height:var(--player-h);background:#05080f;border-top:1px solid rgba(255,255,255,.06);z-index:100;display:flex;flex-direction:column}.player-progress-wrap{padding:0;line-height:0}.player-progress{width:100%;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;display:block}.player-progress::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,rgba(255,255,255,.7) 0%,rgba(255,255,255,.7) var(--val, 38%),rgba(255,255,255,.15) var(--val, 38%),rgba(255,255,255,.15) 100%);border-radius:2px}.player-progress::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;margin-top:-4.5px;cursor:pointer}.player-controls-row{display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex:1}.player-track-info{display:flex;align-items:center;gap:10px;min-width:180px}.player-thumb{width:36px;height:36px;border-radius:6px;background:#ffffff1a;flex-shrink:0}.player-meta{display:flex;flex-direction:column;gap:2px}.player-title{font-size:13px;font-weight:500;color:var(--text)}.player-artist{font-size:11px;color:var(--text-muted)}.player-center{display:flex;align-items:center;gap:20px}.player-btn{color:#fff9;font-size:16px;display:flex;align-items:center;transition:color .12s;padding:4px}.player-btn:hover{color:#fff}.player-btn-active{color:var(--accent)!important}.player-btn-active:hover{color:#60a5fa!important}.player-play-btn{width:36px;height:36px;border-radius:50%;background:#fff;color:#000;font-size:14px;display:flex;align-items:center;justify-content:center;transition:transform .1s}.player-play-btn:hover{transform:scale(1.06)}.player-right{display:flex;align-items:center;gap:10px;min-width:180px;justify-content:flex-end}.player-vol-icon{color:#fff9;font-size:16px}.player-vol{width:90px;-webkit-appearance:none;height:3px;background:#fff3;border-radius:2px;cursor:pointer;accent-color:#fff}.player-thumb{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0}.player-thumb-empty{background:#ffffff1a}.player-time{font-size:11px;color:var(--text-muted);white-space:nowrap}.player-progress::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,rgba(255,255,255,.8) 0%,rgba(255,255,255,.8) var(--pct,0%),rgba(255,255,255,.15) var(--pct,0%));border-radius:2px}.genre-tracks-panel{background:#ffffff08;border:1px solid var(--border);border-radius:14px;padding:18px 16px;margin-bottom:28px}.genre-tracks-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.genre-tracks-dot{width:14px;height:14px;border-radius:4px;flex-shrink:0}.genre-tracks-header h3{font-size:16px;font-weight:700}.genre-card-active .genre-card-img{outline:2px solid var(--accent);outline-offset:2px}.sp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.sp-panel{width:min(580px,94vw);background:#131820;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 24px 80px #000000b3,0 0 0 1px #ffffff0a;overflow:hidden;display:flex;flex-direction:column}.sp-search{display:flex;align-items:center;gap:.7rem;padding:.9rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.07)}.sp-search-icon{color:#facc15;font-size:1.1rem;flex-shrink:0}.sp-search-input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:1rem;font-weight:500;placeholder-color:rgba(200,220,255,.3)}.sp-search-input::placeholder{color:#c8dcff4d}.sp-close-btn{width:26px;height:26px;border-radius:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);color:#c8dcff80;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;transition:background .12s}.sp-close-btn:hover{background:#ffffff24;color:var(--text)}.sp-type-row{display:flex;gap:.5rem;padding:.75rem 1.1rem .5rem}.sp-type-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#c8dcff99;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.sp-type-btn:hover{background:#ffffff17;color:var(--text)}.sp-type-on{background:#6366f133!important;border-color:#6366f180!important;color:#818cf8!important}.sp-selects{display:flex;align-items:center;gap:.75rem;padding:.5rem 1.1rem .75rem;flex-wrap:wrap}.sp-field{display:flex;align-items:center;gap:.4rem}.sp-field-label{font-size:.78rem;color:#c8dcff73;white-space:nowrap}.sp-select{padding:.3rem .55rem;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#c8dcffbf;font-size:.8rem;cursor:pointer;outline:none;transition:background .1s}.sp-select:hover{background:#ffffff1a}.sp-bpm{font-size:.85rem;font-weight:700;color:#c8dcff80;padding:.28rem .6rem;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.sp-footer{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.1rem;border-top:1px solid rgba(255,255,255,.06);background:#ffffff04}.sp-hint{font-size:.75rem;color:#c8dcff4d}.sp-generate-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem 1.2rem;border-radius:10px;background:#6366f138;border:1px solid rgba(99,102,241,.4);color:#a5b4fc;font-size:.88rem;font-weight:700;cursor:pointer;transition:background .15s}.sp-generate-btn:hover:not(:disabled){background:#6366f159;color:#fff}.sp-generate-btn:disabled{opacity:.5;cursor:not-allowed}.sp-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(165,180,252,.3);border-top-color:#a5b4fc;border-radius:50%;animation:spinAI .6s linear infinite}@keyframes spinAI{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:#0d1828;border:1px solid rgba(255,255,255,.12);border-radius:18px;width:100%;max-width:440px;box-shadow:0 24px 64px #0009;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid var(--border)}.modal-title{font-size:16px;font-weight:700}.modal-close{width:30px;height:30px;border-radius:8px;background:#ffffff12;border:none;color:var(--text-muted);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s,color .12s}.modal-close:hover{background:#ffffff1f;color:var(--text)}.modal-body{padding:22px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px 20px;border-top:1px solid var(--border)}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-row{display:flex;gap:12px}.modal-field{display:flex;flex-direction:column;gap:7px;flex:1}.modal-field label{font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase}.modal-input{background:#ffffff0f;border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text);font-size:14px;outline:none;font-family:var(--font);transition:border-color .12s;width:100%}.modal-input:focus{border-color:var(--accent)}.yt-track-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:background .12s}.yt-track-row:hover{background:#ffffff0f}.yt-track-active{background:#3b82f614}.yt-track-num{width:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.yt-track-index{font-size:12px;color:var(--text-dim)}.yt-playing-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.yt-playing-bars span{display:block;width:3px;border-radius:2px;background:var(--accent);animation:bars .8s ease-in-out infinite alternate}.yt-playing-bars span:nth-child(1){height:60%;animation-delay:0s}.yt-playing-bars span:nth-child(2){height:100%;animation-delay:.15s}.yt-playing-bars span:nth-child(3){height:40%;animation-delay:.3s}@keyframes bars{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.yt-track-thumb-wrap{position:relative;width:44px;height:44px;flex-shrink:0;border-radius:8px;overflow:hidden}.yt-track-thumb{width:100%;height:100%;object-fit:cover;display:block}.yt-track-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;opacity:0;transition:opacity .12s}.yt-track-row:hover .yt-track-play-overlay{opacity:1}.yt-track-info{flex:1;overflow:hidden}.yt-track-title{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-track-artist{display:block;font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-track-stats{display:flex;gap:10px;font-size:11px;color:var(--text-dim);flex-shrink:0}.yt-results{display:flex;flex-direction:column}.pl-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.track-skeleton{height:54px;border-radius:10px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;margin-bottom:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes lpOrb{0%,to{transform:translate(0) scale(1);opacity:.45}33%{transform:translate(30px,-20px) scale(1.08);opacity:.6}66%{transform:translate(-18px,28px) scale(.94);opacity:.38}}@keyframes lpAurora{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes lpWord{to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes lpUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes lpBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes lpGradShift{0%{background-position:0%}to{background-position:200%}}@keyframes lpCellP{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes lpWM{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.4)}}@keyframes lpTlHead{0%{left:0%}to{left:92%}}@keyframes lpTlIn{0%{opacity:0;transform:scaleX(.6);transform-origin:left}to{opacity:1;transform:scaleX(1)}}@keyframes lpMQ{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes lpDot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.1);opacity:1}}@keyframes lpBeamFall{0%{transform:translateY(-100%);opacity:0}8%{opacity:1}88%{opacity:.55}to{transform:translateY(110vh);opacity:0}}@keyframes lpLineExpand{0%{width:0;opacity:0}to{width:260px;opacity:1}}@keyframes lpCardShine{0%{transform:translate(-200%) skew(-18deg)}to{transform:translate(500%) skew(-18deg)}}@keyframes lpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes lpCrown{0%,to{transform:scale(1) rotate(-4deg)}50%{transform:scale(1.18) rotate(6deg)}}@keyframes lpLbFill{0%{width:0}to{width:var(--w)}}@keyframes lpEventBar{0%{width:0}to{width:72%}}@keyframes lpPulse{0%,to{box-shadow:0 0 #fbbf2466}50%{box-shadow:0 0 0 8px #fbbf2400}}.lp-page{min-height:100vh;background:#060a12;color:#e8f0ff;font-family:var(--font);overflow-x:clip;position:relative}.lp-spotlight{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(700px circle at var(--cx,-200px) var(--cy,-200px),rgba(99,130,255,.055) 0%,transparent 70%)}.lp-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.lp-aurora{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 50% at 20% 10%,rgba(129,140,248,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(56,189,248,.09) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 50% 50%,rgba(52,211,153,.05) 0%,transparent 70%);background-size:200% 200%;animation:lpAurora 18s ease infinite}.lp-grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(99,130,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,130,255,.04) 1px,transparent 1px);background-size:48px 48px}.lp-orb{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;animation:lpOrb 14s ease-in-out infinite}.lp-o1{width:480px;height:480px;top:-120px;left:-100px;background:#818cf829;animation-duration:18s}.lp-o2{width:400px;height:400px;top:30%;right:-80px;background:#38bdf821;animation-duration:22s;animation-delay:-6s}.lp-o3{width:340px;height:340px;bottom:15%;left:10%;background:#34d3991a;animation-duration:26s;animation-delay:-12s}.lp-o4{width:280px;height:280px;bottom:30%;right:15%;background:#a78bfa1f;animation-duration:20s;animation-delay:-4s}.lp-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:60px;background:#060a12a6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.lp-logo{font-size:1.05rem;font-weight:800;letter-spacing:.12em;color:#e8f0ff}.lp-logo-ai{background:linear-gradient(90deg,#818cf8,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-nav-r{display:flex;align-items:center;gap:6px}.lp-nl{background:none;border:none;color:#c8dcff8c;font-size:.82rem;font-family:var(--font);padding:6px 12px;cursor:pointer;border-radius:7px;text-decoration:none;transition:color .15s,background .15s}.lp-nl:hover{color:#e8f0ff;background:#ffffff0d}.lp-ncta{background:linear-gradient(135deg,#6366f1,#818cf8);border:none;color:#fff;font-size:.82rem;font-weight:600;font-family:var(--font);padding:7px 18px;border-radius:8px;cursor:pointer;transition:opacity .15s,transform .15s}.lp-ncta:hover{opacity:.85;transform:translateY(-1px)}.lp-beams{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.lp-beam{position:absolute;top:0;width:1px;height:65vh;animation:lpBeamFall 7s ease-in-out infinite;opacity:0}.lp-beam-1{left:16%;background:linear-gradient(to bottom,transparent,rgba(129,140,248,.55),transparent);animation-delay:.3s;animation-duration:8s}.lp-beam-2{left:41%;background:linear-gradient(to bottom,transparent,rgba(56,189,248,.45),transparent);animation-delay:2.6s;animation-duration:6.5s}.lp-beam-3{left:67%;background:linear-gradient(to bottom,transparent,rgba(129,140,248,.5),transparent);animation-delay:4.8s;animation-duration:9s}.lp-beam-4{left:84%;background:linear-gradient(to bottom,transparent,rgba(52,211,153,.4),transparent);animation-delay:1.6s;animation-duration:7.5s}.lp-hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:140px 24px 80px}.lp-anim{opacity:0;transform:translateY(14px);animation:lpUp .5s ease forwards}.lp-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:99px;border:1px solid rgba(99,102,241,.35);background:#6366f11a;color:#a5b4fc;font-size:.75rem;font-weight:600;letter-spacing:.04em;margin-bottom:28px}.lp-h1{font-size:clamp(2.4rem,6vw,4.6rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:#e8f0ff;max-width:820px;margin:0 0 24px}.lp-word{display:inline-block;opacity:0;filter:blur(4px);transform:translateY(10px);animation:lpWord .45s ease forwards;margin-right:.28em}.lp-grad{background:linear-gradient(90deg,#818cf8,#60a5fa,#38bdf8);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:lpWord .45s ease forwards,lpGradShift 5s linear infinite}.lp-br{display:block;margin-bottom:2px}.lp-typed-wrap{display:inline-block;min-width:220px;text-align:left}.lp-typed{background:linear-gradient(90deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-cursor{display:inline-block;width:3px;height:.8em;background:#818cf8;margin-left:3px;vertical-align:middle;border-radius:2px;animation:lpBlink 1s step-start infinite}.lp-hero-line{height:1px;width:0;opacity:0;background:linear-gradient(90deg,transparent,#818cf8,#60a5fa,#38bdf8,transparent);margin:4px auto 28px;border-radius:1px;animation:lpLineExpand 1s cubic-bezier(.25,.46,.45,.94) .64s forwards}.lp-hero-sub{font-size:1.05rem;color:#c8dcff9e;max-width:540px;line-height:1.7;margin:0 0 32px}.lp-hero-btns{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:36px}.lp-btn-p{display:inline-flex;align-items:center;gap:7px;padding:12px 26px;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-size:.9rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:opacity .15s,transform .15s,box-shadow .15s;box-shadow:0 0 24px #6366f166}.lp-btn-p:hover{opacity:.88;transform:translateY(-2px);box-shadow:0 0 36px #6366f199}.lp-btn-g{display:inline-flex;align-items:center;gap:7px;padding:11px 22px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#dcebffcc;font-size:.9rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:background .15s,border-color .15s,transform .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lp-btn-g:hover{background:#ffffff1a;border-color:#ffffff38;transform:translateY(-1px)}.lp-hstats{display:flex;align-items:center;gap:0;flex-wrap:wrap;justify-content:center;margin-bottom:44px}.lp-hstat{display:flex;flex-direction:column;align-items:center;padding:0 22px;border-right:1px solid rgba(255,255,255,.07)}.lp-hstat:last-child{border-right:none}.lp-hstat-v{font-size:1.15rem;font-weight:800;letter-spacing:-.01em}.lp-hstat-l{font-size:.7rem;color:#c8dcff61;letter-spacing:.04em;margin-top:2px;white-space:nowrap}.lp-product{width:100%;max-width:900px;opacity:0;animation:lpUp .5s ease 1.1s forwards,lpFloat 7s ease-in-out 1.65s infinite}.lp-product-tilt{width:100%;will-change:transform;transform-style:preserve-3d}.lp-product-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:14px}@media (max-width: 640px){.lp-product-grid{grid-template-columns:1fr}}.lp-product-col-r{display:flex;flex-direction:column;gap:14px}.lp-mockcard{position:relative;background:#0e1428c7;border:1px solid rgba(255,255,255,.14);border-radius:14px;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 1px #818cf81a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.lp-mockcard:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.04) 50%,transparent 60%);animation:lpCardShine 8s ease-in-out infinite;pointer-events:none}.lp-mockbar{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.lp-mbd{width:9px;height:9px;border-radius:50%;flex-shrink:0}.lp-mbd-r{background:#f87171}.lp-mbd-y{background:#fbbf24}.lp-mbd-g{background:#34d399}.lp-mbttl{flex:1;text-align:center;font-size:.66rem;color:#c8dcff59;letter-spacing:.03em}.lp-bg-body{padding:10px 10px 12px;display:flex;flex-direction:column;gap:6px}.lp-bg-row{display:flex;align-items:center;gap:7px}.lp-bg-lbl{font-size:.6rem;font-weight:700;width:36px;flex-shrink:0;letter-spacing:.04em}.lp-bg-steps{display:flex;gap:3px;flex:1}.lp-bg-cell{flex:1;height:18px;border-radius:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);transition:background .15s}.lp-bg-cell.on{animation:lpCellP 1.2s ease-in-out infinite}.lp-wavemini{display:flex;align-items:center;gap:1.5px;height:100%;overflow:hidden;padding:2px 4px}.lp-wm-bar{width:2px;border-radius:2px;flex-shrink:0;transform-origin:center;animation:lpWM 1.4s ease-in-out infinite}.lp-tl-root{position:relative}.lp-tl-body{padding:10px 10px 12px;display:flex;flex-direction:column;gap:6px;position:relative}.lp-tl-row{display:flex;align-items:center;gap:7px}.lp-tl-lbl{font-size:.6rem;font-weight:700;width:52px;flex-shrink:0;letter-spacing:.03em;white-space:nowrap}.lp-tl-lane{flex:1;height:22px;background:#ffffff08;border-radius:5px;position:relative;overflow:hidden}.lp-tl-clip{position:absolute;top:2px;bottom:2px;border-radius:4px;border:1px solid;display:flex;align-items:stretch;overflow:hidden;animation:lpTlIn .5s ease forwards}.lp-tl-head{position:absolute;top:28px;bottom:10px;left:0;width:2px;background:#fff9;border-radius:1px;animation:lpTlHead 4s linear infinite;pointer-events:none}.lp-ai-body{padding:10px;display:flex;flex-direction:column;gap:6px;max-height:130px;overflow:hidden}.lp-ai-msg{font-size:.65rem;line-height:1.4;padding:6px 9px;border-radius:8px;opacity:0;animation:lpUp .3s ease forwards}.lp-ai-u{background:#6366f124;border:1px solid rgba(99,102,241,.22);color:#c8dcffcc;align-self:flex-end;max-width:90%}.lp-ai-a{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);color:#c8dcffa6;align-self:flex-start;max-width:95%}.lp-ai-dots{display:flex;gap:4px;align-items:center;padding:4px 4px 0}.lp-ai-dots span{width:6px;height:6px;border-radius:50%;background:#818cf8;display:inline-block;animation:lpDot 1.2s ease-in-out infinite}@keyframes lpYTPop{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lp-yt-body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px}.lp-yt-bar{display:flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:5px 8px;margin-bottom:4px}.lp-yt-ico{color:#c8dcff66;font-size:.75rem;flex-shrink:0}.lp-yt-query{font-size:.65rem;color:#c8dcffb3;flex:1}.lp-yt-cursor{display:inline-block;width:1.5px;height:.7em;background:#818cf8;border-radius:1px;animation:lpBlink 1s step-start infinite}.lp-yt-results{display:flex;flex-direction:column;gap:5px}.lp-yt-row{display:flex;align-items:center;gap:8px;padding:5px 4px;border-radius:7px;opacity:0;animation:lpYTPop .35s ease forwards;transition:background .15s}.lp-yt-row:hover{background:#ffffff0a}.lp-yt-thumb{width:38px;height:26px;border-radius:5px;border:1px solid;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-yt-play{font-size:.55rem}.lp-yt-info{display:flex;flex-direction:column;gap:1px;min-width:0}.lp-yt-title{font-size:.62rem;font-weight:600;color:#dcebffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-yt-ch{font-size:.55rem;color:#c8dcff61}.lp-waveviz{display:flex;align-items:center;gap:2px;height:56px;padding:8px 4px}.lp-wv-bar{width:3px;border-radius:2px;background:#818cf8;flex-shrink:0;animation:lpWV 1.6s ease-in-out infinite;transform-origin:center}@keyframes lpWV{0%,to{transform:scaleY(1);opacity:.7}50%{transform:scaleY(.5);opacity:1}}.lp-mq-wrap{position:relative;z-index:1;overflow:hidden;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05;padding:12px 0;mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%)}.lp-mq{display:flex;width:max-content;animation:lpMQ 28s linear infinite}.lp-mq-item{padding:0 32px;font-size:.78rem;font-weight:600;letter-spacing:.08em;color:#c8dcff52;white-space:nowrap;position:relative}.lp-mq-item:after{content:"·";position:absolute;right:0;transform:translate(50%);color:#818cf859}.lp-section{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:96px 32px}.lp-center{text-align:center}.lp-stag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#818cf8;margin-bottom:14px}.lp-sh2{font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:800;letter-spacing:-.02em;color:#e8f0ff;margin:0 0 14px;line-height:1.2}.lp-ssub{font-size:1rem;color:#c8dcff85;max-width:500px;line-height:1.6;margin:0 auto 52px}.rv{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.rv-in{opacity:1;transform:none}.lp-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media (max-width: 800px){.lp-feat-grid{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.lp-feat-grid{grid-template-columns:1fr}}.lp-fc{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:22px 22px 18px;overflow:hidden;text-align:left;will-change:transform;transition:border-color .25s,box-shadow .25s;transition-delay:var(--delay, 0s)}.lp-fc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1px;background:linear-gradient(145deg,var(--fc-col, #818cf8) 0%,transparent 55%,var(--fc-col, #818cf8) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s ease;pointer-events:none}.lp-fc:hover{border-color:#ffffff0a;box-shadow:0 16px 48px #00000059}.lp-fc:hover:before{opacity:.65}.lp-fc-glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;border-radius:16px;pointer-events:none;transition:opacity .35s;filter:blur(30px)}.lp-fc:hover .lp-fc-glow{opacity:.1}.lp-fc-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:14px}.lp-fc-title{font-size:.92rem;font-weight:700;color:#e8f0ff;margin:0 0 7px}.lp-fc-desc{font-size:.78rem;color:#c8dcff80;line-height:1.55;margin:0 0 14px}.lp-fc-vis{margin-top:12px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}.lp-dives{position:relative;z-index:1;max-width:1060px;margin:0 auto;padding:20px 32px 80px;display:flex;flex-direction:column;gap:90px}.lp-dive{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.lp-dive.flip{direction:rtl}.lp-dive.flip>*{direction:ltr}@media (max-width: 720px){.lp-dive,.lp-dive.flip{grid-template-columns:1fr;gap:28px;direction:ltr}}.lp-dive-vis{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#ffffff08;padding:14px}.lp-dtag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 11px;border-radius:99px;border:1px solid;margin-bottom:16px}.lp-dive-h2{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;letter-spacing:-.02em;color:#e8f0ff;margin:0 0 14px;line-height:1.2}.lp-dive-p{font-size:.88rem;color:#c8dcff8c;line-height:1.7;margin:0 0 20px}.lp-dive-ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.lp-dive-ul li{display:flex;align-items:center;gap:9px;font-size:.83rem;color:#c8dcffb8}.lp-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.lp-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:720px;margin:0 auto}@media (max-width: 560px){.lp-steps{grid-template-columns:1fr}}.lp-step{display:flex;gap:16px;align-items:flex-start;padding:20px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;transition:border-color .25s,transform .25s;transition-delay:calc(var(--i,0) * .08s);text-align:left}.lp-step:hover{border-color:#ffffff24;transform:translateY(-2px)}.lp-step-n{width:40px;height:40px;border-radius:10px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;letter-spacing:.03em;flex-shrink:0}.lp-step-title{font-size:.88rem;font-weight:700;color:#e8f0ff;margin:4px 0 7px}.lp-step-desc{font-size:.78rem;color:#c8dcff80;line-height:1.6;margin:0}.lp-faqs{max-width:680px;margin:0 auto;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;background:#ffffff06}.lp-faq{border-bottom:1px solid rgba(255,255,255,.07);opacity:0;transform:translateY(12px);transition:opacity .45s ease calc(var(--fi,0) * .06s),transform .45s ease calc(var(--fi,0) * .06s),background .2s}.lp-faq.shown{opacity:1;transform:none}.lp-faq:last-child{border-bottom:none}.lp-faq.open{background:#818cf80d}.lp-faq-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:none;border:none;color:#dcebffd1;font-size:.88rem;font-weight:600;font-family:var(--font);cursor:pointer;text-align:left;gap:16px;transition:color .15s}.lp-faq-btn:hover{color:#e8f0ff}.lp-faq-q{flex:1}.lp-faq-icon{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;color:#c8dcff80;transition:background .25s,border-color .25s,color .25s,transform .25s;font-style:normal;-webkit-user-select:none;user-select:none}.lp-faq.open .lp-faq-icon{background:#818cf82e;border-color:#818cf866;color:#a5b4fc;transform:rotate(90deg)}.lp-faq-body{overflow:hidden;max-height:0;transition:max-height .38s cubic-bezier(.4,0,.2,1)}.lp-faq.open .lp-faq-body{max-height:200px}.lp-faq-ans{padding:0 22px 18px;font-size:.83rem;color:#c8dcff94;line-height:1.72;margin:0}.lp-stag-gold{color:#fbbf24!important}.lp-sh2-comm{display:flex;align-items:center;justify-content:center;gap:12px}.lp-comm-trophy{font-size:1.4rem;color:#fbbf24;flex-shrink:0;filter:drop-shadow(0 0 10px rgba(251,191,36,.5))}.lp-comm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:44px}@media (max-width: 900px){.lp-comm-grid{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.lp-comm-grid{grid-template-columns:1fr}}.lp-comm-card{background:#ffffff08;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:22px 20px 20px;text-align:left;transition:border-color .25s,transform .25s,box-shadow .25s}.lp-comm-card:hover{border-color:#ffffff29;transform:translateY(-3px);box-shadow:0 12px 36px #0000004d}.lp-comm-icon{width:38px;height:38px;border-radius:10px;border:1px solid;display:flex;align-items:center;justify-content:center;font-size:1.05rem;margin-bottom:14px}.lp-comm-title{font-size:.92rem;font-weight:700;color:#e8f0ff;margin:0 0 8px}.lp-comm-desc{font-size:.76rem;color:#c8dcff7a;line-height:1.55;margin:0 0 16px}.lp-event-card{background:#fbbf240f;border:1px solid rgba(251,191,36,.18);border-radius:10px;padding:12px 14px}.lp-event-badge{display:inline-block;font-size:.6rem;font-weight:800;letter-spacing:.1em;color:#fbbf24;background:#fbbf2424;padding:2px 8px;border-radius:99px;margin-bottom:7px;animation:lpPulse 2s ease-in-out infinite}.lp-event-name{font-size:.78rem;font-weight:700;color:#e8f0ff;margin-bottom:4px}.lp-event-meta{font-size:.65rem;color:#c8dcff73;margin-bottom:10px}.lp-event-bar{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.lp-event-progress{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:2px;animation:lpEventBar 1.4s ease forwards}.lp-server-list{display:flex;flex-direction:column;gap:7px}.lp-server-row{display:flex;align-items:center;gap:8px}.lp-server-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.lp-server-name{font-size:.76rem;font-weight:600;color:#dcebffc7;flex:1}.lp-server-cnt{font-size:.65rem;color:#c8dcff61}.lp-rating-list{display:flex;flex-direction:column;gap:9px}.lp-rating-row{display:flex;align-items:center;gap:8px}.lp-rating-name{font-size:.72rem;color:#c8dcffb3;flex:1}.lp-rating-stars{display:flex;gap:2px}.lp-star{font-size:.7rem}.lp-rating-score{font-size:.7rem;font-weight:700;min-width:24px;text-align:right}.lp-lb-wrap{max-width:580px;margin:0 auto;background:#ffffff08;border:1px solid rgba(255,255,255,.09);border-radius:16px;overflow:hidden}.lp-lb-header{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.07);font-size:.82rem;font-weight:700;color:#dcebffb3}.lp-lb-trophy{color:#fbbf24;font-size:1rem}.lp-lb{padding:10px 0}.lp-lb-row{display:flex;align-items:center;gap:10px;padding:8px 20px;opacity:0;animation:lpUp .35s ease forwards;transition:background .15s}.lp-lb-row:hover{background:#ffffff08}.lp-lb-rank{width:28px;text-align:center;font-size:.75rem;font-weight:800;flex-shrink:0}.lp-lb-name{width:90px;font-size:.76rem;font-weight:600;color:#dcebffcc;flex-shrink:0}.lp-lb-track{flex:1;height:6px;background:#ffffff12;border-radius:3px;overflow:hidden}.lp-lb-bar{height:100%;border-radius:3px;width:0;animation:lpLbFill .8s ease forwards}.lp-lb-score{width:44px;text-align:right;font-size:.72rem;font-weight:700;flex-shrink:0}.lp-cta{position:relative;z-index:1;text-align:center;padding:100px 32px;overflow:hidden;border-top:1px solid rgba(255,255,255,.06)}.lp-cta-glow{position:absolute;width:500px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;filter:blur(40px);background:radial-gradient(ellipse,rgba(99,102,241,.18) 0%,transparent 70%)}.lp-cta-h2{font-size:clamp(1.8rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;color:#e8f0ff;margin:0 0 14px}.lp-cta-sub{font-size:1rem;color:#c8dcff80;margin:0 0 36px}.lp-cta-btn{font-size:1rem;padding:14px 34px}.lp-cta-g{display:block;background:none;border:none;color:#c8dcff66;font-family:var(--font);font-size:.82rem;margin-top:14px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .15s}.lp-cta-g:hover{color:#c8dcffb3}.lp-footer{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px 24px;border-top:1px solid rgba(255,255,255,.06)}.lp-flogo{font-size:.88rem;font-weight:800;letter-spacing:.12em;background:linear-gradient(90deg,#60a5fa,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-flinks{display:flex;align-items:center;gap:2px;flex-wrap:wrap;justify-content:center}.lp-fl{background:none;border:none;color:#c8dcff5c;font-size:.78rem;padding:4px 10px;cursor:pointer;text-decoration:none;transition:color .15s;border-radius:6px;font-family:var(--font)}.lp-fl:hover{color:#e8f0ff}.lp-fcopy{font-size:.72rem;color:#c8dcff33}.sv-page{padding:24px 20px 80px;max-width:1200px;margin:0 auto;min-height:100vh}.sv-create-bar{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:10px 14px;margin-bottom:20px;transition:border-color .15s,background .15s}.sv-create-bar:hover{border-color:#818cf859;background:#ffffff0f}.sv-create-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}.sv-create-placeholder{flex:1;font-size:.85rem;color:#c8dcff59}.sv-create-plus{font-size:1.1rem;color:#c8dcff4d}.sv-layout{display:grid;grid-template-columns:210px 1fr 270px;gap:20px;align-items:start}.sv-widget{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;margin-bottom:14px}.sv-widget-label{font-size:.68rem;font-weight:700;color:#c8dcff59;text-transform:uppercase;letter-spacing:.07em;margin:0 0 12px}.sv-left{position:sticky;top:20px}.sv-season{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s}.sv-season:hover{background:#ffffff0d}.sv-season-active{background:#818cf814;border-color:#818cf838}.sv-season-icon-wrap{width:30px;height:30px;border-radius:8px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#818cf8);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#fff}.sv-season-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.sv-season-name{font-size:.82rem;font-weight:600;color:#dcebffe0}.sv-season-sub{font-size:.68rem;color:#c8dcff52}.sv-season-live{font-size:.6rem;font-weight:800;letter-spacing:.07em;color:#4ade80;background:#4ade801f;border:1px solid rgba(74,222,128,.25);border-radius:5px;padding:2px 6px;flex-shrink:0}.sv-main{min-width:0}.sv-sort{display:flex;gap:3px;margin-bottom:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:3px;width:fit-content}.sv-sort-btn{padding:5px 16px;border:none;background:none;color:#c8dcff6b;font-size:.8rem;font-weight:600;font-family:var(--font);border-radius:7px;cursor:pointer;transition:background .15s,color .15s}.sv-sort-btn:hover{color:#c8dcffbf}.sv-sort-active{background:#ffffff17;color:#e8f0ff}.sv-loading{display:flex;justify-content:center;padding:60px 0}.sv-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:#c8dcff59;font-size:.88rem;text-align:center}.sv-empty-icon{font-size:2rem;color:#818cf84d}.sv-error-hint{font-size:.75rem;color:#c8dcff38;margin:0}.sv-error-hint code{background:#ffffff12;padding:1px 5px;border-radius:4px;font-size:.73rem}.sv-feed{display:flex;flex-direction:column;gap:10px}.sv-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 18px 14px;transition:border-color .2s}.sv-card:hover{border-color:#ffffff21}.sv-card-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.sv-post-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff}.sv-post-meta{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.sv-post-author{font-size:.78rem;font-weight:600;color:#dcebffd1}.sv-post-time{font-size:.68rem;color:#c8dcff4d}.sv-delete{background:none;border:none;color:#c8dcff33;cursor:pointer;padding:5px;border-radius:6px;display:flex;align-items:center;transition:color .15s,background .15s}.sv-delete:hover{color:#f87171;background:#f8717114}.sv-menu-wrap{position:relative}.sv-menu-btn{width:28px;height:28px;border-radius:7px;border:none;background:none;color:#c8dcff40;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background .15s,color .15s}.sv-menu-btn:hover{background:#ffffff12;color:#c8dcffb3}.sv-menu{position:absolute;top:calc(100% + 6px);right:0;background:#131b2e;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:5px;min-width:160px;z-index:50;box-shadow:0 8px 32px #00000080;animation:sv-pop .12s ease}@keyframes sv-pop{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:none}}.sv-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:6px;border:none;background:none;cursor:pointer;font-size:.82rem;font-family:var(--font);color:#c8dcff99;transition:background .12s,color .12s}.sv-menu-item:hover{background:#ffffff0f;color:#c8dcffe6}.sv-menu-danger{color:#f87171}.sv-menu-danger:hover{background:#f871711a;color:#f87171}.sv-title{font-size:.95rem;font-weight:700;color:#e8f0ff;margin:0 0 7px;line-height:1.35}.sv-body{font-size:.82rem;color:#c8dcff85;line-height:1.65;margin:0 0 12px;white-space:pre-wrap;word-break:break-word}.sv-player{display:flex;align-items:center;gap:10px;background:#818cf817;border:1px solid rgba(129,140,248,.24);border-radius:9px;padding:10px 14px;margin-bottom:12px}.sv-play-btn{width:32px;height:32px;border-radius:50%;border:none;background:#818cf847;color:#c4b5fd;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;flex-shrink:0;transition:background .15s}.sv-play-btn:hover:not(:disabled){background:#818cf852}.sv-play-btn:disabled{opacity:.7;cursor:default}.sv-play-spin{width:11px;height:11px;border-radius:50%;border:2px solid rgba(165,180,252,.3);border-top-color:#a5b4fc;animation:sv-spin .7s linear infinite}@keyframes sv-spin{to{transform:rotate(360deg)}}.sv-track-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.sv-track-name{font-size:.72rem;font-weight:500;color:#c8dcffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sv-track{height:4px;background:#ffffff14;border-radius:2px;cursor:pointer;position:relative}.sv-track-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#818cf8,#60a5fa);border-radius:2px;transition:width .1s linear}.sv-dur{font-size:.67rem;color:#c8dcff52;flex-shrink:0}.sv-card-foot{display:flex;align-items:center;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.sv-votes{display:flex;align-items:center;gap:3px}.sv-vote-btn{width:26px;height:26px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#c8dcff66;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:background .15s,color .15s,border-color .15s}.sv-vote-btn:hover:not(:disabled){background:#ffffff14;color:#c8dcffcc}.sv-vote-btn:disabled{cursor:default;opacity:.5}.sv-up-active{background:#a78bfa24!important;color:#a78bfa!important;border-color:#a78bfa4d!important}.sv-down-active{background:#f871711c!important;color:#f87171!important;border-color:#f8717142!important}.sv-vote-count{font-size:.8rem;font-weight:700;color:#c8dcff99;min-width:24px;text-align:center}.sv-comments-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:7px;border:none;background:none;color:#c8dcff5c;font-size:.78rem;font-family:var(--font);cursor:pointer;transition:background .15s,color .15s}.sv-comments-btn:hover{background:#ffffff0d;color:#c8dcffb3}.sv-comments{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:12px}.sv-comment{display:flex;flex-direction:column;gap:4px}.sv-cmeta{display:flex;align-items:center;gap:7px}.sv-cavatar{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.56rem;font-weight:700;color:#fff}.sv-cname{font-size:.74rem;font-weight:600;color:#dcebffbf}.sv-ctime{font-size:.67rem;color:#c8dcff42}.sv-cbody{font-size:.8rem;color:#c8dcff94;line-height:1.55;margin:0 0 0 27px;word-break:break-word}.sv-login-hint{font-size:.76rem;color:#c8dcff42;margin:0;text-align:center}.sv-add-comment{display:flex;align-items:center;gap:7px}.sv-cinput{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:6px 10px;color:#e8f0ff;font-size:.8rem;font-family:var(--font);outline:none;transition:border-color .15s}.sv-cinput:focus{border-color:#818cf86b}.sv-cinput::placeholder{color:#c8dcff33}.sv-csend{padding:6px 12px;border-radius:7px;border:none;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-size:.77rem;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;transition:opacity .15s}.sv-csend:disabled{opacity:.35;cursor:default}.sv-right{position:sticky;top:20px}.sv-account-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}.sv-account-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:#fff}.sv-account-name{font-size:.82rem;font-weight:600;color:#dcebffd1}.sv-stats{display:flex;align-items:center;gap:0;background:#ffffff0a;border-radius:9px;padding:10px 0;margin-bottom:12px}.sv-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.sv-stat-div{width:1px;height:28px;background:#ffffff14}.sv-stat-val{font-size:1.1rem;font-weight:800;color:#e8f0ff}.sv-stat-votes{color:#a78bfa}.sv-stat-label{font-size:.67rem;color:#c8dcff52}.sv-rules{margin:0;padding:0 0 0 16px;display:flex;flex-direction:column;gap:9px}.sv-rules li{font-size:.8rem;color:#c8dcff8c;line-height:1.4;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.05)}.sv-rules li:last-child{border-bottom:none;padding-bottom:0}.sv-new-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:9px;border:none;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-size:.83rem;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;flex-shrink:0;box-shadow:0 0 18px #6366f147;transition:opacity .15s,transform .15s}.sv-new-btn:hover{opacity:.88;transform:translateY(-1px)}.sv-new-btn-full{width:100%;justify-content:center}.sv-cp{background:#0d1117;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:680px;display:flex;flex-direction:column;box-shadow:0 32px 100px #000000b3;overflow:hidden}.sv-cp-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.sv-cp-title{font-size:.95rem;font-weight:700;color:#e8f0ff;flex:1}.sv-cp-season{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:#c8dcff73;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:4px 10px}.sv-cp-season-icon{color:#fbbf24;font-size:.8rem}.sv-cp-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.07);padding:0 20px}.sv-cp-tab{position:relative;display:flex;align-items:center;gap:6px;padding:12px 16px;background:none;border:none;color:#c8dcff6b;font-size:.83rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:color .15s}.sv-cp-tab:hover{color:#c8dcffbf}.sv-cp-tab-active{color:#e8f0ff}.sv-cp-tab-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#818cf8;border-radius:2px 2px 0 0}.sv-cp-tab-dot{width:6px;height:6px;border-radius:50%;background:#a78bfa;flex-shrink:0}.sv-cp-body{padding:16px 20px;display:flex;flex-direction:column;gap:10px}.sv-cp-title-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:12px 14px;color:#e8f0ff;font-size:1rem;font-weight:600;font-family:var(--font);outline:none;transition:border-color .15s;width:100%;box-sizing:border-box}.sv-cp-title-input:focus{border-color:#818cf880}.sv-cp-title-input::placeholder{color:#c8dcff38;font-weight:400}.sv-cp-counter{font-size:.7rem;color:#c8dcff40;text-align:right;margin-top:-6px}.sv-cp-textarea{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:4px;padding:12px 14px;color:#c8dcffcc;font-size:.86rem;font-family:var(--font);outline:none;resize:vertical;min-height:140px;transition:border-color .15s;width:100%;box-sizing:border-box}.sv-cp-textarea:focus{border-color:#818cf87a}.sv-cp-textarea::placeholder{color:#c8dcff33}.sv-cp-textarea-beat{min-height:70px}.sv-cp-beat{min-height:140px;display:flex;flex-direction:column;gap:10px}.sv-cp-beat-label{font-size:.78rem;color:#c8dcff73;margin:0}.sv-req{color:#f87171}.sv-cp-error{margin:0 20px}.sv-cp-foot{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding:14px 20px;border-top:1px solid rgba(255,255,255,.07);background:#ffffff05}.sv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.sv-modal{background:#0c1220;border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:22px;width:100%;max-width:520px;display:flex;flex-direction:column;gap:13px;box-shadow:0 24px 80px #000000a6}.sv-modal-head{display:flex;align-items:center;justify-content:space-between}.sv-modal-title{font-size:.95rem;font-weight:700;color:#e8f0ff}.sv-modal-close{width:28px;height:28px;border-radius:7px;border:1px solid rgba(255,255,255,.09);background:none;color:#c8dcff66;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.sv-modal-close:hover{background:#ffffff12;color:#e8f0ff}.sv-modal-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:10px 13px;color:#e8f0ff;font-size:.88rem;font-weight:600;font-family:var(--font);outline:none;transition:border-color .15s}.sv-modal-input:focus{border-color:#818cf87a}.sv-modal-input::placeholder{color:#c8dcff33;font-weight:400}.sv-modal-textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:10px 13px;color:#c8dcffcc;font-size:.84rem;font-family:var(--font);outline:none;resize:vertical;min-height:90px;transition:border-color .15s}.sv-modal-textarea:focus{border-color:#818cf87a}.sv-modal-textarea::placeholder{color:#c8dcff33}.sv-clip-section{display:flex;flex-direction:column;gap:7px}.sv-clip-label{font-size:.73rem;font-weight:600;color:#c8dcff61;margin:0;text-transform:uppercase;letter-spacing:.05em}.sv-clip-empty{font-size:.8rem;color:#c8dcff47;margin:0;padding:14px 0;text-align:center}.sv-clip-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.sv-clip-list::-webkit-scrollbar{width:4px}.sv-clip-list::-webkit-scrollbar-track{background:transparent}.sv-clip-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sv-clip-item{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:9px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;cursor:pointer;text-align:left;font-family:var(--font);transition:background .15s,border-color .15s}.sv-clip-item:hover{background:#ffffff0f;border-color:#ffffff1f}.sv-clip-selected{background:#818cf81a!important;border-color:#818cf852!important}.sv-clip-icon{font-size:.9rem;flex-shrink:0}.sv-clip-name{flex:1;font-size:.82rem;color:#dcebffd1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-clip-dur{font-size:.72rem;color:#c8dcff52;flex-shrink:0}.sv-clip-check{font-size:.85rem;color:#a78bfa;flex-shrink:0}.sv-cp-beat-label-or{margin-top:14px!important}.sv-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 16px;border-radius:10px;cursor:pointer;border:2px dashed rgba(129,140,248,.28);background:#818cf80d;transition:border-color .15s,background .15s}.sv-upload-zone:hover{border-color:#818cf885;background:#818cf817}.sv-upload-icon{font-size:1.4rem;color:#a5b4fc99}.sv-upload-text{font-size:.82rem;color:#c8dcffb3;font-weight:500}.sv-upload-hint{font-size:.72rem;color:#c8dcff52}.sv-uploaded-file{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:9px;background:#818cf81a;border:1px solid rgba(129,140,248,.28)}.sv-uploaded-icon{font-size:1rem;color:#a5b4fc;flex-shrink:0}.sv-uploaded-name{flex:1;font-size:.82rem;color:#dcebffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-uploaded-remove{background:none;border:none;color:#c8dcff66;cursor:pointer;font-size:.9rem;padding:2px;display:flex;align-items:center;transition:color .15s}.sv-uploaded-remove:hover{color:#f87171}.sv-submit-error{font-size:.78rem;color:#f87171;background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:8px;padding:8px 12px;margin:0}.sv-modal-foot{display:flex;justify-content:flex-end;gap:9px;padding-top:2px}.sv-cancel{padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#c8dcff99;font-size:.83rem;font-family:var(--font);cursor:pointer;transition:background .15s}.sv-cancel:hover{background:#ffffff17}.sv-submit{padding:8px 20px;border-radius:8px;border:none;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-size:.83rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:opacity .15s;box-shadow:0 0 14px #6366f147}.sv-submit:disabled{opacity:.38;cursor:default;box-shadow:none}.sv-submit-danger{background:linear-gradient(135deg,#ef4444,#f87171)!important;box-shadow:0 0 14px #ef444438!important}.sv-confirm{max-width:360px}.sv-confirm-body{font-size:.82rem;color:#c8dcff73;margin:0}@media (max-width: 900px){.sv-layout{grid-template-columns:1fr}.sv-left,.sv-right{display:none}}@media (max-width: 1050px){.sv-layout{grid-template-columns:180px 1fr}.sv-right{display:none}}.sv-post-avatar-btn{cursor:pointer;border:none;transition:opacity .15s,transform .15s}.sv-post-avatar-btn:hover{opacity:.85;transform:scale(1.06)}.sv-post-author-btn{background:none;border:none;padding:0;font:inherit;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:color .12s}.sv-post-author-btn:hover{color:#818cf8}.sv-overlay-transparent{background:#00000080}.sv-upm{position:relative;background:#141820;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:320px;overflow:hidden;box-shadow:0 24px 64px #0009;animation:upmIn .2s cubic-bezier(.22,.68,0,1.2) both}@keyframes upmIn{0%{opacity:0;transform:scale(.93) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.sv-upm-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#00000059;border:none;color:#ffffffb3;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;z-index:2;transition:background .12s}.sv-upm-close:hover{background:#0009;color:#fff}.sv-upm-banner{height:80px;opacity:.65}.sv-upm-body{padding:0 24px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.sv-upm-avatar{width:68px;height:68px;border-radius:50%;border:3px solid #141820;margin-top:-34px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;box-shadow:0 4px 16px #0006}.sv-upm-name{font-size:17px;font-weight:800;margin-bottom:2px}.sv-upm-handle{font-size:12px;color:var(--text-muted);margin-bottom:18px}.sv-upm-stats{display:flex;align-items:center;gap:0;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;padding:12px 20px;width:100%;margin-bottom:16px;justify-content:center}.sv-upm-stat{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.sv-upm-stat-val{font-size:18px;font-weight:800}.sv-upm-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.sv-upm-stat-div{width:1px;height:32px;background:var(--border);flex-shrink:0}.sv-upm-follow-btn{display:flex;align-items:center;gap:7px;padding:10px 28px;border-radius:24px;font-size:14px;font-weight:700;cursor:pointer;border:none;background:var(--accent);color:#fff;transition:background .15s,transform .1s;width:100%;justify-content:center}.sv-upm-follow-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.sv-upm-follow-btn:disabled{opacity:.6;cursor:default}.sv-upm-following{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--text)}.sv-upm-following:hover:not(:disabled){background:#ef44441f;border-color:#ef44444d;color:#f87171}.sv-upm-self{font-size:13px;color:var(--text-muted);padding:8px 0}.home-page{min-height:100%}.hero-section{text-align:center;padding:40px 32px 32px;background:radial-gradient(ellipse 700px 260px at 50% 0%,rgba(37,99,235,.28) 0%,transparent 75%)}.hero-heading{font-size:36px;font-weight:700;color:#fff;letter-spacing:-.02em;margin-bottom:28px;line-height:1.2}.create-box{max-width:600px;margin:0 auto;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 16px 12px}.create-input{width:100%;background:transparent;border:none;outline:none;color:var(--text);font-size:15px;padding:0 0 12px;display:block}.create-input::placeholder{color:var(--text-muted)}.create-box-actions{display:flex;align-items:center;justify-content:space-between}.create-add-btn{width:30px;height:30px;border-radius:50%;background:#ffffff1a;color:var(--text-muted);font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .12s}.create-add-btn:hover{background:#ffffff2e;color:#fff}.create-box-right{display:flex;align-items:center;gap:8px}.create-random-btn{width:30px;height:30px;border-radius:50%;background:#ffffff14;color:var(--text-muted);font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .12s}.create-random-btn:hover{background:#ffffff26;color:#fff}.create-btn{display:flex;align-items:center;gap:6px;background:var(--accent-btn);color:#fff;font-size:14px;font-weight:600;padding:8px 20px;border-radius:24px;transition:opacity .12s}.create-btn:hover{opacity:.88}.featured-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 32px 24px}.featured-card{border-radius:16px;padding:20px;min-height:200px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;cursor:pointer}.featured-badge{position:absolute;top:16px;left:16px;font-size:10px;font-weight:700;letter-spacing:.08em;border:1px solid;border-radius:20px;padding:3px 10px;text-transform:uppercase}.featured-card-body{position:relative;z-index:1}.featured-card-title{font-size:20px;font-weight:700;margin-bottom:6px}.featured-card-sub{font-size:13px;color:#ffffffa6;margin-bottom:14px;line-height:1.4}.featured-card-btn{background:#ffffffeb;color:#111;font-size:13px;font-weight:600;padding:8px 18px;border-radius:24px;transition:background .12s;display:inline-block}.featured-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 28px 20px}.featured-card{border-radius:16px;min-height:196px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;position:relative;overflow:hidden;cursor:pointer;transition:transform .15s}.featured-card:hover{transform:scale(1.01)}.featured-card-promo{background:linear-gradient(135deg,#1e0a3c,#2d1060 40%,#4a1090)}.featured-card-promo-deco{position:absolute;right:-10px;top:-10px;width:180px;height:180px;pointer-events:none}.promo-deco-1{position:absolute;right:20px;top:20px;width:80px;height:110px;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#f97316);transform:rotate(15deg);opacity:.9}.promo-deco-2{position:absolute;right:55px;top:10px;width:70px;height:95px;border-radius:12px;background:linear-gradient(135deg,#10b981,#06b6d4);transform:rotate(-8deg);opacity:.85}.promo-deco-3{position:absolute;right:5px;top:55px;width:60px;height:85px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:rotate(25deg);opacity:.8}.featured-badge{display:inline-block;width:fit-content;font-size:10px;font-weight:700;letter-spacing:.08em;border:1px solid;border-radius:20px;padding:3px 10px;text-transform:uppercase;margin-bottom:auto;position:relative;z-index:1}.featured-card-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}.featured-card-title{font-size:20px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-card-sub{font-size:13px;color:#ffffffa6;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-card-btn{align-self:flex-start;margin-top:8px;background:#ffffffeb;color:#111;font-size:13px;font-weight:600;padding:8px 18px;border-radius:24px;border:none;cursor:pointer;transition:background .12s}.featured-card-btn:hover{background:#fff}.feat-skeleton-block{height:60px;border-radius:8px;background:#ffffff14;animation:shimmer 1.4s infinite;background-size:200% 100%}.pl-sections-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0 28px 40px;border-top:1px solid var(--border)}.pl-section{padding:16px 12px;border-right:1px solid var(--border)}.pl-section:last-child{border-right:none}.pl-section-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;cursor:pointer}.pl-section-title{font-size:16px;font-weight:700}.pl-collage{position:relative;width:108px;height:108px;border-radius:10px;overflow:hidden;flex-shrink:0;cursor:pointer}.pl-collage-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;gap:1px;background:#ffffff0d}.pl-collage-img{width:100%;height:100%;object-fit:cover;display:block}.pl-collage-empty{width:100%;height:100%;background:#ffffff14;grid-column:1/-1;grid-row:1/-1}.pl-collage-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;color:#fff;font-size:18px;border:none;cursor:pointer;opacity:0;transition:opacity .15s}.pl-collage:hover .pl-collage-play{opacity:1}.pl-collage-skeleton{width:108px;height:108px;border-radius:10px;background:#ffffff0f;flex-shrink:0;animation:shimmer 1.4s infinite;background-size:200% 100%}.pl-section-tracks{display:flex;flex-direction:column}.db-page{min-height:100%;padding-bottom:60px;animation:pageIn .35s both;max-width:1280px;margin:0 auto;width:100%}.db-hero{position:relative;overflow:hidden;padding:52px 40px 44px;text-align:center}.db-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(37,99,235,.22) 0%,transparent 70%),radial-gradient(ellipse 40% 30% at 80% 100%,rgba(79,70,229,.12) 0%,transparent 70%);pointer-events:none}.db-hero-heading{position:relative;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:0 0 28px;color:#e8f0ff}.db-hero-gradient{background:linear-gradient(90deg,#60a5fa,#818cf8,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.db-hero-divider{width:48px;height:2px;background:#ffffff2e;border-radius:2px;margin:0 auto}.db-section{padding:0 40px;margin-bottom:40px}.db-section-head{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#c8dcff66;margin-bottom:14px}.db-section-icon{color:#3b82f6}.db-see-all{display:inline-flex;align-items:center;gap:5px;margin-left:auto;background:none;border:none;color:#60a5fa;font-size:.78rem;font-weight:600;cursor:pointer;transition:opacity .15s;letter-spacing:normal;text-transform:none}.db-see-all:hover{opacity:.7}.db-feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.db-feat-card{position:relative;border-radius:18px;padding:28px 28px 24px;cursor:pointer;display:flex;flex-direction:column;gap:10px;min-height:200px;transition:transform .22s,box-shadow .22s;box-shadow:0 8px 32px #00000080;animation:fadeUp .4s both;border:1px solid rgba(255,255,255,.06);overflow:hidden}.db-feat-card:last-child{animation-delay:.08s}.db-feat-card:hover{transform:translateY(-5px);box-shadow:0 20px 56px #0009}.db-feat-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s}.db-feat-card:hover .db-feat-shine{opacity:1}.db-feat-icon-wrap{width:42px;height:42px;border-radius:12px;background:#ffffff12;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.db-feat-tag{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:3px 10px;align-self:flex-start}.db-feat-title{font-size:1.25rem;font-weight:800;margin:0;color:#fff;line-height:1.2}.db-feat-desc{font-size:.82rem;color:#ffffff80;margin:0;line-height:1.55;flex:1}.db-feat-btn{display:inline-flex;align-items:center;gap:7px;background:#ffffff12;border:1px solid;border-radius:8px;padding:8px 16px;font-size:.8rem;font-weight:700;cursor:pointer;align-self:flex-start;transition:background .18s;margin-top:4px}.db-feat-btn:hover{background:#ffffff24}.db-leader-list{display:flex;flex-direction:column;gap:2px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden}.db-leader-row{display:flex;align-items:center;gap:14px;padding:13px 18px;cursor:pointer;transition:background .12s;border-bottom:1px solid rgba(255,255,255,.04)}.db-leader-row:last-child{border-bottom:none}.db-leader-row:hover{background:#ffffff0d}.db-leader-rank{font-size:1.1rem;width:32px;flex-shrink:0;text-align:center;font-weight:700}.db-leader-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.db-leader-title{font-size:.9rem;font-weight:600;color:#e8f0ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-leader-meta{font-size:.75rem;color:#c8dcff61}.db-leader-votes{display:flex;align-items:center;gap:4px;font-size:.82rem;font-weight:700;color:#34d399;flex-shrink:0}.db-leader-empty{padding:24px 18px;font-size:.85rem;color:#c8dcff59;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;text-align:center}.db-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.db-cat-card{cursor:pointer;transition:transform .2s}.db-cat-card:hover{transform:translateY(-3px)}.db-cat-thumb{position:relative;width:100%;aspect-ratio:1;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 6px 24px #0006;margin-bottom:10px}.db-cat-icon{font-size:2.2rem;color:#ffffff80}.db-cat-play{position:absolute;bottom:10px;right:10px;width:34px;height:34px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .18s,transform .18s}.db-cat-card:hover .db-cat-play{opacity:1;transform:scale(1.05)}.db-cat-label{font-size:.9rem;font-weight:700;margin:0;color:#e8f0ff}.db-recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.db-recent-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:background .15s,transform .15s;overflow:hidden}.db-recent-card:hover{background:#ffffff12;transform:translateY(-1px)}.db-recent-thumb{width:44px;height:44px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.db-recent-info{flex:1;min-width:0}.db-recent-name{font-size:.85rem;font-weight:700;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e8f0ff}.db-recent-meta{font-size:.72rem;color:#c8dcff61;margin:0;white-space:nowrap}.db-track-skeletons{display:flex;flex-direction:column;gap:8px}.track-skeleton{height:60px;border-radius:10px;background:linear-gradient(90deg,var(--card-bg) 25%,rgba(255,255,255,.04) 50%,var(--card-bg) 75%);background-size:400% 100%;animation:shimmerSlide 1.4s ease infinite}@keyframes shimmerSlide{0%{background-position:100% 0}to{background-position:-100% 0}}.db-tracks{animation:fadeUp .4s .1s both}.explore-page{padding:28px 32px 40px;max-width:1280px;margin:0 auto;width:100%}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title{font-size:20px;font-weight:700}.see-all-btn{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted);transition:color .12s}.see-all-btn:hover{color:var(--text)}.genres-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px;margin-bottom:36px;position:relative;scrollbar-width:none}.genres-scroll::-webkit-scrollbar{display:none}.genre-card{flex-shrink:0;width:170px;cursor:pointer}.genre-card-img{width:170px;height:170px;border-radius:14px;position:relative;overflow:hidden;margin-bottom:8px;transition:transform .15s}.genre-card:hover .genre-card-img{transform:scale(1.03)}.genre-card-name{position:absolute;top:12px;left:14px;font-size:22px;font-weight:800;color:#ffffffeb;text-shadow:0 1px 4px rgba(0,0,0,.4)}.genre-card-sub{font-size:12.5px;color:var(--text-muted)}.genres-next-btn{position:sticky;right:0;flex-shrink:0;width:36px;height:170px;background:linear-gradient(to left,var(--main-bg) 40%,transparent);color:var(--text);font-size:18px;display:flex;align-items:center;justify-content:flex-end}.staff-picks-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:6px;margin-bottom:36px;scrollbar-width:none;position:relative}.staff-picks-scroll::-webkit-scrollbar{display:none}.staff-card{flex-shrink:0;width:176px;cursor:pointer}.staff-card-img{width:176px;height:220px;border-radius:10px;margin-bottom:10px;position:relative;overflow:hidden;transition:transform .15s}.staff-card:hover .staff-card-img{transform:scale(1.03)}.staff-play-btn{position:absolute;bottom:10px;right:10px;width:36px;height:36px;border-radius:50%;background:#00000080;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.staff-card:hover .staff-play-btn{opacity:1}.staff-card-info{display:flex;flex-direction:column;gap:3px}.staff-card-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-card-artist{font-size:12px;color:var(--text-muted)}.staff-card-stats{display:flex;gap:8px;font-size:11px;color:var(--text-dim);margin-top:3px}.contests-scroll{display:flex;flex-direction:column;gap:12px}.contest-card{display:flex;align-items:center;gap:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px;cursor:pointer;transition:background .12s}.contest-card:hover{background:#ffffff12}.contest-thumb{width:72px;height:72px;border-radius:8px;flex-shrink:0}.contest-info{display:flex;flex-direction:column;gap:6px}.contest-badge{font-size:10px;font-weight:700;letter-spacing:.06em;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:3px 10px;color:var(--text-muted);display:inline-block;width:fit-content}.contest-title{font-size:13.5px;font-weight:500}.explore-search-wrap{margin-bottom:28px}.explore-search-bar{display:flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid var(--border);border-radius:12px;padding:11px 16px;max-width:480px;transition:border-color .15s}.explore-search-bar:focus-within{border-color:#fff3}.explore-search-icon{color:var(--text-muted);font-size:15px;flex-shrink:0}.explore-search-input{background:transparent;border:none;outline:none;color:var(--text);font-size:14px;flex:1}.explore-search-input::placeholder{color:var(--text-muted)}.explore-search-clear{color:var(--text-muted);font-size:13px;background:none;border:none;cursor:pointer;padding:0 2px;transition:color .12s}.explore-search-clear:hover{color:var(--text)}.studio-page{min-height:100%}.studio-transport{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;background:var(--sidebar-bg);border-bottom:1px solid var(--border)}.transport-btn{width:44px;height:44px;border-radius:50%;background:#ffffff14;color:var(--text);font-size:15px;display:flex;align-items:center;justify-content:center;transition:background .12s}.transport-btn:hover{background:#ffffff24}.record-btn{color:#ef4444}.bpm-control{display:flex;align-items:center;gap:.5rem;margin-left:1rem}.bpm-control label{color:var(--text-muted);font-size:.85rem}.bpm-control input{width:64px;background:#ffffff12;border:1px solid var(--border);border-radius:6px;padding:.3rem .5rem;color:var(--text);font-size:.95rem;text-align:center;outline:none}.studio-tabs{display:flex;background:var(--sidebar-bg);border-bottom:1px solid var(--border);padding:0 2rem}.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;padding:.75rem 1.25rem;color:var(--text-muted);cursor:pointer;font-size:.9rem;transition:all .15s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.studio-content{padding:2rem}.daw-page{display:flex;flex-direction:column;height:calc(100vh - var(--player-h));overflow:hidden}.daw-tabs{display:flex;align-items:center;gap:0;background:var(--main-bg);border-bottom:1px solid var(--border);padding:0 16px;flex-shrink:0;height:42px}.daw-project-name-tag{font-size:12px;font-weight:600;color:var(--text-muted);padding:0 12px 0 4px;margin-right:4px;border-right:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.daw-tab{display:flex;align-items:center;gap:6px;padding:0 16px;height:100%;font-size:13px;color:var(--text-muted);border:none;border-bottom:2px solid transparent;background:transparent;cursor:pointer;transition:color .12s,border-color .12s;white-space:nowrap}.daw-tab:hover{color:var(--text)}.daw-tab-active{color:var(--text);border-bottom-color:var(--accent)}.daw-tab-icon{font-size:13px;flex-shrink:0}.daw-autosave{margin-left:auto;font-size:11px;min-width:50px;text-align:right}.daw-autosave-saving{color:var(--text-muted)}.daw-autosave-saved{color:#4ade80}.daw-autosave-error{color:#f87171}.daw-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.daw-tabpanel{display:none;flex:1;overflow:hidden;flex-direction:column}.daw-tabpanel-active{display:flex}.create-page{min-height:100%}.create-page-hero{text-align:center;padding:48px 32px 36px;background:radial-gradient(ellipse 700px 260px at 50% 0%,rgba(37,99,235,.25) 0%,transparent 75%)}.cr-page{min-height:100%;padding-bottom:60px;animation:pageIn .35s both}.cr-page-header{padding:40px 40px 28px;background:radial-gradient(ellipse 800px 220px at 50% 0%,rgba(37,99,235,.18) 0%,transparent 70%)}.cr-page-title{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.cr-page-sub{font-size:.9rem;color:var(--text-muted);margin:0}.cr-banners{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 40px 32px}.cr-banner{position:relative;display:flex;align-items:center;gap:16px;padding:22px 24px;border-radius:16px;background:var(--gradient);border:2px solid transparent;cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 6px 24px #0000004d;overflow:hidden}.cr-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .2s}.cr-banner:hover{transform:translateY(-3px);box-shadow:0 12px 36px #0006}.cr-banner:hover:before{background:#00000014}.cr-banner-active{border-color:#ffffff59;box-shadow:0 8px 32px #3b82f659}.cr-banner-icon{width:48px;height:48px;border-radius:12px;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;flex-shrink:0}.cr-banner-text{display:flex;flex-direction:column;gap:4px}.cr-banner-label{font-size:1rem;font-weight:800;color:#fff}.cr-banner-desc{font-size:.78rem;color:#ffffffa6;line-height:1.4}.cr-banner-pip{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:#fffc;border-radius:2px 2px 0 0}.cr-ai-body{padding:0 40px 40px}.cr-studio-body{display:flex;flex-direction:column}.create-page-sub{color:var(--text-muted);font-size:15px;margin-top:8px}.create-page-form{max-width:720px;margin:0 auto;padding:0 32px 48px}.create-page-box{background:#ffffff0d;border:1px solid var(--border);border-radius:16px;padding:16px 18px 14px;margin-bottom:24px}.create-page-textarea{width:100%;background:transparent;border:none;outline:none;resize:none;color:var(--text);font-size:15px;line-height:1.6;padding-bottom:12px;font-family:var(--font);min-height:100px}.create-page-textarea::placeholder{color:var(--text-muted)}.create-page-box-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:10px}.cp-random{display:flex;align-items:center;gap:6px;background:#ffffff12;border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s}.cp-random:hover{background:#ffffff1f;color:var(--text)}.cp-generate{font-size:14px;font-weight:600}.create-page-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:28px;align-items:start}.cp-option-group label{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px}.cp-chips{display:flex;flex-wrap:wrap;gap:8px}.cp-chip{background:#ffffff0f;border:1px solid var(--border);border-radius:20px;padding:5px 14px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .12s}.cp-chip:hover{background:#ffffff1a;color:var(--text)}.cp-chip-active{background:#3b82f626;border-color:var(--accent);color:var(--accent)}.cp-bpm-slider{width:100%;accent-color:var(--accent);cursor:pointer}.cp-bpm-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim);margin-top:4px}.cr-gen-status{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);font-size:.85rem;color:#c8dcffb3}.cr-gen-spinner{width:16px;height:16px;flex-shrink:0;border:2px solid rgba(59,130,246,.3);border-top-color:#60a5fa;border-radius:50%;animation:spin .7s linear infinite}.cr-gen-result{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-radius:10px;font-size:.85rem;font-weight:500}.cr-gen-ok{background:#34d39914;border:1px solid rgba(52,211,153,.25);color:#6ee7b7}.cr-gen-error{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#fca5a5}.cp-result{background:#ffffff0a;border:1px solid var(--border);border-radius:16px;overflow:hidden}.cp-result-header{display:flex;align-items:center;gap:8px;padding:14px 20px;background:#ffffff08;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text-muted)}.cp-result-body{padding:20px;font-family:var(--font);white-space:pre-wrap;line-height:1.7;font-size:14px}.cp-result-actions{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--border)}.cr2-page{min-height:100%;padding:28px 32px 80px;animation:pageIn .3s both}.cr2-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:36px 40px 24px;background:radial-gradient(ellipse 800px 200px at 50% 0%,rgba(37,99,235,.14) 0%,transparent 70%)}.cr2-header-left h1{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.cr2-count{font-size:13px;color:var(--text-muted)}.cr2-header-right{display:flex;align-items:center;gap:12px}.cr2-search{background:#ffffff0d;border:1px solid var(--border);border-radius:10px;padding:8px 14px;font-size:13px;color:var(--text);outline:none;width:200px;transition:border-color .15s}.cr2-search::placeholder{color:var(--text-muted)}.cr2-search:focus{border-color:#3b82f680}.cr2-hero-wrap{padding:0 40px 32px}.cr2-hero{position:relative;display:flex;align-items:center;gap:24px;padding:28px 32px;border-radius:20px;background:var(--hg);border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 40px #00000059;overflow:hidden}.cr2-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(255,255,255,.07),transparent);pointer-events:none}.cr2-hero-thumb{width:72px;height:72px;border-radius:16px;background:#00000040;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#ffffffb3;flex-shrink:0}.cr2-hero-info{flex:1}.cr2-hero-eyebrow{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin-bottom:6px}.cr2-hero-title{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:8px;letter-spacing:-.01em}.cr2-hero-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cr2-hero-tags>span{display:flex;align-items:center;gap:4px;font-size:12px;color:#ffffff8c;background:#0003;border-radius:6px;padding:3px 9px}.cr2-hero-open{display:flex;align-items:center;gap:8px;padding:12px 22px;border-radius:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,transform .15s;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cr2-hero-open:hover{background:#ffffff40;transform:translateY(-1px)}.cr2-grid-wrap{padding:0 40px}.cr2-grid-label{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}.cr2-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.cr2-card{position:relative;background:#ffffff0a;border:1px solid var(--border);border-radius:14px;display:flex;align-items:stretch;overflow:hidden;cursor:pointer;transition:border-color .15s,background .15s,transform .15s;text-align:left}.cr2-card:hover{border-color:#ffffff26;background:#ffffff12;transform:translateY(-2px)}.cr2-card-thumb{width:60px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;color:#ffffff8c}.cr2-card-body{flex:1;padding:14px 12px;min-width:0}.cr2-card-name{font-size:14px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr2-card-meta{font-size:12px;color:var(--text-muted);display:flex;gap:4px;margin-bottom:4px}.cr2-card-date{font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:4px}.cr2-card-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 6px;opacity:0;transition:opacity .15s;position:relative}.cr2-card:hover .cr2-card-actions{opacity:1}.cr2-card-open{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:8px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#60a5fa;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s;white-space:nowrap}.cr2-card-open:hover{background:#3b82f647}.cr2-card-menu-btn{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:14px;cursor:pointer;transition:background .12s,color .12s}.cr2-card-menu-btn:hover{background:#ffffff1f;color:var(--text)}.pc2-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:200;background:#1a1d24;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:5px;min-width:170px;box-shadow:0 8px 32px #00000080}.pc2-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:7px;font-size:13px;color:var(--text);cursor:pointer;transition:background .1s}.pc2-menu button:hover{background:#ffffff12}.pc2-menu-danger{color:#ef4444!important}.pc2-menu-danger:hover{background:#ef44441a!important}.cr2-card-new{flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:96px;cursor:pointer;border-style:dashed;border-color:#ffffff1a;background:#ffffff05!important;transform:none!important}.cr2-card-new:hover{border-color:#3b82f666!important;background:#3b82f60d!important}.cr2-card-new-icon{width:36px;height:36px;border-radius:10px;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent)}.cr2-card-new>span{font-size:13px;font-weight:600;color:var(--text-muted)}.cr2-card-new:hover .cr2-card-new-icon{background:#3b82f633}.cr2-card-new:hover>span{color:var(--text)}.cr2-empty{text-align:center;padding:80px 40px;display:flex;flex-direction:column;align-items:center;gap:12px}.cr2-empty-icon{width:64px;height:64px;border-radius:18px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--accent);font-size:26px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.cr2-empty h3{font-size:18px;font-weight:700}.cr2-empty p{color:var(--text-muted);font-size:14px}.search-page{padding:28px 32px}.search-page-top{margin-bottom:28px}.search-page-top h2{font-size:22px;font-weight:700;margin-bottom:16px}.search-page-bar{display:flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid var(--border);border-radius:12px;padding:10px 16px;max-width:500px}.search-page-bar svg{color:var(--text-muted);font-size:16px;flex-shrink:0}.search-page-bar input{background:transparent;border:none;outline:none;color:var(--text);font-size:15px;width:100%}.search-page-bar input::placeholder{color:var(--text-muted)}.search-results{display:flex;flex-direction:column;gap:4px}.search-row{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .12s}.search-row:hover{background:#ffffff0d}.search-row-thumb{width:46px;height:46px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.search-play-btn{color:#fff;font-size:12px;opacity:0;transition:opacity .12s}.search-row:hover .search-play-btn{opacity:1}.search-row-info{flex:1;overflow:hidden}.search-row-title{display:block;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-row-artist{display:block;font-size:12px;color:var(--text-muted)}.search-row-genre{font-size:11px;color:var(--text-muted);background:#ffffff12;border-radius:20px;padding:3px 10px;white-space:nowrap}.search-row-plays{font-size:12px;color:var(--text-dim);min-width:50px;text-align:right}.sc-page{padding:24px 28px 80px;max-width:1280px;margin:0 auto;width:100%}.sc-header{margin-bottom:28px}.sc-bar{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 16px;transition:border-color .15s}.sc-bar:focus-within{border-color:var(--accent)}.sc-bar-icon{color:var(--text-muted);font-size:17px;flex-shrink:0}.sc-bar-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:15px}.sc-bar-input::placeholder{color:var(--text-muted)}.sc-bar-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:15px;display:flex;padding:2px;border-radius:4px;transition:color .1s}.sc-bar-clear:hover{color:var(--text)}.sc-chips-section{margin-bottom:32px}.sc-chips-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.sc-chips{display:flex;flex-wrap:wrap;gap:8px}.sc-chip{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:30px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#c8dcffbf;font-size:13px;cursor:pointer;transition:background .15s,color .15s}.sc-chip:hover{background:#ffffff1a;color:#fff;border-color:#fff3}.sc-chip-emoji{font-size:15px}.sc-loading{display:flex;align-items:center;gap:12px;padding:48px 0;color:var(--text-muted);font-size:14px;justify-content:center}.sc-error{color:#ef4444;font-size:13px;padding:24px 0;text-align:center}.sc-empty{text-align:center;padding:60px 0;color:var(--text-muted);font-size:15px}.sc-count{font-size:12px;color:var(--text-muted);margin-bottom:16px}.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.sc-card{background:var(--card-bg);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .15s,background .15s;border:1px solid transparent}.sc-card:hover{transform:translateY(-2px);background:var(--card-hover)}.sc-card-active{border-color:var(--accent)}.sc-thumb-wrap{position:relative;aspect-ratio:16/9;overflow:hidden}.sc-thumb{width:100%;height:100%;object-fit:cover;display:block}.sc-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.sc-card:hover .sc-play-overlay,.sc-card-active .sc-play-overlay{opacity:1}.sc-play-icon{color:#fff;font-size:20px}.sc-active-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent)}.sc-bars{display:flex;align-items:flex-end;gap:3px;height:20px}.sc-bars span{width:3px;background:#fff;border-radius:2px;animation:scBar .8s ease-in-out infinite alternate}.sc-bars span:nth-child(2){animation-delay:.2s}.sc-bars span:nth-child(3){animation-delay:.4s}@keyframes scBar{0%{height:4px}to{height:18px}}.sc-info{padding:10px 12px 12px}.sc-title{display:block;font-size:13px;font-weight:500;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sc-artist{display:block;font-size:11px;color:var(--text-muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-views{display:block;font-size:10px;color:var(--text-dim);margin-top:4px}.sc-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sc-history-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.sc-clear-btn{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .12s,background .12s}.sc-clear-btn:hover{color:#ef4444;background:#ef444414}.sc-card-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#000000a6;border:none;color:#fffc;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;opacity:0;transition:opacity .15s,background .12s;z-index:2}.sc-card:hover .sc-card-remove{opacity:1}.sc-card-remove:hover{background:#ef4444d9;color:#fff}.sc-empty-icon{font-size:2.5rem;color:var(--text-dim);margin-bottom:12px;display:block}.search-heading{font-size:22px;font-weight:700;margin-bottom:16px}.search-suggested{margin-top:24px}.search-suggested-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.search-chips{display:flex;flex-wrap:wrap;gap:8px}.search-chip{background:#ffffff0f;border:1px solid var(--border);border-radius:20px;padding:7px 16px;font-size:13px;color:var(--text-muted);cursor:pointer;transition:all .12s}.search-chip:hover{background:#ffffff1a;color:var(--text);border-color:#fff3}.search-loading{display:flex;align-items:center;gap:12px;padding:32px 0;color:var(--text-muted);font-size:14px}.search-error{color:#ef4444;font-size:13px;padding:16px 0}.projects-page{padding:28px 32px;max-width:1280px;margin:0 auto;width:100%}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.projects-header h2{font-size:1.5rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.project-card{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:border-color .15s,background .15s}.project-card:hover{border-color:var(--accent);background:#3b82f60f}.project-icon{font-size:1.5rem;color:var(--accent);flex-shrink:0}.project-info{flex:1}.project-info h4{margin-bottom:.2rem}.project-info span{color:var(--text-muted);font-size:.85rem}.empty-state{text-align:center;padding:4rem;color:var(--text-muted)}.empty-state svg{font-size:3rem;margin-bottom:1rem;display:block;margin-left:auto;margin-right:auto}.projects-count{font-size:13px;color:var(--text-muted);margin-top:4px;display:block}.projects-empty{text-align:center;padding:80px 32px;display:flex;flex-direction:column;align-items:center;gap:12px}.projects-empty-icon{width:64px;height:64px;border-radius:18px;background:#3b82f61f;border:1px solid rgba(59,130,246,.25);color:var(--accent);font-size:26px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.projects-empty h3{font-size:18px;font-weight:700}.projects-empty p{color:var(--text-muted);font-size:14px}.project-card{background:#ffffff0a;border:1px solid var(--border);border-radius:14px;padding:0;display:flex;align-items:stretch;cursor:pointer;transition:border-color .15s,background .15s;overflow:hidden;position:relative}.project-card:hover{border-color:#fff3;background:#ffffff0f}.project-card-thumb{width:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff9}.project-card-info{flex:1;padding:14px 12px}.project-card-name{font-size:14px;font-weight:600;margin-bottom:4px}.project-card-meta{font-size:12px;color:var(--text-muted);margin-bottom:4px;display:flex;gap:4px}.project-card-date{font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:4px}.project-delete-btn{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:8px;background:transparent;border:none;color:var(--text-dim);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .12s,background .12s,color .12s}.project-card:hover .project-delete-btn{opacity:1}.project-delete-btn:hover{background:#ef444426;color:#ef4444}.arr-export-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:8px;background:#60a5fa1f;border:1px solid rgba(96,165,250,.3);color:#60a5fa;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.arr-export-btn:hover:not(:disabled){background:#60a5fa38;color:#93c5fd}.arr-export-btn:disabled{opacity:.4;cursor:not-allowed}.arr-export-busy{background:#60a5fa2e!important;animation:exportPulse 1s ease-in-out infinite}@keyframes exportPulse{0%,to{box-shadow:0 0 #60a5fa00}50%{box-shadow:0 0 0 4px #60a5fa33}}.arr-tl-empty-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#c8dcff33;font-size:.85rem;pointer-events:none;z-index:1}.arr-tl-empty-hint svg{font-size:2rem}.proj-detail-page{display:flex;flex-direction:column;height:100%;background:var(--main-bg)}.proj-detail-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff05;flex-shrink:0}.proj-detail-back{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#c8dcff99;font-size:.82rem;cursor:pointer;transition:background .12s;white-space:nowrap}.proj-detail-back:hover{background:#ffffff1a;color:var(--text)}.proj-detail-title{display:flex;align-items:center;gap:.6rem;flex:1}.proj-detail-folder-icon{color:#fbbf24;font-size:1.2rem}.proj-detail-title>span:first-of-type{font-size:1.05rem;font-weight:700;color:var(--text)}.proj-detail-bpm{font-size:.75rem;padding:2px 8px;border-radius:6px;background:#ffffff12;color:#c8dcff8c}.proj-detail-genre{font-size:.75rem;padding:2px 8px;border-radius:6px;background:#6366f11f;color:#818cf8}.proj-detail-open-btn{display:flex;align-items:center;gap:.4rem;white-space:nowrap;flex-shrink:0}.project-card-actions{display:flex;flex-direction:column;gap:.3rem;align-items:center;padding-right:.25rem}.project-browse-btn{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#c8dcff66;cursor:pointer;font-size:.85rem;transition:background .12s,color .12s}.project-browse-btn:hover{background:#fbbf2426;color:#fbbf24}.auth-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(ellipse 600px 400px at 50% 30%,rgba(37,99,235,.18) 0%,transparent 70%)}.auth-card{background:#ffffff0d;border:1px solid var(--border);border-radius:16px;padding:2rem;width:100%;max-width:400px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-card h2{margin-bottom:1.5rem;text-align:center;font-size:22px}.auth-card form{display:flex;flex-direction:column;gap:.75rem}.auth-card input{background:#ffffff12;border:1px solid var(--border);border-radius:10px;padding:.7rem 1rem;color:var(--text);font-size:.95rem;outline:none}.auth-card input:focus{border-color:var(--accent)}.auth-card .btn-primary{margin-top:.25rem;justify-content:center;width:100%}.btn-google{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:#ffffff12;border:1px solid var(--border);border-radius:10px;padding:.7rem;color:var(--text);margin-top:.5rem;font-size:.9rem;transition:background .12s;cursor:pointer;font-family:var(--font)}.btn-google:hover{background:#ffffff1f}.btn-apple{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:#fff;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:.7rem;color:#000;margin-top:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--font);transition:opacity .15s}.btn-apple:hover{opacity:.88}.btn-apple svg{font-size:1.1rem}.auth-divider{display:flex;align-items:center;gap:10px;margin:.75rem 0 0;color:#c8dcff40;font-size:.78rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff14}.auth-toggle-link{display:block;width:100%;margin-top:.6rem;background:none;border:none;color:#818cf8cc;font-size:.82rem;font-family:var(--font);cursor:pointer;text-align:center;padding:4px 0;transition:color .15s}.auth-toggle-link:hover{color:#a5b4fc}.auth-link-sent{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0 8px;text-align:center}.auth-link-sent-icon{font-size:2.2rem}.auth-link-sent-title{font-size:1rem;font-weight:700;color:#e8f0ff;margin:0}.auth-link-sent-sub{font-size:.83rem;color:#c8dcff80;margin:0;line-height:1.6}.auth-hint{font-size:.83rem;color:#c8dcff73;margin:0 0 4px}.auth-google-tip{font-size:.8rem;color:#b4dc78b3;text-align:center;margin:-4px 0 4px}.auth-otp{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0}.auth-otp-hint{font-size:.84rem;color:#c8dcff80;text-align:center;margin:0 0 8px}.auth-otp-hint strong{color:#c8dcffd9}.auth-otp-inputs{display:flex;gap:10px}.auth-otp-digit{width:44px;height:54px;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:10px;text-align:center;font-size:1.35rem;font-weight:700;color:#e8f0ff;font-family:var(--font);outline:none;transition:border-color .15s,background .15s;caret-color:transparent}.auth-otp-digit:focus{border-color:#818cf8;background:#818cf81a}.auth-otp-digit:disabled{opacity:.5}.auth-card p{text-align:center;margin-top:1rem;color:var(--text-muted);font-size:.9rem}.auth-card a{color:var(--accent)}.error-msg{background:#ef44441a;border:1px solid #ef4444;border-radius:8px;padding:.5rem 1rem;color:#ef4444;font-size:.9rem;margin-bottom:.5rem}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;color:var(--text-muted)}.st2-page{padding:0 0 100px;animation:pageIn .28s both}.st2-page-header{display:flex;align-items:center;gap:18px;padding:36px 40px 28px;background:radial-gradient(ellipse 700px 180px at 50% 0%,rgba(37,99,235,.13) 0%,transparent 70%);border-bottom:1px solid var(--border);margin-bottom:0}.st2-header-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 20px #0006}.st2-page-title{font-size:22px;font-weight:800;letter-spacing:-.01em;margin-bottom:3px}.st2-page-sub{font-size:13px;color:var(--text-muted)}.st2-layout{display:flex;gap:0;align-items:flex-start;min-height:calc(100vh - 200px)}.st2-nav{width:220px;flex-shrink:0;padding:12px 8px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px;position:sticky;top:0;align-self:flex-start}.st2-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;font-size:13.5px;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;text-align:left;transition:background .12s,color .12s}.st2-nav-item:hover{background:#ffffff0d;color:var(--text)}.st2-nav-active{background:#3b82f61a;color:var(--text);font-weight:600}.st2-nav-active .st2-nav-icon{color:var(--accent)}.st2-nav-danger{color:#ef4444b3!important}.st2-nav-danger:hover{color:#ef4444!important;background:#ef444412!important}.st2-nav-danger.st2-nav-active{background:#ef44441a!important;color:#ef4444!important}.st2-nav-icon{font-size:15px;flex-shrink:0}.st2-nav-arrow{font-size:12px;margin-left:auto;opacity:0;transition:opacity .12s}.st2-nav-item:hover .st2-nav-arrow,.st2-nav-active .st2-nav-arrow{opacity:.5}.st2-panel{flex:1;min-width:0}.st2-panel-head{display:flex;align-items:center;gap:10px;padding:18px 32px;border-bottom:1px solid var(--border);background:#ffffff04;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.st2-panel-head-icon{font-size:16px;color:var(--accent)}.st2-panel-head h2{font-size:15px;font-weight:700}.st2-panel-inner{padding:28px 32px;display:flex;flex-direction:column;gap:0}.st2-section{padding:24px 0;border-bottom:1px solid var(--border)}.st2-section:last-child{border-bottom:none}.st2-section-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.st2-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.st2-field:last-child{margin-bottom:0}.st2-label{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.04em}.st2-hint{font-size:11px;color:var(--text-dim);margin-top:2px;line-height:1.5}.st2-char-count{font-size:11px;color:var(--text-dim);text-align:right;margin-top:-4px}.st2-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:11px 14px;color:var(--text);font-size:14px;outline:none;font-family:var(--font);transition:border-color .12s,box-shadow .12s;width:100%}.st2-input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.st2-input-readonly{opacity:.45;cursor:default}.st2-input-readonly:focus{border-color:#ffffff17;box-shadow:none}.st2-select{cursor:pointer}.st2-select option{background:#111}.st2-textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:11px 14px;color:var(--text);font-size:14px;font-family:var(--font);outline:none;resize:vertical;width:100%;line-height:1.6;transition:border-color .12s,box-shadow .12s}.st2-textarea:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.st2-textarea::placeholder{color:var(--text-muted)}.st2-input::placeholder{color:var(--text-muted)}.st2-input-icon-wrap{position:relative}.st2-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;pointer-events:none}.st2-input-with-icon{padding-left:36px}.st2-save-btn{display:flex;align-items:center;gap:7px;margin-top:8px}.st2-profile-layout{display:flex;gap:32px;padding:28px 32px;align-items:flex-start}.st2-profile-form{flex:1;min-width:0}.st2-profile-preview{width:260px;flex-shrink:0;position:sticky;top:72px}.st2-preview-label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.st2-profile-card{border-radius:16px;border:1px solid var(--border);overflow:hidden;background:#ffffff08}.st2-pc-banner{height:72px;opacity:.7}.st2-pc-body{padding:0 18px 20px}.st2-pc-avatar{width:56px;height:56px;border-radius:50%;margin-top:-28px;margin-bottom:10px;border:3px solid #0d0d0d;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff}.st2-pc-name{font-size:15px;font-weight:700;margin-bottom:2px}.st2-pc-handle{font-size:12px;color:var(--text-muted);margin-bottom:10px}.st2-pc-bio{font-size:13px;color:#c8dcffb3;line-height:1.5;margin-bottom:10px}.st2-pc-website{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--accent);margin-bottom:8px;word-break:break-all}.st2-pc-since{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-dim)}.st2-avatar-row{display:flex;align-items:center;gap:20px;margin-bottom:20px}.st2-avatar-preview{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;flex-shrink:0;box-shadow:0 4px 20px #0006;transition:background .3s}.st2-color-grid{display:flex;flex-wrap:wrap;gap:8px;max-width:200px}.st2-color-dot{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .15s,border-color .15s}.st2-color-dot:hover{transform:scale(1.15)}.st2-color-dot-on{border-color:#ffffffd9;transform:scale(1.1)}.st2-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border)}.st2-row:last-child{border-bottom:none;padding-bottom:0}.st2-row-label{font-size:14px;font-weight:500;margin-bottom:3px}.st2-row-desc{font-size:12px;color:var(--text-muted);line-height:1.4}.st-toggle{width:44px;height:25px;border-radius:14px;background:#ffffff1a;border:none;cursor:pointer;padding:3px;flex-shrink:0;transition:background .22s;display:flex;align-items:center}.st-toggle-on{background:var(--accent)}.st-toggle-thumb{width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000004d;transition:transform .22s cubic-bezier(.22,.68,0,1.2)}.st-toggle-on .st-toggle-thumb{transform:translate(19px)}.st2-account-method{display:flex;align-items:center;gap:14px;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:4px}.st2-method-icon{width:40px;height:40px;border-radius:10px;background:#3b82f61f;border:1px solid rgba(59,130,246,.2);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--accent);flex-shrink:0}.st2-device-info{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.st2-device-icon{font-size:24px;color:var(--accent);flex-shrink:0;margin-top:2px}.st2-pair-card{background:#ffffff08;border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.st2-pair-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.st2-pair-code{font-size:2.2rem;font-weight:800;letter-spacing:.2em;color:var(--text);font-family:Courier New,monospace;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 28px}.st2-pair-hint{font-size:12px;color:var(--text-muted)}.st2-pair-actions{display:flex;gap:10px}.st2-pair-btn{display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;background:var(--accent);border:none;color:#fff;transition:opacity .15s}.st2-pair-btn:hover{opacity:.85}.st2-pair-btn-ghost{background:#ffffff12;border:1px solid var(--border);color:var(--text-muted)}.st2-pair-btn-ghost:hover{background:#ffffff1f;color:var(--text);opacity:1}.st2-badge-active{font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:#34d399;white-space:nowrap}.st2-info-card{display:flex;align-items:flex-start;gap:12px;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:4px}.st2-info-card svg{flex-shrink:0;margin-top:1px}.st2-info-card-warn{background:#f59e0b12;border-color:#f59e0b33;color:#fbbf24cc}.st2-danger-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.st2-danger-row:last-child{border-bottom:none;padding-bottom:0}.st2-btn-outline{display:flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid var(--border);border-radius:22px;padding:9px 18px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}.st2-btn-outline:hover{background:#ffffff1a;color:var(--text)}.st2-btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:22px;padding:9px 18px;font-size:13px;font-weight:600;color:#ef4444;cursor:pointer;white-space:nowrap;transition:background .12s}.st2-btn-danger:hover{background:#ef444433}.st-range{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--pct,50%),rgba(255,255,255,.1) var(--pct,50%));cursor:pointer;outline:none}.st-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 6px #0006}.st-range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim);margin-top:4px}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.st-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px 24px;border-radius:24px;font-size:13px;font-weight:600;z-index:500;animation:toastIn .22s cubic-bezier(.22,.68,0,1.2) both;pointer-events:none;white-space:nowrap}.st-toast-ok{background:#10b981eb;color:#fff}.st-toast-err{background:#ef4444eb;color:#fff}.sb-avatar-settings-icon{font-size:13px;color:var(--text-dim);margin-left:auto;flex-shrink:0;transition:color .15s}.sb-avatar:hover .sb-avatar-settings-icon{color:var(--accent)}.sb-logout{cursor:pointer}.nf-page{max-width:640px;margin:0 auto;padding:36px 24px 80px;animation:pageIn .28s both}.nf-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px}.nf-title{font-size:22px;font-weight:800;letter-spacing:-.01em;margin:0 0 4px}.nf-unread-count{font-size:12px;font-weight:700;color:var(--accent);background:#3b82f61f;border:1px solid rgba(59,130,246,.2);border-radius:20px;padding:2px 10px}.nf-mark-all{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent);background:none;border:none;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background .12s;white-space:nowrap;flex-shrink:0}.nf-mark-all:hover{background:#3b82f614}.nf-list{display:flex;flex-direction:column;gap:2px}.nf-row{display:flex;align-items:flex-start;gap:14px;padding:14px 12px;border-radius:14px;cursor:pointer;transition:background .12s;position:relative}.nf-row:hover{background:#ffffff0a}.nf-row-unread{background:#3b82f60a}.nf-row-unread:hover{background:#3b82f612}.nf-avatar-wrap{position:relative;flex-shrink:0}.nf-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.nf-type-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;border:2px solid var(--main-bg);display:flex;align-items:center;justify-content:center}.nf-content{flex:1;min-width:0;padding-top:2px}.nf-text{font-size:14px;line-height:1.5;margin:0 0 4px;color:var(--text)}.nf-text strong{font-weight:700}.nf-text em{font-style:normal;color:#c8dcffb3}.nf-preview{display:block;font-size:12px;color:var(--text-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.nf-time{font-size:12px;color:var(--text-muted)}.nf-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px}.nf-empty{text-align:center;padding:80px 32px;display:flex;flex-direction:column;align-items:center;gap:10px}.nf-empty-icon-wrap{width:64px;height:64px;border-radius:18px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--accent);font-size:26px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.nf-empty-icon{font-size:2.5rem;color:var(--text-dim)}.nf-empty h3{font-size:17px;font-weight:700}.nf-empty p{font-size:14px;color:var(--text-muted)}.nf-loading{display:flex;justify-content:center;padding:60px 0}.sb-nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-notif-dot{position:absolute;top:-5px;right:-7px;min-width:16px;height:16px;border-radius:8px;background:#ef4444;color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--sidebar-bg);line-height:1}.beat-maker{padding:0}.beat-maker-controls{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.bpm-badge,.step-badge{background:#ffffff12;border:1px solid var(--border);border-radius:20px;padding:.25rem .75rem;font-size:.8rem;color:var(--text-muted)}.beat-grid{display:flex;flex-direction:column;gap:.4rem}.beat-row{display:flex;align-items:center;gap:.75rem}.beat-label{min-width:72px;font-size:.8rem;color:var(--text-muted);padding-left:.5rem}.beat-steps{display:flex;gap:.3rem}.step-btn{width:36px;height:36px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer;transition:all .1s}.step-btn:hover{border-color:#ffffff4d}.step-btn.active{box-shadow:0 0 10px #7c3aed66}.step-btn.current{outline:2px solid #fff;outline-offset:1px}.step-btn.beat-start{margin-left:.3rem}.beat-legend{margin-top:1rem;font-size:.75rem;color:var(--text-muted);display:flex;gap:1rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.2rem;border-radius:24px;border:none;cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font);transition:opacity .15s,background .15s}.btn-primary{background:var(--accent-btn);color:#fff}.btn-primary:hover{opacity:.88}.btn-secondary{background:#ffffff14;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff24}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text);background:#ffffff0f}.icon-btn{background:transparent;border:none;cursor:pointer;padding:.4rem;border-radius:6px;color:var(--text-muted)}.icon-btn.danger:hover{color:#ef4444;background:#ef44441a}.drum-root{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#0a0a0a}.drum-toolbar{display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;background:#ffffff06;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.drum-play-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:8px;background:#6366f12e;border:1px solid rgba(99,102,241,.35);color:#818cf8;font-size:.84rem;font-weight:600;cursor:pointer;transition:background .15s}.drum-play-btn:hover{background:#6366f147}.drum-playing{background:#ef44442e!important;border-color:#ef444466!important;color:#f87171!important}.drum-rec-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:.84rem;font-weight:600;cursor:pointer;transition:background .15s}.drum-rec-btn:hover:not(:disabled){background:#ef444433}.drum-rec-btn:disabled{opacity:.5;cursor:not-allowed}.drum-rec-active{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.drum-rec-bpm{width:52px;padding:.3rem .4rem;border-radius:7px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#c8dcffbf;font-size:.78rem;text-align:center;outline:none;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.drum-rec-bpm::-webkit-inner-spin-button{display:none}.drum-rec-bpm::placeholder{color:#c8dcff47}.drum-rec-bpm:focus{border-color:#ef444480}.drum-rec-bpm:disabled{opacity:.4}.drum-select{padding:.3rem .6rem;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#c8dcffb3;font-size:.8rem;cursor:pointer;outline:none}.drum-select:hover{background:#ffffff17}.drum-action-btn{display:flex;align-items:center;gap:.35rem;padding:.38rem .75rem;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#c8dcffa6;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s}.drum-action-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.drum-action-btn:disabled{opacity:.4;cursor:not-allowed}.drum-ai-btn{color:#facc15;border-color:#facc1540;background:#facc1514}.drum-ai-btn:hover:not(:disabled){background:#facc1526!important}.drum-bpm-badge{font-size:.78rem;padding:.25rem .6rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#c8dcff99}.drum-step-badge{font-size:.75rem;color:#c8dcff80}.drum-grid-wrap{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.drum-header-row{display:flex;align-items:center;position:sticky;top:0;z-index:4;background:#111;border-bottom:1px solid rgba(255,255,255,.07)}.drum-label-spacer{width:130px;flex-shrink:0}.drum-ms-spacer{width:44px;flex-shrink:0}.drum-steps-header{display:flex;flex:1}.drum-step-num{flex:1;min-width:0;height:26px;display:flex;align-items:center;justify-content:center;font-size:.68rem;color:#c8dcff4d}.drum-step-beat{color:#c8dcff99;font-weight:700}.drum-step-cur{color:#ef4444!important}.drum-group-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#c8dcff40;padding:5px 10px 2px;background:#ffffff03;border-top:1px solid rgba(255,255,255,.05)}.drum-rows{display:flex;flex-direction:column}.drum-row{display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .1s}.drum-row:hover{background:#ffffff06}.drum-row-selected{background:#ffffff0a!important}.drum-label{width:130px;flex-shrink:0;display:flex;align-items:center;gap:.45rem;padding:0 .75rem;height:44px}.drum-label-short{font-size:.72rem;font-weight:800;font-variant-numeric:tabular-nums;min-width:24px;text-align:right}.drum-label-name{font-size:.8rem;color:#c8dcffb3;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drum-ms-btns{display:flex;gap:2px;flex-shrink:0;padding:0 4px;align-items:center}.drum-ms-btn{width:18px;height:18px;border-radius:3px;font-size:.62rem;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .1s,color .1s;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#c8dcff66}.drum-ms-btn:hover{background:#ffffff1f;color:#c8dcffe6}.drum-muted{background:#ef444440!important;border-color:#ef444480!important;color:#f87171!important}.drum-soloed{background:#facc1540!important;border-color:#facc1580!important;color:#facc15!important}.drum-steps{display:flex;flex:1}.drum-cell{flex:1;min-width:0;height:44px;position:relative;border-right:1px solid rgba(255,255,255,.04);cursor:pointer;display:flex;align-items:flex-end;background:#ffffff05;-webkit-user-select:none;user-select:none}.drum-cell-beat{border-left:1px solid rgba(255,255,255,.08)!important}.drum-cell-cur{background:#ef44440f!important}.drum-cell:hover{background:#ffffff0f!important}.drum-cell-bar{position:absolute;bottom:2px;left:2px;right:2px;border-radius:3px 3px 2px 2px;min-height:4px;transition:height .05s}.drum-cell-cursor{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ef444466}.drum-toolbar-sep{width:1px;height:22px;background:#ffffff1a;margin:0 2px;flex-shrink:0}.drum-field-label{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#c8dcff80;cursor:default}.drum-ai-open-btn{display:flex;align-items:center;gap:.35rem;padding:.38rem .8rem;border-radius:8px;background:#facc151a;border:1px solid rgba(250,204,21,.25);color:#facc15;font-size:.83rem;font-weight:600;cursor:pointer;transition:background .15s}.drum-ai-open-btn:hover{background:#facc1533}.pr-wrap{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:#0a0a0a}.pr-outer{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.pr-outer::-webkit-scrollbar{width:5px}.pr-outer::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.pr-hdr{display:flex;flex-direction:row;flex-shrink:0;position:sticky;top:0;z-index:10;background:#111;border-bottom:2px solid rgba(255,255,255,.08)}.pr-key-spc{width:60px;flex-shrink:0;background:#111;border-right:1px solid rgba(255,255,255,.1)}.pr-hdr-num{flex:1;min-width:0;font-size:8px;font-weight:600;color:#ffffff40;text-align:center;line-height:24px;border-right:1px solid rgba(255,255,255,.04)}.pr-hdr-beat{border-right-color:#ffffff1f;color:#ffffff8c;background:#ffffff04}.pr-hdr-bar{border-left:2px solid rgba(255,255,255,.18)!important;color:#ffffffb3;background:#ffffff08}.pr-hdr-num.pr-hdr-active{color:var(--pr-accent, #818cf8);background:#818cf81a}.pr-nr{display:flex;flex-direction:row;height:22px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.035)}.pr-nr-wh{background:#ffffff05}.pr-nr-bk{background:#00000047}.pr-nr-oct{border-top:1px solid rgba(255,255,255,.1)}.pr-keylbl{width:60px;flex-shrink:0;display:flex;align-items:center;padding:0 8px;cursor:pointer;border-right:1px solid rgba(255,255,255,.1);font-size:9px;font-weight:700;letter-spacing:.04em;transition:filter .1s;-webkit-user-select:none;user-select:none}.pr-keylbl:hover{filter:brightness(1.6)}.pr-keylbl-wh{background:linear-gradient(to right,#ffffff12,#ffffff0a);color:#ffffff61}.pr-keylbl-bk{background:linear-gradient(to right,#0009,#00000059);color:#ffffff2e}.pr-sc{flex:1;min-width:0;height:100%;cursor:pointer;border-right:1px solid rgba(255,255,255,.04);transition:background .06s;position:relative}.pr-sc-beat{border-right-color:#ffffff1a}.pr-sc-bar{border-left:2px solid rgba(255,255,255,.18)!important}.pr-sc-bk{background:#00000059}.pr-sc-even{background:#ffffff04}.pr-sc-bk.pr-sc-even{background:#00000047}.pr-sc-on{background:transparent!important}.pr-sc-on:after{content:"";position:absolute;top:2px;right:1px;bottom:2px;left:1px;border-radius:2px;background:var(--pr-accent, #818cf8);box-shadow:0 0 8px #818cf866;transition:filter .06s}.pr-sc-on.pr-sc-cur:after{filter:brightness(1.35)}.pr-sc-cur:not(.pr-sc-on){background:#ffffff12!important}.pr-sc:hover:not(.pr-sc-on){background:#ffffff17!important}.pr-sc-sc:not(.pr-sc-on){background:#ffffff04}.pr-sc-bk.pr-sc-sc:not(.pr-sc-on){background:#00000047}.pr-wrap-piano{--pr-accent: #818cf8}.pr-wrap-piano .drum-play-btn{background:#818cf82e;border-color:#818cf859;color:#818cf8}.pr-wrap-piano .drum-play-btn:hover{background:#818cf847}.pr-wrap-piano .pr-sc-on:after{background:#818cf8;box-shadow:0 0 10px #818cf88c}.pr-wrap-piano .pr-sc:hover:not(.pr-sc-on){background:#818cf81f!important}.pr-wrap-piano .pr-hdr-num.pr-hdr-active{background:#818cf81f;color:#818cf8}.pr-wrap-piano .pr-nr-sc .pr-keylbl-wh{border-left:3px solid #818cf8;background:#818cf826;color:#ffffffd9}.pr-wrap-piano .pr-nr-sc .pr-keylbl-bk{border-left:3px solid #818cf8;background:#818cf814}.pr-wrap-bass{--pr-accent: #34d399}.pr-wrap-bass .drum-play-btn{background:#34d3992e;border-color:#34d39959;color:#34d399}.pr-wrap-bass .drum-play-btn:hover{background:#34d39947}.pr-wrap-bass .pr-sc-on:after{background:#34d399;box-shadow:0 0 10px #34d3998c}.pr-wrap-bass .pr-sc:hover:not(.pr-sc-on){background:#34d3991f!important}.pr-wrap-bass .pr-hdr-num.pr-hdr-active{background:#34d3991f;color:#34d399}.pr-wrap-bass .pr-nr-sc .pr-keylbl-wh{border-left:3px solid #34d399;background:#34d39926;color:#ffffffd9}.pr-wrap-bass .pr-nr-sc .pr-keylbl-bk{border-left:3px solid #34d399;background:#34d39914}.pr-wrap-guitar{--pr-accent: #fb923c}.pr-wrap-guitar .drum-play-btn{background:#fb923c2e;border-color:#fb923c59;color:#fb923c}.pr-wrap-guitar .drum-play-btn:hover{background:#fb923c47}.pr-wrap-guitar .pr-sc-on:after{background:#fb923c;box-shadow:0 0 10px #fb923c8c}.pr-wrap-guitar .pr-sc:hover:not(.pr-sc-on){background:#fb923c1f!important}.pr-wrap-guitar .pr-hdr-num.pr-hdr-active{background:#fb923c1f;color:#fb923c}.pr-wrap-guitar .pr-nr-sc .pr-keylbl-wh{border-left:3px solid #fb923c;background:#fb923c26;color:#ffffffd9}.pr-wrap-guitar .pr-nr-sc .pr-keylbl-bk{border-left:3px solid #fb923c;background:#fb923c14}.mixer{overflow-x:auto;padding:1rem 0}.mixer-channels{display:flex;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-width:max-content}.channel{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:#ffffff08;width:90px;transition:opacity .2s}.channel-muted{opacity:.4}.channel-solo{background:#3b82f61a}.master-channel{width:100px;background:#ffffff0d}.channel-name{font-size:.75rem;font-weight:600;width:100%;text-align:center;padding:.3rem 0;color:var(--text-muted);letter-spacing:.05em}.channel-fader-wrap{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:1}.fader{writing-mode:vertical-lr;direction:rtl;width:28px;height:120px;cursor:pointer;accent-color:var(--accent)}.fader-val{font-size:.7rem;color:var(--text-muted)}.channel-pan-wrap{display:flex;flex-direction:column;align-items:center;gap:.2rem;width:100%}.channel-pan-wrap label{font-size:.65rem;color:var(--text-muted);letter-spacing:.05em}.pan-knob{width:70px;accent-color:#06b6d4;cursor:pointer}.pan-val{font-size:.65rem;color:var(--text-muted)}.channel-btns{display:flex;gap:.4rem}.ch-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:#ffffff0d;cursor:pointer;font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.ch-btn:hover{color:var(--text)}.active-mute{background:#ef4444;border-color:#ef4444;color:#fff}.active-solo{background:#f59e0b;border-color:#f59e0b;color:#000}.vu-meter{width:12px;height:80px;background:#ffffff12;border-radius:4px;overflow:hidden;display:flex;align-items:flex-end}.vu-bar{width:100%;background:linear-gradient(to top,#10b981,#f59e0b,#ef4444);border-radius:4px;transition:height .1s}.ai-assistant{display:flex;flex-direction:column;height:calc(100vh - 240px);min-height:400px}.ai-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.chat-panel{display:flex;flex-direction:column;flex:1;gap:.75rem;overflow:hidden}.quick-prompts{display:flex;flex-wrap:wrap;gap:.5rem}.quick-btn{background:#ffffff0f;border:1px solid var(--border);border-radius:20px;padding:.3rem .85rem;font-size:.8rem;color:var(--text-muted);cursor:pointer;transition:all .15s}.quick-btn:hover{border-color:var(--accent);color:var(--text)}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.chat-msg{display:flex;align-items:flex-start;gap:.6rem}.chat-msg.user{flex-direction:row-reverse}.msg-icon{color:var(--accent);margin-top:.2rem;flex-shrink:0}.msg-bubble{background:#ffffff0f;border:1px solid var(--border);border-radius:12px;padding:.6rem 1rem;max-width:75%}.msg-bubble pre{white-space:pre-wrap;font-family:var(--font);font-size:.9rem;line-height:1.5}.chat-msg.user .msg-bubble{background:var(--accent-btn);border-color:transparent}.loading-bubble{padding:.6rem 1rem}.progress-bubble{border-color:#818cf84d;background:#818cf814}.chat-input-row{display:flex;gap:.5rem}.chat-input{flex:1;background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius);padding:.65rem 1rem;color:var(--text);font-size:.9rem;outline:none}.chat-input:focus{border-color:var(--accent)}.send-btn{padding:.65rem 1rem;border-radius:24px}.lyrics-panel{display:flex;flex-direction:column;gap:1rem}.lyrics-form .form-row{display:flex;gap:.75rem;flex-wrap:wrap}.lyrics-input{flex:1;min-width:200px;background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius);padding:.65rem 1rem;color:var(--text);font-size:.9rem;outline:none}.lyrics-select{background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .75rem;color:var(--text);font-size:.9rem;cursor:pointer}.lyrics-output{background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.lyrics-output pre{white-space:pre-wrap;font-family:var(--font);line-height:1.8;color:var(--text)}.lyrics-empty{text-align:center;color:var(--text-muted);padding:3rem}.spin{animation:spin 1s linear infinite}.mx-wrap{display:flex;flex-direction:column;gap:4px}.mx-track{display:flex;align-items:center;gap:16px;background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:12px 16px;transition:background .12s}.mx-track:hover{background:#ffffff0d}.mx-track-muted{opacity:.4}.mx-track-label{display:flex;align-items:center;gap:8px;min-width:110px;flex-shrink:0}.mx-track-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.mx-track-name{font-size:13px;font-weight:500;flex:1}.mx-track-btns{display:flex;gap:4px;margin-left:auto}.mx-btn{width:24px;height:24px;border-radius:6px;border:1px solid var(--border);background:#ffffff0d;color:var(--text-muted);font-size:10px;font-weight:700;cursor:pointer;transition:all .12s;display:flex;align-items:center;justify-content:center}.mx-btn:hover{color:var(--text);background:#ffffff1a}.mx-btn-active-mute{background:#ef444440;border-color:#ef4444;color:#ef4444}.mx-btn-active-solo{background:#fbbf2440;border-color:#fbbf24;color:#fbbf24}.mx-track-controls{display:flex;flex-direction:column;gap:8px;flex:1}.mx-fader-group{display:flex;align-items:center;gap:8px}.mx-vol-icon{color:var(--text-muted);font-size:14px;flex-shrink:0}.mx-fader-wrap{flex:1}.mx-fader{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--clr, var(--accent)) 0%,var(--clr, var(--accent)) var(--pct, 80%),rgba(255,255,255,.1) var(--pct, 80%))}.mx-fader::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 4px #0006}.mx-fader-master{height:5px}.mx-vol-val{font-size:11px;color:var(--text-muted);min-width:24px;text-align:right}.mx-pan-group{display:flex;align-items:center;gap:8px}.mx-pan-label{font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--text-dim);min-width:28px}.mx-pan{-webkit-appearance:none;width:100px;height:3px;border-radius:2px;background:#ffffff1a;cursor:pointer;accent-color:#06b6d4}.mx-pan-val{font-size:11px;color:var(--text-muted);min-width:28px}.mx-vu{display:flex;flex-direction:column-reverse;gap:2px;width:16px;flex-shrink:0}.mx-vu-seg{height:3px;border-radius:2px;transition:opacity .08s}.mx-master{display:flex;align-items:center;gap:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px 16px;margin-top:8px}.mx-master-label{display:flex;align-items:center;gap:8px;min-width:110px;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--text)}.stems-root{display:flex;flex-direction:column;flex:1;min-height:0;background:#0a0a0a;overflow-y:auto;padding:24px 28px 40px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.stems-header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.stems-header-icon{font-size:28px;color:#f472b6;flex-shrink:0}.stems-title{margin:0;font-size:1.45rem;font-weight:700;color:#f1f5f9}.stems-subtitle{margin:3px 0 0;font-size:.85rem;color:#fff6}.stems-requirements{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#ffffff61;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 14px;margin-bottom:20px;flex-wrap:wrap}.stems-requirements code{background:#ffffff14;border-radius:4px;padding:1px 6px;font-size:.78rem;color:#94a3b8}.stems-search-row{display:flex;gap:10px;margin-bottom:16px}.stems-search-input{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 14px;color:#f1f5f9;font-size:.95rem;outline:none;transition:border-color .15s}.stems-search-input:focus{border-color:#f472b680}.stems-search-btn{display:flex;align-items:center;gap:7px;padding:0 18px;height:42px;background:#f472b62e;border:1px solid rgba(244,114,182,.35);border-radius:10px;color:#f472b6;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0}.stems-search-btn:hover:not(:disabled){background:#f472b647}.stems-search-btn:disabled{opacity:.5;cursor:not-allowed}.stems-spin{width:14px;height:14px;border:2px solid rgba(244,114,182,.3);border-top-color:#f472b6;border-radius:50%;animation:stems-rotate .7s linear infinite;display:inline-block;flex-shrink:0}@keyframes stems-rotate{to{transform:rotate(360deg)}}.stems-error{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#f87171;background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:8px;padding:10px 14px;margin-bottom:12px}.stems-retry-btn{margin-left:auto;padding:4px 12px;font-size:.8rem;background:#f8717126;border:1px solid rgba(248,113,113,.3);border-radius:6px;color:#f87171;cursor:pointer;transition:background .15s}.stems-retry-btn:hover{background:#f8717140}.stems-results{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}.stems-result{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff08;border:none;cursor:pointer;text-align:left;transition:background .12s;border-bottom:1px solid rgba(255,255,255,.05);color:inherit}.stems-result:last-child{border-bottom:none}.stems-result:hover{background:#ffffff12}.stems-result-active{background:#f472b61a!important}.stems-thumb{width:56px;height:40px;object-fit:cover;border-radius:5px;flex-shrink:0;background:#ffffff0f}.stems-result-info{flex:1;min-width:0}.stems-result-title{display:block;font-size:.9rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stems-result-meta{display:block;font-size:.78rem;color:#fff6;margin-top:2px}.stems-result-dur{display:flex;align-items:center;gap:5px;font-size:.8rem;color:#ffffff59;flex-shrink:0}.stems-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:16px}.stems-panel-song{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#f1f5f9;font-weight:600}.stems-panel-song svg{color:#f472b6;flex-shrink:0}.stems-change-btn{margin-left:auto;padding:4px 12px;font-size:.8rem;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff9;cursor:pointer;transition:background .12s}.stems-change-btn:hover{background:#ffffff1f;color:#f1f5f9}.stems-options{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.stems-opt-label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#ffffff8c}.stems-opt-select{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:6px 10px;color:#f1f5f9;font-size:.85rem;cursor:pointer;outline:none}.stems-separate-btn{display:flex;align-items:center;gap:8px;padding:9px 22px;background:linear-gradient(135deg,#f472b638,#f472b624);border:1px solid rgba(244,114,182,.4);border-radius:10px;color:#f472b6;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s}.stems-separate-btn:hover:not(:disabled){background:linear-gradient(135deg,#f472b652,#f472b633);box-shadow:0 0 18px #f472b633}.stems-separate-btn:disabled{opacity:.5;cursor:not-allowed}.stems-mode-tabs{display:flex;gap:4px;margin-bottom:16px}.stems-mode-tab{display:flex;align-items:center;gap:7px;padding:8px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#ffffff80;font-size:.88rem;cursor:pointer;transition:background .12s,color .12s;font-weight:500}.stems-mode-tab:hover{background:#ffffff17;color:#fffc}.stems-mode-tab.active{background:#f472b624;border-color:#f472b659;color:#f472b6}.stems-upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:44px 24px;margin-bottom:16px;border:2px dashed rgba(255,255,255,.12);border-radius:14px;background:#ffffff05;cursor:pointer;transition:border-color .15s,background .15s}.stems-upload-zone:hover,.stems-upload-drag{border-color:#f472b673!important;background:#f472b60d!important}.stems-upload-icon{font-size:32px;color:#f472b699}.stems-upload-label{font-size:.95rem;font-weight:600;color:#ffffffb3}.stems-upload-sub{font-size:.8rem;color:#ffffff4d}.stems-file-selected{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:16px;background:#f472b614;border:1px solid rgba(244,114,182,.25);border-radius:10px}.stems-file-selected svg{color:#f472b6;flex-shrink:0}.stems-file-name{flex:1;font-size:.9rem;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stems-file-size{font-size:.78rem;color:#fff6;flex-shrink:0}.stems-file-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#ffffff80;cursor:pointer;transition:background .12s;flex-shrink:0;font-size:13px}.stems-file-remove:hover{background:#ffffff24;color:#f1f5f9}.stems-options{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.stems-progress-wrap{display:flex;flex-direction:column;gap:10px;padding:16px 0 4px}.stems-progress-header{display:flex;align-items:center;gap:10px;font-size:.88rem;color:#ffffff8c}.stems-progress-step{flex:1}.stems-progress-pct{font-size:.82rem;font-weight:700;color:#f472b6;font-variant-numeric:tabular-nums}.stems-progress-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;background:#f472b6;animation:stems-pulse 1.1s ease-in-out infinite}@keyframes stems-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.stems-progress-track{height:6px;border-radius:4px;background:#ffffff12;overflow:hidden}.stems-progress-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#818cf8,#f472b6);transition:width .6s ease;position:relative}.stems-progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 60%,rgba(255,255,255,.25));animation:stems-shimmer 1.5s linear infinite}@keyframes stems-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.stems-cards{display:flex;flex-direction:column;gap:10px}.stems-cards-label{font-size:.78rem;color:#ffffff4d;margin:0 0 4px}.stem-card{display:flex;align-items:stretch;border-radius:10px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);transition:border-color .15s}.stem-card:hover{border-color:#ffffff24}.stem-card-bar{width:4px;flex-shrink:0}.stem-card-body{flex:1;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px}.stem-card-left{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.stem-card-name{font-size:.92rem;font-weight:600;color:#f1f5f9}.stem-progress-track{height:3px;border-radius:2px;background:#ffffff12;overflow:hidden}.stem-progress-fill{height:100%;border-radius:2px;transition:width .1s linear}.stem-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.stem-icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffffbf;cursor:pointer;transition:background .12s,color .12s;font-size:13px}.stem-icon-btn:hover{background:#ffffff24;color:#f1f5f9}.stem-add-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.stem-add-btn:hover:not(:disabled){background:#ffffff21;color:#f1f5f9}.stem-add-btn:disabled{opacity:.5;cursor:not-allowed}.stem-add-done{background:#34d3991f!important;border-color:#34d3994d!important;color:#34d399!important}.pp-overlay{min-height:100%;display:flex;align-items:flex-start;justify-content:center;padding:40px 24px 60px;animation:pageIn .3s both}.pp-box{width:100%;max-width:680px;display:flex;flex-direction:column;gap:8px}.pp-header{display:flex;align-items:center;gap:16px;padding:0 0 24px}.pp-header-icon{font-size:1.8rem;color:#3b82f6;flex-shrink:0}.pp-title{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.pp-sub{font-size:.88rem;color:var(--text-muted);margin:0}.pp-new-btn{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#3b82f614;border:1.5px dashed rgba(59,130,246,.35);border-radius:14px;cursor:pointer;text-align:left;transition:background .18s,border-color .18s;width:100%}.pp-new-btn:hover{background:#3b82f624;border-color:#3b82f699}.pp-new-btn-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-btn);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;flex-shrink:0}.pp-new-btn-label{font-size:.95rem;font-weight:700;color:#e8f0ff;margin:0 0 2px}.pp-new-btn-sub{font-size:.78rem;color:var(--text-muted);margin:0}.pp-new-form{background:#101828e6;border:1px solid rgba(59,130,246,.25);border-radius:14px;padding:24px}.pp-new-title{font-size:1rem;font-weight:700;margin:0 0 20px}.pp-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.pp-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pp-field{display:flex;flex-direction:column;gap:6px}.pp-field label{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.pp-input{background:#ffffff0d;border:1px solid var(--border);border-radius:8px;padding:9px 12px;color:var(--text);font-size:.9rem;font-family:var(--font);transition:border-color .15s}.pp-input:focus{outline:none;border-color:#3b82f680}.pp-select{cursor:pointer}.pp-form-actions{display:flex;gap:10px;justify-content:flex-end}.pp-btn-primary{display:inline-flex;align-items:center;gap:7px;background:var(--accent-btn);border:none;color:#fff;font-size:.88rem;font-weight:700;padding:9px 20px;border-radius:8px;cursor:pointer;transition:opacity .15s}.pp-btn-primary:hover{opacity:.88}.pp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.pp-btn-ghost{background:#ffffff0f;border:1px solid var(--border);color:var(--text-muted);font-size:.88rem;padding:9px 18px;border-radius:8px;cursor:pointer;transition:background .15s}.pp-btn-ghost:hover{background:#ffffff1a}.pp-list-head{font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);padding:16px 4px 8px}.pp-list{display:flex;flex-direction:column;gap:6px}.pp-project-row{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;width:100%}.pp-project-row:hover{background:var(--card-hover);border-color:#3b82f640}.pp-project-thumb{width:44px;height:44px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff9;flex-shrink:0}.pp-project-info{flex:1;min-width:0}.pp-project-name{font-size:.9rem;font-weight:700;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-project-meta{font-size:.75rem;color:var(--text-muted);margin:0}.pp-project-date{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--text-dim);flex-shrink:0}.pp-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 0;color:var(--text-muted);font-size:.9rem;text-align:center}.pp-empty svg{font-size:2rem;opacity:.3}.pp-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:10px 16px;font-size:.85rem;color:#fca5a5}.cr-page-header{display:flex;align-items:center;justify-content:space-between}.cr-project-badge{display:inline-flex;align-items:center;gap:8px;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);border-radius:999px;padding:6px 14px 6px 10px;font-size:.82rem;font-weight:600;color:#93c5fd;cursor:pointer;transition:background .15s}.cr-project-badge:hover{background:#3b82f62e}.cr-badge-x{color:#c8dcff66;font-size:.75rem}.cm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.cm-box{background:#111;border:1px solid rgba(239,68,68,.25);border-radius:20px;padding:2rem 2rem 1.75rem;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:.75rem;box-shadow:0 24px 64px #0009}.cm-icon-wrap{width:52px;height:52px;border-radius:50%;background:#ef44441f;border:1px solid rgba(239,68,68,.25);display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.cm-icon{font-size:1.5rem;color:#ef4444}.cm-title{font-size:1.1rem;font-weight:700;color:#f1f5f9;margin:0;text-align:center}.cm-message{font-size:.875rem;color:#c8dcff99;margin:0;text-align:center;line-height:1.5}.cm-actions{display:flex;gap:.75rem;margin-top:.5rem;width:100%}.cm-btn-cancel{flex:1;padding:.6rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#c8dcffb3;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s}.cm-btn-cancel:hover{background:#ffffff1a}.cm-btn-confirm{flex:1;padding:.6rem 1rem;background:#ef4444;border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.cm-btn-confirm:hover{background:#dc2626}.daw-close-btn{width:32px;height:32px;border-radius:8px;background:#ffffff0f;border:1px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s}.daw-close-btn:hover{background:#ffffff1f;color:var(--text)}.daw-clips-badge{font-size:.75rem;padding:.25rem .6rem;background:#a78bfa1f;border:1px solid rgba(167,139,250,.3);border-radius:20px;color:#a78bfa;font-weight:600}.bm-rec-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem .85rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.bm-rec-btn:hover:not(:disabled){background:#ef44442e;border-color:#ef444480}.bm-rec-btn:disabled{opacity:.5;cursor:not-allowed}.bm-rec-active{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.bm-rec-pulse-icon{animation:recPulse .8s ease-in-out infinite}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.bm-rec-badge{font-size:.75rem;padding:.2rem .55rem;background:#ef444426;border:1px solid rgba(239,68,68,.35);border-radius:20px;color:#f87171;font-weight:600;animation:recPulse .9s ease-in-out infinite}.arr-root{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#0d0d0d}.arr-minimap-bar{display:flex;flex-shrink:0;height:42px;border-bottom:1px solid rgba(255,255,255,.06);background:#00000059}.arr-minimap-wrap{flex:1;position:relative;cursor:pointer;overflow:hidden}.arr-minimap-canvas{display:block;width:100%;height:40px}.arr-minimap-hint{position:absolute;bottom:2px;right:6px;font-size:.58rem;color:#c8dcff33;pointer-events:none;letter-spacing:.04em}.arr-files-panel{height:220px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.07);overflow:hidden}.arr-body{display:flex;flex:1;min-height:0;overflow:hidden}.arr-empty-root{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;flex:1;color:#c8dcff66;text-align:center}.arr-empty-root p{font-size:1rem;font-weight:600;color:#c8dcff99;margin:0}.arr-empty-root span{font-size:.85rem}.arr-empty-root strong{color:#f87171}.arr-top-panel{display:flex;height:240px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.07);overflow:hidden}.arr-panel-header{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#c8dcff73;flex-shrink:0}.arr-panel-count{font-size:.7rem;padding:1px 6px;background:#ffffff12;border-radius:10px;color:#c8dcff80}.arr-preview-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.arr-preview-inner{flex:1;display:flex;flex-direction:column;padding:.75rem;gap:.6rem;overflow:hidden}.arr-preview-label{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.arr-preview-name{font-size:.9rem;font-weight:700;color:#c8dcffe6}.arr-preview-dur{font-size:.78rem;color:#c8dcff66;margin-left:auto}.arr-preview-wf{background:#0000004d;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.06);flex-shrink:0}.arr-preview-actions{display:flex;gap:.6rem;flex-shrink:0}.arr-prev-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .8rem;border-radius:7px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#c8dcffb3;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s}.arr-prev-btn:hover{background:#ffffff1a}.arr-prev-playing{background:#ef444426!important;border-color:#ef44444d!important;color:#f87171!important}.arr-prev-add{display:flex;align-items:center;gap:.35rem;padding:.35rem .8rem;border-radius:7px;background:#6366f12e;border:1px solid rgba(99,102,241,.35);color:#818cf8;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.arr-prev-add:hover{background:#6366f14d}.arr-preview-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:#c8dcff4d;font-size:.85rem}.arr-transport{display:flex;align-items:center;gap:.6rem;padding:.45rem 1rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.arr-tr-btn{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#c8dcff99;cursor:pointer;font-size:.9rem;transition:background .12s,color .12s}.arr-tr-btn:hover:not(:disabled){background:#ffffff1f;color:#fff}.arr-tr-btn:disabled{opacity:.35;cursor:not-allowed}.arr-tr-play{width:36px;height:36px;border-radius:50%;font-size:1rem}.arr-tr-playing{background:#6366f14d!important;border-color:#6366f180!important;color:#818cf8!important}.arr-tr-stop:hover{background:#ef444426!important;color:#f87171!important}.arr-timecode{font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums;color:#c8dcffe6;letter-spacing:.05em;background:#00000059;border:1px solid rgba(255,255,255,.06);padding:.3rem .7rem;border-radius:6px;min-width:90px;text-align:center}.arr-zoom-row{display:flex;align-items:center;gap:.35rem;margin-left:auto}.arr-zoom-icon{font-size:.95rem;color:var(--text-muted);cursor:pointer;transition:color .15s}.arr-zoom-icon:hover{color:var(--text)}.arr-zoom-input{width:80px;accent-color:#6366f1}.arr-tr-info{font-size:.75rem;color:#c8dcff59}.arr-kbd{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;border-radius:4px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;font-size:.68rem;color:#c8dcff8c;font-family:monospace;margin:0 1px}.arr-tl-wrap{flex:1;display:flex;min-height:0;overflow:hidden}.arr-track-heads{width:108px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.07);background:#ffffff04}.arr-head-corner{height:28px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.07)}.arr-track-head{display:flex;flex-direction:column;justify-content:center;padding:6px 8px;gap:6px;border-bottom:1px solid rgba(255,255,255,.04)}.arr-head-top{display:flex;align-items:center;justify-content:space-between}.arr-head-name{font-size:.75rem;font-weight:700}.arr-mute-btn{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);cursor:pointer;font-size:.7rem;transition:background .12s,color .12s}.arr-mute-btn:hover{background:#ffffff1f;color:#fff}.arr-muted{background:#ef444433!important;border-color:#ef444466!important;color:#f87171!important}.arr-track-vol{width:100%;accent-color:#6366f1;height:3px;cursor:pointer}.arr-tl-scroll{flex:1;overflow-x:auto;overflow-y:auto;position:relative;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.arr-track-heads-body{overflow:hidden;flex:1}.arr-ruler{height:28px;display:flex;position:sticky;top:0;z-index:3;background:#0d0d0d;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.arr-ruler-seg{position:relative;flex-shrink:0;border-right:1px solid rgba(255,255,255,.07);display:flex;align-items:center}.arr-ruler-num{font-size:.68rem;color:#c8dcff66;padding-left:5px}.arr-ruler-beat{position:absolute;top:50%;width:1px;height:6px;background:#ffffff1f;transform:translateY(-50%)}.arr-track-row{position:relative;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.04);background:#ffffff03}.arr-track-muted{opacity:.4}.arr-bar-line{position:absolute;top:0;bottom:0;width:1px;background:#ffffff0a;pointer-events:none}.arr-clip-block{position:absolute;top:4px;height:calc(100% - 8px);border-radius:5px;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;z-index:1;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 10px #00000073;transition:box-shadow .15s}.arr-clip-block:hover{box-shadow:0 4px 22px #000000a6;z-index:2}.arr-clip-block:active{cursor:grabbing}.arr-clip-head{display:flex;align-items:center;gap:4px;padding:0 4px 0 6px;height:22px;flex-shrink:0}.arr-clip-head-name{font-size:.67rem;font-weight:700;color:#fffffff2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;text-shadow:0 1px 3px rgba(0,0,0,.5)}.arr-clip-head-dur{font-size:.6rem;color:#fff9;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.arr-clip-head-btns{display:flex;gap:2px;opacity:0;transition:opacity .12s;flex-shrink:0}.arr-clip-block:hover .arr-clip-head-btns{opacity:1}.arr-clip-hbtn{width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;background:#00000059;border:none;color:#ffffffd9;cursor:pointer;font-size:.58rem;transition:background .1s}.arr-clip-hbtn:hover{background:#0009;color:#fff}.arr-clip-hbtn-del:hover{background:#ef4444bf!important}.arr-clip-body{flex:1;overflow:hidden;position:relative}.arr-clip-vol-bar{width:100%;height:4px;flex-shrink:0;accent-color:rgba(255,255,255,.55);opacity:0;cursor:pointer;transition:opacity .15s;display:block}.arr-clip-block:hover .arr-clip-vol-bar{opacity:1}.arr-trim-handle{position:absolute;top:0;bottom:0;width:7px;z-index:4;cursor:ew-resize;display:flex;align-items:center;justify-content:center}.arr-trim-handle:after{content:"";display:block;width:3px;height:28px;border-radius:2px;background:#ffffff8c;opacity:0;transition:opacity .12s}.arr-clip-block:hover .arr-trim-handle:after{opacity:1}.arr-trim-handle:hover:after{opacity:1!important;background:#fff}.arr-trim-left{left:0}.arr-trim-right{right:0}.arr-clip-razor{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cline x1='20' y1='4' x2='8.12' y2='12'/%3E%3Cline x1='14.47' y1='14.48' x2='20' y2='20'/%3E%3Cline x1='8.12' y1='12' x2='14.47' y2='14.48'/%3E%3C/svg%3E") 0 0,crosshair!important}.arr-tool-sep{width:1px;height:22px;background:#ffffff1a;margin:0 2px;flex-shrink:0}.arr-tool-razor-btn{color:#c8dcff8c!important}.arr-tool-active{background:#fca53e2e!important;border-color:#fca53e66!important;color:#fb923c!important}.arr-clip-dragging{opacity:.22!important;pointer-events:none}.arr-clip-selected{outline:2px solid #ef4444;outline-offset:-2px;z-index:2}.arr-track-drag-over{background:#ffffff0e!important;outline:1.5px dashed rgba(255,255,255,.22);outline-offset:-2px}.arr-drag-ghost{border-radius:6px;overflow:hidden;box-shadow:0 10px 32px #000000a6,0 0 0 1.5px #ffffff26;display:flex;flex-direction:column;opacity:.88;transition:top .04s,left .04s}.arr-drag-ghost-head{padding:4px 8px;font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.arr-drag-ghost-body{flex:1}.arr-playhead{position:absolute;top:0;width:2px;background:#ef4444;pointer-events:none;z-index:10;box-shadow:0 0 8px #ef4444aa;transition:opacity .2s}.arr-playhead:before{content:"";position:absolute;top:-2px;left:-5px;border:7px solid transparent;border-top:0;border-bottom-color:#ef4444}.arr-pool-sidebar{width:210px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.07);background:#ffffff03;overflow:hidden}.arr-pool-sidebar-hdr{display:flex;align-items:center;gap:.45rem;padding:.4rem .75rem;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#c8dcff66}.arr-pool-count{font-size:.62rem;padding:1px 6px;margin-left:auto;background:#ffffff12;border-radius:10px;color:#c8dcff73}.arr-pool-list{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent;padding:4px 0}.arr-pool-empty{padding:1rem .75rem;font-size:.75rem;color:#c8dcff4d;line-height:1.5;text-align:center}.arr-pool-item{display:flex;align-items:center;gap:.55rem;padding:.45rem .6rem .45rem .75rem;cursor:grab;-webkit-user-select:none;user-select:none;border-left:3px solid transparent;transition:background .12s;position:relative}.arr-pool-item:hover{background:#ffffff0d}.arr-pool-item:active{cursor:grabbing}.arr-pool-item-icon{font-size:1.05rem;flex-shrink:0;opacity:.85}.arr-pool-item-info{flex:1;display:flex;flex-direction:column;gap:1px;overflow:hidden}.arr-pool-item-name{font-size:.74rem;font-weight:600;color:#c8dcffe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arr-pool-item-dur{font-size:.62rem;color:#c8dcff59;font-variant-numeric:tabular-nums}.arr-pool-item-del{width:22px;height:22px;border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#c8dcff40;cursor:pointer;font-size:.8rem;opacity:0;transition:opacity .12s,color .12s}.arr-pool-item:hover .arr-pool-item-del{opacity:1}.arr-pool-item-del:hover{color:#f87171!important}.arr-track-new-zone{border:1.5px dashed rgba(99,102,241,.4)!important;background:#6366f10d!important;display:flex;align-items:center;justify-content:center}.arr-track-new-zone-label{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#6366f1b3;font-weight:600}.arr-track-head-new{display:flex;align-items:center;gap:.4rem;padding:0 .6rem;font-size:.76rem;color:#6366f1b3;font-weight:600;border:1.5px dashed rgba(99,102,241,.3);background:#6366f10a}.arr-rec-group{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.arr-rec-track-sel{padding:.28rem .5rem;border-radius:8px;max-width:100px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#c8dcffb3;font-size:.75rem;outline:none;cursor:pointer}.arr-rec-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:.8rem;font-weight:700;cursor:pointer;transition:background .15s}.arr-rec-btn:hover{background:#ef444433}.arr-rec-active{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important;animation:recPulse 1s ease-in-out infinite}@keyframes recPulse{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 0 5px #ef444440}}.arr-rec-overlay{position:absolute;right:0;bottom:0;left:0;top:28px;background:#ef44440a;border-left:3px solid rgba(239,68,68,.5);pointer-events:none;z-index:5;animation:recFlash 1s ease-in-out infinite}@keyframes recFlash{0%,to{opacity:1}50%{opacity:.4}}.arr-head-icon{font-size:1rem;flex-shrink:0;opacity:.75}.arr-del-track-btn{width:18px;height:18px;border-radius:4px;font-size:.7rem;background:transparent;border:none;color:#c8dcff40;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .1s,color .1s;flex-shrink:0}.arr-del-track-btn:hover{background:#ef444433;color:#f87171}.arr-add-track-wrap{padding:.4rem .5rem;border-top:1px solid rgba(255,255,255,.05)}.arr-add-track-btn{display:flex;align-items:center;gap:.3rem;width:100%;padding:.35rem .6rem;border-radius:8px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.1);color:#c8dcff73;font-size:.75rem;cursor:pointer;transition:background .12s,color .12s}.arr-add-track-btn:hover{background:#ffffff14;color:#c8dcffcc}.arr-add-track-menu{display:flex;flex-direction:column;gap:2px}.arr-add-track-item{display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:7px;background:#ffffff0a;border:none;color:#c8dcffbf;font-size:.75rem;cursor:pointer;transition:background .1s;text-align:left}.arr-add-track-item:hover{background:#6366f126;color:#a5b4fc}.arr-add-track-cancel{font-size:.7rem;color:#c8dcff59;background:none;border:none;cursor:pointer;padding:.2rem .6rem}.arr-bar-line-section{border-left-color:#ffffff1a!important}.arr-ruler-secs{height:14px;overflow:hidden}.arr-ruler-sec-mark{position:absolute;font-size:.58rem;color:#c8dcff40;top:0;transform:translate(2px);white-space:nowrap;pointer-events:none}.cnm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.cnm-panel{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem 1.75rem;width:min(400px,90vw);box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;gap:1rem}.cnm-title{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:.01em}.cnm-input{width:100%;background:#0d0d0d;border:1px solid rgba(255,255,255,.15);border-radius:7px;padding:.55rem .85rem;color:var(--text);font-size:.9rem;transition:border-color .15s;outline:none}.cnm-input:focus{border-color:var(--accent)}.cnm-actions{display:flex;gap:.6rem;justify-content:flex-end}.cnm-btn{display:flex;align-items:center;gap:.35rem;padding:.45rem 1rem;border-radius:7px;font-size:.82rem;font-weight:600;border:none;cursor:pointer;transition:background .15s,opacity .15s}.cnm-cancel{background:#ffffff12;color:#c8dcffb3}.cnm-cancel:hover{background:#ffffff1f;color:var(--text)}.cnm-confirm{background:var(--accent);color:#fff}.cnm-confirm:hover{opacity:.88}.ft-root{width:210px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.07);background:#00000040;overflow:hidden}.ft-header{display:flex;align-items:center;gap:.4rem;padding:.5rem .65rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.ft-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#c8dcff73;flex:1}.ft-total-ct{font-size:.68rem;padding:1px 5px;background:#ffffff12;border-radius:8px;color:#c8dcff66}.ft-new-folder-btn{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#c8dcff80;cursor:pointer;font-size:.85rem;transition:background .12s,color .12s}.ft-new-folder-btn:hover{background:#6366f133;color:#818cf8}.ft-tree{flex:1;overflow-y:auto;overflow-x:hidden;padding:.3rem 0;transition:background .15s}.ft-tree::-webkit-scrollbar{width:4px}.ft-tree::-webkit-scrollbar-track{background:transparent}.ft-tree::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.ft-tree.ft-drop-over{background:#6366f10f}.ft-empty{padding:1rem .75rem;font-size:.75rem;color:#c8dcff4d;line-height:1.5;text-align:center}.ft-folder-row{display:flex;align-items:center;gap:.3rem;padding:.28rem .5rem .28rem 6px;cursor:default;-webkit-user-select:none;user-select:none;transition:background .1s;border-radius:5px;margin:0 .25rem}.ft-folder-row:hover{background:#ffffff0a}.ft-folder-row.ft-drop-over{background:#6366f126!important;outline:1px dashed rgba(99,102,241,.5)}.ft-toggle{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#c8dcff66;cursor:pointer;font-size:.75rem;padding:0}.ft-folder-icon{font-size:.9rem;color:#fbbf24;flex-shrink:0;opacity:.85}.ft-folder-name,.ft-item-name{flex:1;font-size:.76rem;color:#c8dcffcc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.ft-folder-ct{font-size:.62rem;padding:0 4px;background:#ffffff0f;border-radius:6px;color:#c8dcff59;flex-shrink:0}.ft-item{display:flex;align-items:center;gap:.3rem;padding:.26rem .5rem;border-radius:5px;margin:0 .25rem;-webkit-user-select:none;user-select:none;cursor:grab;transition:background .1s}.ft-item:hover{background:#ffffff0d}.ft-item:active{cursor:grabbing}.ft-clip{border-left:2px solid transparent}.ft-clip:hover{border-left-color:#ffffff26}.ft-export{border-left:2px solid rgba(96,165,250,.4)}.ft-grip{font-size:.7rem;color:#c8dcff33;flex-shrink:0;cursor:grab;line-height:1;padding:0 1px}.ft-item-icon{font-size:.85rem;flex-shrink:0}.ft-item-dur{font-size:.62rem;color:#c8dcff4d;flex-shrink:0;font-variant-numeric:tabular-nums}.ft-act-btn{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#c8dcff33;cursor:pointer;font-size:.72rem;border-radius:4px;opacity:0;transition:opacity .1s,color .1s,background .1s}.ft-folder-row:hover .ft-act-btn,.ft-item:hover .ft-act-btn{opacity:1}.ft-act-btn:hover{background:#ffffff14;color:#c8dcffbf}.ft-act-dl:hover{color:#60a5fa!important}.ft-act-del:hover{color:#f87171!important;background:#ef44441f!important}.ft-rename-input{flex:1;min-width:0;font-size:.76rem;background:#ffffff14;border:1px solid rgba(99,102,241,.5);border-radius:4px;color:#c8dcffe6;padding:1px 5px;outline:none;font-family:var(--font)}.fb-root{display:flex;flex-direction:column;height:100%;background:#0e0e10;-webkit-user-select:none;user-select:none}.fb-toolbar{display:flex;align-items:center;gap:.5rem;padding:.55rem 1rem;background:#ffffff06;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.fb-breadcrumb{display:flex;align-items:center;gap:0;flex:1}.fb-crumb{display:flex;align-items:center;gap:.3rem;padding:.25rem .55rem;border-radius:7px;background:none;border:none;color:#c8dcff73;font-size:.82rem;cursor:pointer;transition:background .1s,color .1s}.fb-crumb:hover{background:#ffffff12;color:#c8dcffcc}.fb-crumb-active{color:#c8dcffe6!important;font-weight:600}.fb-crumb-sep-wrap{display:flex;align-items:center}.fb-crumb-sep{font-size:.75rem;color:#c8dcff33;margin:0 1px}.fb-item-count{font-size:.74rem;color:#c8dcff4d;flex-shrink:0}.fb-tool-btn{width:28px;height:28px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:#c8dcff80;cursor:pointer;font-size:.9rem;transition:background .12s,color .12s}.fb-tool-btn:hover{background:#6366f12e;color:#818cf8}.fb-grid{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.25rem 1rem;display:flex;flex-wrap:wrap;align-content:flex-start;gap:.5rem}.fb-grid::-webkit-scrollbar{width:6px}.fb-grid::-webkit-scrollbar-track{background:transparent}.fb-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.fb-empty{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;gap:.75rem;color:#c8dcff4d;text-align:center}.fb-empty-icon{font-size:3.5rem;opacity:.3;margin-bottom:.5rem}.fb-empty p{font-size:.95rem;font-weight:600;color:#c8dcff73;margin:0}.fb-empty span{font-size:.8rem;max-width:280px;line-height:1.5}.fb-item{width:100px;min-height:118px;display:flex;flex-direction:column;align-items:center;padding:.6rem .4rem .5rem;border-radius:10px;cursor:default;transition:background .1s;position:relative;border:1.5px solid transparent}.fb-item:hover{background:#ffffff0d}.fb-item.fb-selected{background:#6366f12e!important;border-color:#6366f166}.fb-item.fb-drag-target{background:#fbbf241f!important;border-color:#fbbf2480!important}.fb-icon-wrap{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:.45rem;flex-shrink:0}.fb-icon{font-size:3rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.fb-icon-folder{color:#fbbf24}.fb-icon-export{color:#60a5fa}.fb-name-wrap{display:flex;flex-direction:column;align-items:center;width:100%;gap:.15rem}.fb-name{font-size:.73rem;font-weight:500;color:#c8dcffd9;text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;max-width:92px}.fb-meta{font-size:.62rem;color:#c8dcff4d;text-align:center;white-space:nowrap;overflow:hidden;max-width:92px;text-overflow:ellipsis}.fb-rename-input{font-size:.73rem;text-align:center;width:92px;background:#ffffff1a;border:1.5px solid rgba(99,102,241,.6);border-radius:5px;color:#c8dcfff2;padding:2px 4px;outline:none;font-family:var(--font);line-height:1.3}.fb-actions{position:absolute;top:5px;right:5px;display:flex;gap:3px}.fb-act{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center;background:#00000080;border:1px solid rgba(255,255,255,.1);color:#c8dcff99;cursor:pointer;font-size:.7rem;transition:background .1s,color .1s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fb-act:hover{background:#ffffff26;color:#fff}.fb-act-del:hover{background:#ef44444d!important;color:#f87171!important}.proj-detail-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:0}.proj-detail-body .fb-root{flex:1}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.home-page,.explore-page,.create-page,.search-page,.projects-page,.notif-page{animation:pageIn .28s cubic-bezier(.22,.68,0,1.2) both}@keyframes logoShimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.sb-logo{background:linear-gradient(90deg,#e8f0ff,#93c5fd 30%,#60a5fa,#93c5fd 70%,#e8f0ff);background-size:250% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoShimmer 4s linear infinite}@keyframes navBar{0%{transform:translateY(-50%) scaleY(0)}to{transform:translateY(-50%) scaleY(1)}}.sb-nav-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:55%;border-radius:0 3px 3px 0;background:var(--accent);animation:navBar .2s cubic-bezier(.22,.68,0,1.2) both}@keyframes heroIn{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-heading{animation:heroIn .4s cubic-bezier(.22,.68,0,1.2) both}.featured-card{transition:transform .22s ease,box-shadow .22s ease!important}.featured-card:hover{transform:translateY(-6px);box-shadow:0 20px 56px #2563eb38}.genre-card{transition:transform .18s ease!important}.genre-card:hover{transform:translateY(-4px) scale(1.025)}.project-card{transition:transform .18s ease,border-color .15s,background .15s!important}.project-card:hover{transform:translateY(-3px)}.btn:active,.bm-play-btn:active,.bm-action-btn:active,.create-btn:active,.featured-card-btn:active,.sb-gopro-btn:active{transform:scale(.95);transition:transform .06s ease!important}@keyframes cellPop{0%{transform:scale(1)}35%{transform:scale(.78)}70%{transform:scale(1.08)}to{transform:scale(1)}}.bmd-cell-on{animation:cellPop .18s cubic-bezier(.22,.68,0,1.2)}@keyframes prCellPop{0%{opacity:.5;transform:scaleY(.7)}60%{transform:scaleY(1.08)}to{opacity:1;transform:scaleY(1)}}.pr-cell-on{animation:prCellPop .16s cubic-bezier(.22,.68,0,1.2)}.pr-sc-on:after{animation:prCellPop .16s cubic-bezier(.22,.68,0,1.2)}@keyframes colPulse{0%,to{background:#3b82f614}50%{background:#3b82f626}}.bmd-cell-current:not(.bmd-cell-on){animation:colPulse .45s ease infinite}.pr-sc-cur:not(.pr-sc-on){animation:colPulse .45s ease infinite!important}@keyframes trackIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.yt-track-row{animation:trackIn .22s ease both}.yt-track-row:nth-child(1){animation-delay:0s}.yt-track-row:nth-child(2){animation-delay:.04s}.yt-track-row:nth-child(3){animation-delay:.08s}.yt-track-row:nth-child(4){animation-delay:.12s}.yt-track-row:nth-child(5){animation-delay:.16s}.yt-track-row:nth-child(6){animation-delay:.2s}.yt-track-row:nth-child(7){animation-delay:.24s}.yt-track-row:nth-child(8){animation-delay:.28s}.yt-track-row:nth-child(9){animation-delay:.32s}.yt-track-row:nth-child(10){animation-delay:.36s}@keyframes sectionIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.pl-section{animation:sectionIn .35s ease both}.pl-section:nth-child(1){animation-delay:.05s}.pl-section:nth-child(2){animation-delay:.15s}.pl-section:nth-child(3){animation-delay:.25s}@keyframes dotPulse{0%,to{transform:scale(1);box-shadow:0 0 #3b82f680}50%{transform:scale(1.2);box-shadow:0 0 0 5px #3b82f600}}.notif-dot{animation:dotPulse 2.2s ease infinite}@keyframes thumbGlow{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 6px #3b82f600}}.player-thumb{animation:thumbGlow 2.4s ease infinite}@keyframes inputGlow{0%,to{box-shadow:0 0 #3b82f64d}50%{box-shadow:0 0 20px 2px #3b82f61f}}.create-box:focus-within{animation:inputGlow 2s ease infinite}@keyframes modalPop{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-box{animation:modalPop .22s cubic-bezier(.22,.68,0,1.2) both!important}@keyframes proBorder{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.sb-gopro-card{animation:proBorder 3s ease infinite}@keyframes spin{to{transform:rotate(360deg)}}.pl-spinner,.spin{animation:spin .7s linear infinite}