@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;900&family=Space+Mono:wght@400;700&display=swap);.home-page{overflow-x:hidden}.hero{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - var(--nav-height));overflow:hidden;padding:60px 20px;position:relative;text-align:center}.hero-glow{border-radius:50%;height:700px;opacity:.6;pointer-events:none;position:absolute;width:700px}.hero-glow-left{animation:float-slow 8s ease-in-out infinite;background:radial-gradient(circle,#7c3aed26 0,#0000 65%);left:-200px;top:-200px}.hero-glow-right{animation:float-slow 10s ease-in-out infinite reverse;background:radial-gradient(circle,#c026d31f 0,#0000 65%);bottom:-200px;right:-200px}.hero-content{max-width:760px;position:relative;z-index:1}.hero-badge{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:14px;gap:10px;margin-bottom:28px}.hero-title{font-size:clamp(52px,9vw,96px);font-weight:900;letter-spacing:-.03em;line-height:1;margin-bottom:24px}.hero-subtitle{color:var(--text-secondary);font-size:clamp(16px,2.5vw,20px);line-height:1.7;margin:0 auto 40px;max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.hero-notes{inset:0;overflow:hidden;pointer-events:none;position:absolute}.hero-note{animation:float-slow 7s ease-in-out infinite;animation-delay:0s;animation-delay:var(--delay,0s);color:var(--accent-primary);font-size:24px;font-size:var(--size,24px);left:50%;left:var(--x,50%);opacity:.12;position:absolute;top:15%}.hero-note:nth-child(odd){bottom:10%;top:auto}.section-header{margin-bottom:48px;text-align:center}.section-header h2{font-size:clamp(28px,4vw,42px);font-weight:900;margin-bottom:10px}.features-section{background:linear-gradient(180deg,#0000,#7c3aed08,#0000);padding:100px 20px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:28px;transition:all var(--transition)}.feature-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.feature-icon{font-size:36px;margin-bottom:16px}.feature-title{font-size:18px;font-weight:700;margin-bottom:10px}.feature-desc{color:var(--text-secondary);font-size:14px;line-height:1.7}.steps-section{padding:100px 20px}.steps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.steps-grid{grid-template-columns:1fr}}.step-card{border-left:2px solid var(--border-color);padding:28px;transition:border-color var(--transition)}.step-card:hover{border-color:var(--accent-primary)}.step-num{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-family:var(--font-mono);font-size:48px;font-weight:900;line-height:1;margin-bottom:16px}.step-title{font-size:18px;font-weight:700;margin-bottom:10px}.step-desc{color:var(--text-secondary);font-size:14px;line-height:1.7}.tech-section{padding:60px 20px}.tech-card{padding:40px;text-align:center}.tech-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tech-pill{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:999px;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 18px;transition:all var(--transition)}.tech-pill:hover{border-color:var(--accent-primary);color:var(--accent-glow)}.cta-section{padding:80px 20px}.cta-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;padding:64px 40px;position:relative;text-align:center}.cta-glow{background:radial-gradient(ellipse at center,#c026d314 0,#0000 70%);inset:0;pointer-events:none;position:absolute}.cta-card h2{font-size:40px;font-weight:900;margin-bottom:12px}.cta-card p{color:var(--text-secondary);font-size:18px;margin-bottom:32px}.home-footer{border-top:1px solid var(--border-color);padding:32px 20px}.footer-inner{justify-content:space-between;margin:0 auto;max-width:1200px}.auth-page,.footer-inner{align-items:center;display:flex}.auth-page{justify-content:center;min-height:calc(100vh - var(--nav-height));overflow:hidden;padding:40px 20px;position:relative}.auth-glow{animation:glow-pulse 4s ease-in-out infinite;background:radial-gradient(circle,#c026d31f 0,#0000 70%);height:600px;pointer-events:none;position:absolute;width:600px}.auth-card{animation:scale-in .4s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-card),0 0 60px #c026d31a;max-width:420px;padding:40px;position:relative;width:100%;z-index:1}.auth-card:before{background:linear-gradient(90deg,#0000,var(--accent-primary),#0000);border-radius:2px;content:"";height:2px;left:20%;position:absolute;right:20%;top:0}.auth-header{margin-bottom:32px;text-align:center}.auth-icon{display:block;font-size:52px;margin-bottom:16px}.auth-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--accent-glow));-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900;margin-bottom:8px}.auth-subtitle{color:var(--text-muted);font-size:15px}.auth-form{display:flex;flex-direction:column}.auth-footer{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px;text-align:center}.auth-link{color:var(--accent-glow);font-weight:600;text-decoration:none;transition:color var(--transition)}.auth-link:hover{color:var(--accent-primary)}.captcha-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;padding:14px 16px}.captcha-box,.captcha-btn{align-items:center;display:flex}.captcha-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;font-family:var(--font-display);font-size:15px;gap:10px;padding:0}.captcha-check{color:var(--text-muted);font-size:20px}.captcha-verified{color:var(--accent-green);font-size:14px;font-weight:600}.captcha-logo{color:var(--text-muted);font-size:11px}.auth-notes{inset:0;overflow:hidden;pointer-events:none;position:absolute}.auth-note{animation:float-slow 6s ease-in-out infinite;font-size:24px;opacity:.1;position:absolute}.auth-note:first-child{left:5%;top:10%}.auth-note:nth-child(2){animation-delay:1s;right:8%;top:20%}.auth-note:nth-child(3){animation-delay:2s;bottom:25%;left:10%}.auth-note:nth-child(4){animation-delay:3s;bottom:15%;right:6%}.password-strength{margin-top:6px}.strength-bar{border-radius:2px;height:3px;transition:all .3s ease}.strength-weak{background:#ef4444;width:25%}.strength-fair{background:#f59e0b;width:50%}.strength-good{background:#10b981;width:75%}.strength-strong{background:#06b6d4;width:100%}.strength-label{color:var(--text-muted);font-size:11px;margin-top:4px}.emoji-picker{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:8px;padding:12px}.emoji-option{align-items:center;background:var(--bg-elevated);border:2px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:22px;height:40px;justify-content:center;transition:all var(--transition);width:40px}.emoji-option:hover{border-color:var(--accent-primary);transform:scale(1.1)}.emoji-option.selected{background:#c026d326;border-color:var(--accent-primary);box-shadow:0 0 12px #c026d34d}.songs-page{margin:0 auto;max-width:1200px;padding:32px 20px}.songs-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:24px}.songs-header-text h1{font-size:36px;font-weight:900;margin-bottom:4px}.songs-filters{margin-bottom:28px;padding:20px}.search-bar{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:12px;margin-bottom:16px;padding:12px 16px;transition:border-color var(--transition)}.search-bar:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #c026d326}.search-icon{font-size:18px;opacity:.6}.search-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-display);font-size:16px;outline:none}.search-clear,.search-input::placeholder{color:var(--text-muted)}.search-clear{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px;transition:color var(--transition)}.search-clear:hover{color:var(--text-primary)}.filter-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.filter-chip{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-display);font-size:13px;font-weight:600;padding:5px 14px;transition:all var(--transition)}.filter-chip.active,.filter-chip:hover{border-color:var(--accent-primary);color:var(--accent-glow)}.filter-chip.active{background:#c026d326}.songs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.song-card{animation:fade-in-up .4s ease backwards;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:inherit;cursor:pointer;display:block;overflow:hidden;text-decoration:none;transition:all var(--transition)}.song-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow),0 8px 30px #0006;transform:translateY(-4px)}.song-cover{aspect-ratio:16/9;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-secondary));overflow:hidden;position:relative}.song-cover img{height:100%;object-fit:cover;width:100%}.song-cover-placeholder{background:linear-gradient(135deg,#7c3aed33,#c026d31a);font-size:48px;height:100%;width:100%}.song-cover-placeholder,.song-preview-btn{align-items:center;display:flex;justify-content:center}.song-preview-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#c026d3e6;border:none;border-radius:50%;bottom:10px;color:#fff;cursor:pointer;font-size:14px;height:36px;opacity:0;position:absolute;right:10px;transform:scale(.8);transition:all var(--transition);width:36px}.song-card:hover .song-preview-btn{opacity:1;transform:scale(1)}.song-preview-btn:hover{background:var(--accent-primary);transform:scale(1.1)!important}.song-card-body{padding:16px}.song-title{font-size:16px;font-weight:700;margin-bottom:4px}.song-artist,.song-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-artist{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.song-meta{flex-wrap:wrap;gap:10px}.song-meta,.song-meta-item{align-items:center;display:flex}.song-meta-item{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;gap:4px}.song-actions{display:flex;gap:8px;margin-top:14px}.diff-easy{background:#10b98126;border:1px solid #10b98133;color:#34d399}.diff-medium{background:#f59e0b26;border:1px solid #f59e0b33;color:#fbbf24}.diff-hard{background:#ef444426;border:1px solid #ef444433;color:#f87171}.preview-bar{background:var(--bg-elevated);bottom:0;height:3px;left:0;overflow:hidden;position:absolute;right:0}.preview-bar-fill{background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));height:100%;transition:width .1s linear}.songs-loading{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.song-skeleton{animation:skeleton-pulse 1.5s ease infinite;background:var(--bg-card);border-radius:var(--radius-lg);height:280px}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:.8}}.songs-empty{align-items:center;display:flex;flex-direction:column;gap:16px;padding:80px 20px;text-align:center}.songs-empty h3{color:var(--text-secondary);font-size:24px}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:40px;padding:20px 0}.pagination-info{color:var(--text-muted);font-family:var(--font-mono);font-size:14px;min-width:120px;text-align:center}.sing-room{background:var(--bg-primary);display:flex;flex-direction:column;min-height:calc(100vh - var(--nav-height));overflow:hidden;padding:20px;position:relative}.sing-glow{animation:glow-pulse 4s ease-in-out infinite;background:radial-gradient(ellipse,#c026d314 0,#0000 70%);height:400px;left:50%;pointer-events:none;position:fixed;top:20%;transform:translateX(-50%);width:800px}.sing-error,.sing-loading{align-items:center;color:var(--text-secondary);gap:16px;justify-content:center;text-align:center}.sing-header{align-items:center;display:flex;gap:20px;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:1400px;width:100%}.sing-song-info{flex:1 1;text-align:center}.sing-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--text-primary),var(--accent-glow));-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900;line-height:1.1}.sing-artist{color:var(--text-muted);font-size:14px;margin-top:2px}.sing-stage{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr 360px;margin:0 auto;max-width:1400px;width:100%}@media (max-width:1024px){.sing-stage{grid-template-columns:1fr}}.sing-lyrics-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);display:flex;flex-direction:column;min-height:400px;overflow:hidden}.sing-controls-panel{display:flex;flex-direction:column;gap:16px}.sing-player-card,.sing-record-card{padding:20px}.record-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.record-card-header h3{font-size:16px;font-weight:700}.recording-indicator{align-items:center;animation:neon-flicker 3s ease-in-out infinite;background:#ef44441a;border:1px solid #ef44444d;border-radius:999px;color:#f87171;display:flex;font-family:var(--font-mono);font-size:12px;font-weight:700;gap:8px;padding:4px 12px}.rec-dot{animation:recording-pulse 1s ease infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}.sing-sync-card{padding:16px 20px}.sing-sync-card h4{font-size:14px;font-weight:700;margin-bottom:4px}.sync-control{align-items:center;display:flex;gap:12px;margin-top:12px}.sync-value{color:var(--accent-glow);font-family:var(--font-mono);font-size:12px;margin-top:6px;text-align:center}.audio-player{display:flex;flex-direction:column;gap:12px}.player-timeline{align-items:center;display:flex;gap:10px}.player-time{color:var(--text-muted);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.player-progress{background:var(--bg-elevated);border-radius:3px;cursor:pointer;flex:1 1;height:6px;position:relative}.player-progress-fill{background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));border-radius:3px;height:100%;pointer-events:none;transition:width .1s linear}.player-progress-thumb{background:var(--accent-primary);border-radius:50%;box-shadow:0 0 8px #c026d399;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .1s linear;width:14px}.player-controls{gap:12px}.player-btn-play,.player-controls{align-items:center;display:flex;justify-content:center}.player-btn-play{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:50%;box-shadow:0 4px 20px #c026d366;color:#fff;cursor:pointer;font-size:20px;height:52px;transition:all var(--transition);width:52px}.player-btn-play:hover:not(:disabled){box-shadow:0 6px 30px #c026d399;transform:scale(1.08)}.player-btn-play:disabled{cursor:not-allowed;opacity:.5}.player-volume{align-items:center;display:flex;gap:8px}.player-volume-icon{font-size:16px;opacity:.7}.recording-controls{display:flex;flex-direction:column;gap:14px}.record-btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-family:var(--font-display);font-size:16px;font-weight:700;gap:10px;height:56px;justify-content:center;transition:all var(--transition);width:100%}.record-btn-start{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 20px #dc262659;color:#fff}.record-btn-start:hover{box-shadow:0 8px 30px #dc262680;transform:translateY(-2px)}.record-btn-stop{animation:recording-pulse 1s ease infinite;background:var(--bg-elevated);border:2px solid #ef444480;color:#f87171}.playback-controls{display:flex;gap:10px}.recorded-playback{display:flex;flex:1 1;flex-direction:column;gap:8px}.recorded-playback audio{border-radius:var(--radius-md);height:36px;width:100%}audio::-webkit-media-controls-panel{background:var(--bg-elevated)}.lyric-display{overflow:hidden}.lyric-display,.lyric-stage{display:flex;flex:1 1;flex-direction:column;position:relative}.lyric-stage{align-items:center;justify-content:center;min-height:300px;padding:40px 30px;text-align:center}.lyric-upcoming{color:var(--text-muted);font-size:16px;font-style:italic;margin-bottom:24px;min-height:24px;transition:all .3s ease}.lyric-current{animation:lyric-enter .3s ease;color:var(--text-primary);font-size:clamp(24px,4vw,42px);font-weight:900;line-height:1.2;min-height:60px;overflow:hidden;position:relative;text-align:center;transition:all .3s ease}.lyric-current.has-text{-webkit-text-fill-color:#0000;animation:lyric-enter .3s ease,lyric-active-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--accent-glow),var(--accent-primary),#a78bfa);-webkit-background-clip:text;background-clip:text;color:#0000;filter:drop-shadow(0 0 20px rgba(192,38,211,.5));text-shadow:none}.lyric-next{color:var(--text-secondary);font-size:18px;margin-top:24px;min-height:28px;transition:all .3s ease}.lyric-empty{color:var(--text-muted);font-size:18px}.lyric-scroll-container{background:var(--bg-secondary);border-top:1px solid var(--border-color);max-height:200px;overflow-y:auto;padding:16px 20px}.lyric-scroll-line{align-items:center;border-bottom:1px solid #ffffff0a;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;gap:16px;padding:6px 0;transition:color var(--transition)}.lyric-scroll-line:hover{color:var(--text-secondary)}.lyric-scroll-line.active{color:var(--accent-glow);font-weight:700}.lyric-timestamp{color:var(--text-muted);font-family:var(--font-mono);font-size:11px;min-width:40px}.modal-overlay{align-items:center;animation:fade-in .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-card{animation:scale-in .25s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:440px;padding:32px;width:90%}.modal-card h2{font-size:22px;margin-bottom:12px}.modal-card p{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.waveform{align-items:flex-end;display:flex;gap:2px;height:32px;padding:4px 0}.wave-bar{animation:waveform .6s ease-in-out infinite;animation:waveform var(--dur,.6s) ease-in-out infinite;animation-delay:0s;animation-delay:var(--delay,0s);background:var(--accent-primary);border-radius:2px;width:3px}.mixer-controls{padding:4px 0}.mixer-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:4px}.mixer-row{margin-bottom:16px}.mixer-label{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:6px}.mixer-value{color:var(--primary);font-weight:600;min-width:40px;text-align:right}.mixer-slider{-webkit-appearance:none;background:var(--bg-tertiary);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.mixer-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);border-radius:50%;box-shadow:0 0 6px #7c3aed80;cursor:pointer;height:18px;width:18px}.backing-slider::-webkit-slider-thumb{background:#06b6d4;box-shadow:0 0 6px #06b6d480}.vocal-slider::-webkit-slider-thumb{background:var(--primary)}.mixer-preview-btn{margin-bottom:4px;margin-top:4px;width:100%}.mix-progress{background:var(--bg-tertiary);border-radius:4px;height:8px;margin-top:12px;overflow:hidden;position:relative;width:100%}.mix-progress-bar{background:linear-gradient(90deg,var(--primary),#ec4899);border-radius:4px;height:100%;transition:width .3s ease}.mix-progress-label{color:var(--text-muted);display:block;font-size:.8rem;margin-top:6px;text-align:center}.compilation-page{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1000px;padding:32px 20px}.comp-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:28px}.comp-song-info{display:flex;flex:1 1;gap:20px}.comp-cover{object-fit:cover}.comp-cover,.comp-cover-placeholder{border-radius:var(--radius-md);flex-shrink:0;height:100px;width:100px}.comp-cover-placeholder{align-items:center;background:var(--bg-elevated);display:flex;font-size:40px;justify-content:center}.comp-title{font-size:26px;font-weight:900;margin-bottom:4px}.comp-song-name{color:var(--text-secondary);font-size:15px}.comp-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.tracks-list{display:flex;flex-direction:column;gap:12px}.track-item{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;gap:16px;padding:16px 20px;transition:border-color var(--transition)}.track-item:hover{border-color:var(--border-glow)}.track-original{background:#f59e0b0a;border-color:#f59e0b4d}.track-number{flex-shrink:0;font-size:24px;text-align:center;width:36px}.track-info{flex:1 1;min-width:0}.track-label{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-sub{color:var(--text-muted);font-size:12px;margin-top:2px}.track-meta{align-items:center;display:flex;flex-shrink:0;gap:8px}.track-audio{flex:0 0 200px;height:36px}@media (max-width:640px){.track-audio{flex:0 0 130px}.comp-actions,.comp-header{flex-direction:column}.comp-actions{width:100%}.comp-actions .btn{justify-content:center;width:100%}}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - var(--nav-height))}.admin-sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);height:calc(100vh - var(--nav-height));overflow-y:auto;padding:24px 0;position:-webkit-sticky;position:sticky;top:var(--nav-height)}.admin-sidebar-header{border-bottom:1px solid var(--border-color);font-size:18px;margin-bottom:12px;padding:0 20px 20px}.admin-nav{display:flex;flex-direction:column;gap:2px;padding:0 10px}.admin-nav-link{border-radius:var(--radius-md);color:var(--text-secondary);display:block;font-size:14px;font-weight:600;padding:10px 14px;text-decoration:none;transition:all var(--transition)}.admin-nav-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.admin-nav-link.active{background:#c026d31f;color:var(--accent-glow)}.admin-main{overflow-y:auto;padding:32px}.admin-section-title{font-size:24px;font-weight:900;margin-bottom:24px}.admin-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.admin-section-header .admin-section-title{margin-bottom:0}.admin-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}@media (max-width:1100px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;text-align:center;transition:all var(--transition)}.stat-card:hover{border-color:var(--border-glow);transform:translateY(-2px)}.stat-icon{font-size:32px;margin-bottom:12px}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-glow),var(--accent-primary));-webkit-background-clip:text;background-clip:text;font-family:var(--font-mono);font-size:36px;font-weight:900;margin-bottom:6px}.stat-label{color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.admin-table-wrap{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow-x:auto}.admin-table{border-collapse:collapse;font-size:14px;width:100%}.admin-table th{background:var(--bg-elevated);border-bottom:1px solid var(--border-color);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-table td{border-bottom:1px solid #ffffff0a;padding:14px 16px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff05}.admin-form{margin-bottom:24px;padding:24px}.lyric-editor-textarea{font-family:var(--font-mono);font-size:13px;line-height:1.8;resize:vertical}@media (max-width:768px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{border-bottom:1px solid var(--border-color);border-right:none;height:auto;position:static}.admin-nav{flex-direction:row;flex-wrap:wrap}.admin-main{padding:20px 16px}}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a12cc;border-bottom:1px solid var(--border-color);height:var(--nav-height);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{border-bottom-color:var(--border-glow);box-shadow:0 4px 30px #c026d31a}.navbar-inner{gap:32px;height:100%;margin:0 auto;max-width:1200px;padding:0 20px}.navbar-inner,.navbar-logo{align-items:center;display:flex}.navbar-logo{font-size:20px;font-weight:900;gap:10px;letter-spacing:-.02em;text-decoration:none;white-space:nowrap}.navbar-logo-icon{animation:float 3s ease-in-out infinite;font-size:24px}.navbar-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e879f9,#c026d3,#7c3aed);-webkit-background-clip:text;background-clip:text}.navbar-nav{align-items:center;display:flex;flex:1 1;gap:4px}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:600;padding:8px 14px;position:relative;text-decoration:none;transition:all var(--transition)}.nav-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-link.active{background:#c026d31a;color:var(--accent-glow)}.navbar-actions{gap:12px;margin-left:auto}.navbar-actions,.navbar-user{align-items:center;display:flex}.navbar-user{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;gap:10px;padding:6px 12px 6px 6px;position:relative;text-decoration:none;transition:all var(--transition)}.navbar-user:hover{border-color:var(--border-glow);box-shadow:0 0 15px #c026d333}.navbar-avatar{align-items:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:50%;display:flex;font-size:18px;height:32px;justify-content:center;line-height:1;width:32px}.navbar-username{color:var(--text-primary);font-size:14px;font-weight:600}.navbar-dropdown{animation:scale-in .15s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);min-width:180px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);transform-origin:top right;z-index:100}.dropdown-item{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;padding:10px 12px;text-align:left;text-decoration:none;transition:all var(--transition);width:100%}.dropdown-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.dropdown-item.danger:hover{background:#ef44441a;color:#f87171}.dropdown-divider{background:var(--border-color);height:1px;margin:6px 0}.nav-mobile-toggle{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;font-size:20px;padding:8px}@media (max-width:768px){.navbar-nav{display:none}.nav-mobile-toggle{display:block}.navbar-nav.mobile-open{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a12f7;bottom:0;display:flex;flex-direction:column;gap:8px;left:0;padding:20px;position:fixed;right:0;top:var(--nav-height);z-index:999}.navbar-nav.mobile-open .nav-link{font-size:18px;padding:14px 20px}}:root{--bg-primary:#0a0a12;--bg-secondary:#111120;--bg-card:#161628;--bg-elevated:#1e1e38;--accent-primary:#c026d3;--accent-secondary:#7c3aed;--accent-glow:#e879f9;--accent-gold:#f59e0b;--accent-teal:#06b6d4;--accent-green:#10b981;--text-primary:#f0f0ff;--text-secondary:#a0a0c0;--text-muted:#606080;--border-color:#7c3aed33;--border-glow:#c026d366;--shadow-glow:0 0 30px #c026d34d;--shadow-card:0 4px 24px #0006;--font-display:"Outfit",sans-serif;--font-mono:"Space Mono",monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--transition:0.2s ease;--transition-slow:0.4s ease;--nav-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#0a0a12;background:var(--bg-primary);color:#f0f0ff;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-display);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{background-image:linear-gradient(#7c3aed08 1px,#0000 0),linear-gradient(90deg,#7c3aed08 1px,#0000 0);background-size:60px 60px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.app-main{min-height:100vh;padding-top:64px;padding-top:var(--nav-height);position:relative;z-index:1}.container{padding:0 20px}.container,.page{margin:0 auto;max-width:1200px}.page{padding:40px 20px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e879f9,#c026d3,#7c3aed);background:linear-gradient(135deg,var(--accent-glow),var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:14px;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s ease;transition:all var(--transition)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#c026d3,#7c3aed);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 4px 15px #c026d34d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #c026d380;transform:translateY(-2px)}.btn-secondary{background:#1e1e38;background:var(--bg-elevated);border:1px solid #7c3aed33;border:1px solid var(--border-color);color:#f0f0ff;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){border-color:#c026d3;border-color:var(--accent-primary);color:#e879f9;color:var(--accent-glow)}.btn-danger{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.btn-danger:hover:not(:disabled){background:#ef444440}.btn-ghost{background:#0000;border:1px solid #0000;color:#a0a0c0;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#1e1e38;background:var(--bg-elevated);color:#f0f0ff;color:var(--text-primary)}.btn-lg{border-radius:20px;border-radius:var(--radius-lg);font-size:16px;padding:14px 32px}.btn-sm{border-radius:8px;border-radius:var(--radius-sm);font-size:13px;padding:6px 14px}.btn-icon{background:#1e1e38;background:var(--bg-elevated);border:1px solid #7c3aed33;border:1px solid var(--border-color);border-radius:50%;color:#a0a0c0;color:var(--text-secondary);font-size:18px;line-height:1;padding:8px}.btn-icon:hover{border-color:#c026d3;border-color:var(--accent-primary);color:#e879f9;color:var(--accent-glow)}.card{background:#161628;background:var(--bg-card);border:1px solid #7c3aed33;border:1px solid var(--border-color);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 24px #0006;box-shadow:var(--shadow-card);overflow:hidden;padding:24px;position:relative}.card:before{background:linear-gradient(90deg,#0000,#c026d3,#0000);background:linear-gradient(90deg,#0000,var(--accent-primary),#0000);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.card-hover{cursor:pointer;transition:all .2s ease;transition:all var(--transition)}.card-hover:hover{border-color:#c026d366;border-color:var(--border-glow);box-shadow:0 0 30px #c026d34d,0 4px 24px #0006;box-shadow:var(--shadow-glow),var(--shadow-card);transform:translateY(-4px)}.form-group{margin-bottom:20px}.form-label{color:#a0a0c0;color:var(--text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.form-input{background:#111120;background:var(--bg-secondary);border:1px solid #7c3aed33;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#f0f0ff;color:var(--text-primary);font-family:Outfit,sans-serif;font-family:var(--font-display);font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s ease;transition:border-color var(--transition);width:100%}.form-input:focus{border-color:#c026d3;border-color:var(--accent-primary);box-shadow:0 0 0 3px #c026d326}.form-input::placeholder{color:#606080;color:var(--text-muted)}.form-error{color:#f87171;font-size:12px;margin-top:6px}.loading-screen{align-items:center;background:#0a0a12;background:var(--bg-primary);display:flex;flex-direction:column;gap:24px;inset:0;justify-content:center;position:fixed;z-index:9999}.loading-mic{animation:pulse-mic 1s ease-in-out infinite;font-size:64px}@keyframes pulse-mic{0%,to{filter:drop-shadow(0 0 10px rgba(192,38,211,0));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(192,38,211,.8));transform:scale(1.1)}}.loading-bar{background:#1e1e38;background:var(--bg-elevated);border-radius:2px;height:4px;overflow:hidden;width:200px}.loading-bar-fill{animation:loading-slide 1.5s ease-in-out infinite;background:linear-gradient(90deg,#7c3aed,#c026d3);background:linear-gradient(90deg,var(--accent-secondary),var(--accent-primary));border-radius:2px;height:100%}@keyframes loading-slide{0%{margin-left:0;width:0}50%{margin-left:20%;width:60%}to{margin-left:100%;width:0}}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase}.badge-purple{background:#7c3aed33;border:1px solid #7c3aed4d;color:#a78bfa}.badge-fuchsia{background:#c026d333;border:1px solid #c026d34d;color:#e879f9}.badge-green{background:#10b98126;border:1px solid #10b98133;color:#34d399}.badge-gold{background:#f59e0b26;border:1px solid #f59e0b33;color:#fbbf24}.alert{border-radius:12px;border-radius:var(--radius-md);font-size:14px;margin-bottom:16px;padding:12px 16px}.alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.alert-success{background:#10b9811a;border:1px solid #10b9814d;color:#6ee7b7}.alert-info{background:#06b6d41a;border:1px solid #06b6d44d;color:#67e8f9}input[type=range]{-webkit-appearance:none;background:#1e1e38;background:var(--bg-elevated);border-radius:2px;height:4px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#c026d3;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 8px #c026d380;cursor:pointer;height:16px;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition:all var(--transition);transition:all var(--transition);width:16px}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 16px #c026d3cc;transform:scale(1.2)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#111120;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#1e1e38;background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#7c3aed;background:var(--accent-secondary)}.grid-2{grid-gap:20px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:20px}.grid-3{grid-gap:20px;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page{padding:20px 16px}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1 1}.flex-wrap{flex-wrap:wrap}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.text-center{text-align:center}.text-sm{font-size:13px}.text-muted{color:#606080;color:var(--text-muted)}.text-secondary{color:#a0a0c0;color:var(--text-secondary)}.font-mono{font-family:Space Mono,monospace;font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes lyric-enter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lyric-active-pulse{0%,to{text-shadow:0 0 20px #c026d399,0 0 40px #c026d34d}50%{text-shadow:0 0 30px #e879f9e6,0 0 60px #c026d380}}@keyframes lyric-karaoke-fill{0%{width:0}to{width:100%}}@keyframes recording-pulse{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 12px #ef444400}}@keyframes waveform{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes spotlight-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-12px) rotate(2deg)}66%{transform:translateY(-4px) rotate(-2deg)}}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes neon-flicker{0%,95%,to{opacity:1}96%,99%{opacity:.7}97%,98%{opacity:.9}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes vu-bounce{0%,to{height:4px}50%{height:20px;height:var(--peak,20px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(32px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-32px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fade-in .4s ease forwards}.animate-fade-in-up{animation:fade-in-up .5s ease forwards}.animate-scale-in{animation:scale-in .3s ease forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-slow{animation:float-slow 5s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-glow{animation:glow-pulse 2s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.page-enter{animation:fade-in-up .5s ease forwards}
/*# sourceMappingURL=main.f220f63f.css.map*/