body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#ff0050;--secondary:#0f8;--background:#0a0a0a;--surface:#1a1a1a;--text:#fff;--text-secondary:#b3b3b3;--border:#333;--gradient:linear-gradient(45deg,var(--primary),var(--secondary))}[data-theme=light]{--background:#fff;--surface:#f5f5f5;--text:#000;--text-secondary:#666;--border:#e0e0e0}[data-theme=neon]{--primary:#0ff;--secondary:#f0f;--background:#001;--surface:#012;--text:#0ff;--text-secondary:#f0f;--border:#06c;--gradient:linear-gradient(45deg,#0ff,#f0f)}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;background:var(--background);color:#fff;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{min-height:100vh}.header{align-items:center;background:#1a1a1a;background:var(--surface);border-bottom:1px solid #333;border-bottom:1px solid var(--border);display:flex;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff0050,#0f8);background:var(--gradient);-webkit-background-clip:text;font-size:24px;font-weight:700;margin:0}.header-center{display:flex;flex:1 1;justify-content:center;margin:0 auto;max-width:600px}.search-container{display:flex;width:100%}.search-input{background:#0a0a0a;background:var(--background);border:1px solid #333;border:1px solid var(--border);border-radius:8px 0 0 8px;color:#fff;color:var(--text);flex:1 1;font-size:16px;padding:12px 16px}.search-button{background:#ff0050;background:var(--primary);border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;padding:12px 16px}.header-right{align-items:center;display:flex;gap:16px}.login-button,.theme-toggle{align-items:center;background:#1a1a1a;background:var(--surface);border:1px solid #333;border:1px solid var(--border);border-radius:8px;color:#fff;color:var(--text);cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .3s}.login-button:hover,.theme-toggle:hover{background:#ff0050;background:var(--primary);color:#fff}.user-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.main-layout{display:flex;min-height:calc(100vh - 73px)}.content-area{flex:1 1;padding:24px}.generator-section{background:#1a1a1a;background:var(--surface);border:1px solid #333;border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:24px}.video-generator{margin:0 auto;max-width:800px}.generator-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.generator-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff0050,#0f8);background:var(--gradient);-webkit-background-clip:text}.generation-status{background:#1a1a1a;background:var(--surface);border:1px solid #333;border:1px solid var(--border);border-radius:8px;margin-bottom:24px;padding:20px}.status-text{color:#ff0050;color:var(--primary);font-size:18px;margin-bottom:12px}.progress-bar{background:#333;background:var(--border);border-radius:2px;height:4px;overflow:hidden;width:100%}.progress-fill{animation:progress 2s ease-in-out infinite;background:linear-gradient(45deg,#ff0050,#0f8);background:var(--gradient);height:100%;width:100%}@keyframes progress{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.generator-form{gap:20px}.generator-form,.input-group{display:flex;flex-direction:column}.input-group{gap:8px}.input-group label{color:#b3b3b3;color:var(--text-secondary);font-weight:500}.input-group select,.input-group textarea{background:#0a0a0a;background:var(--background);border:1px solid #333;border:1px solid var(--border);border-radius:8px;color:#fff;color:var(--text);font-family:inherit;font-size:16px;padding:12px}.generate-button{align-items:center;background:linear-gradient(45deg,#ff0050,#0f8);background:var(--gradient);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .3s}.generate-button:hover:not(:disabled){box-shadow:0 8px 24px #ff00504d;transform:translateY(-2px)}.generate-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.voice-recorder{background:#0a0a0a;background:var(--background);border:2px dashed #333;border:2px dashed var(--border);border-radius:8px;padding:20px;text-align:center}.record-button,.stop-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;gap:8px;margin:0 auto;padding:12px 24px}.record-button{background:#ff0050;background:var(--primary);color:#fff}.stop-button{background:#f44;color:#fff}.audio-preview{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:16px}.video-player{background:#1a1a1a;background:var(--surface);border-radius:12px;margin-bottom:24px;overflow:hidden}.video-container{aspect-ratio:16/9;background:#000;position:relative}.frame-display{height:100%;position:relative;width:100%}.video-frame{height:100%;object-fit:cover;width:100%}.video-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.video-container:hover .video-overlay{opacity:1}.play-button{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;height:80px;justify-content:center;width:80px}.video-info{padding:20px}.video-info h2{font-size:20px;margin-bottom:8px}.artist{color:#b3b3b3;color:var(--text-secondary);font-size:14px;margin-bottom:12px}.video-stats{font-size:14px;margin-bottom:16px}.video-actions{display:flex;gap:16px}.action-button{align-items:center;background:#0000;border:1px solid #333;border:1px solid var(--border);border-radius:20px;color:#fff;color:var(--text);cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .3s}.action-button:hover{background:#ff0050;background:var(--primary);border-color:#ff0050;border-color:var(--primary);color:#fff}.comment-section{background:#1a1a1a;background:var(--surface);border-radius:12px;margin-bottom:24px;padding:20px}.comment-header{font-weight:600;gap:8px;margin-bottom:20px}.add-comment{display:flex;gap:12px;margin-bottom:24px}.comment-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.comment-input-container{flex:1 1}.comment-input-container textarea{background:#0a0a0a;background:var(--background);border:1px solid #333;border:1px solid var(--border);border-radius:8px;color:#fff;color:var(--text);font-family:inherit;padding:12px;resize:vertical;width:100%}.comment-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.comment-actions button{background:#0000;border:1px solid #333;border:1px solid var(--border);border-radius:20px;color:#fff;color:var(--text);cursor:pointer;padding:8px 16px}.comment-actions button:hover{background:#ff0050;background:var(--primary);color:#fff}.comment{display:flex;gap:12px;margin-bottom:16px}.comment-content{flex:1 1}.comment-header{align-items:center;display:flex;gap:12px;margin-bottom:4px}.comment-username{font-weight:600}.comment-time{color:#b3b3b3;color:var(--text-secondary);font-size:12px}.comment-text{line-height:1.5;margin-bottom:8px}.comment-action{align-items:center;background:#0000;border:none;border-radius:16px;color:#b3b3b3;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px}.comment-action:hover{background:#1a1a1a;background:var(--surface)}.chat-container{bottom:20px;position:fixed;right:20px;width:300px;z-index:1000}.chat-toggle{align-items:center;background:#ff0050;background:var(--primary);border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;display:block;font-size:14px;font-weight:600;gap:8px;margin-left:auto;padding:12px 16px}.chat-panel{background:#1a1a1a;background:var(--surface);border:1px solid #333;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;margin-top:8px;max-height:400px}.chat-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.chat-header h3{font-size:16px;margin:0}.chat-header button{background:none;border:none;color:#fff;color:var(--text);cursor:pointer;font-size:20px}.chat-messages{flex:1 1;max-height:250px;overflow-y:auto;padding:12px}.chat-message{display:flex;gap:8px;margin-bottom:12px}.message-avatar{border-radius:50%;flex-shrink:0;height:24px;object-fit:cover;width:24px}.message-content{flex:1 1;min-width:0}.message-header{align-items:center;display:flex;gap:8px;margin-bottom:2px}.message-username{font-size:12px;font-weight:600}.message-time{color:#b3b3b3;color:var(--text-secondary);font-size:10px}.message-text{word-wrap:break-word;font-size:13px;line-height:1.4}.chat-input{border-top:1px solid #333;border-top:1px solid var(--border);display:flex;gap:8px;padding:12px}.chat-input textarea{background:#0a0a0a;background:var(--background);border:1px solid #333;border:1px solid var(--border);border-radius:16px;color:#fff;color:var(--text);flex:1 1;font-family:inherit;font-size:12px;padding:8px;resize:none}.chat-input button{align-items:center;background:#ff0050;background:var(--primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px}.video-grid{margin-top:24px}.video-grid h2{color:#fff;color:var(--text);margin-bottom:16px}.videos{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.video-card{background:#1a1a1a;background:var(--surface);border:1px solid #333;border:1px solid var(--border);border-radius:8px;cursor:pointer;overflow:hidden;transition:transform .3s}.video-card:hover{box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.video-card img{height:150px;object-fit:cover;width:100%}.video-card-info{padding:12px}.video-card-info h3{color:#fff;color:var(--text);font-size:14px;margin-bottom:4px}.video-card-info p{font-size:12px;margin-bottom:8px}.video-card-info p,.video-stats{color:#b3b3b3;color:var(--text-secondary)}.video-stats{display:flex;font-size:11px;gap:12px}.welcome-screen{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:40px;text-align:center}.welcome-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#ff0050,#0f8);background:var(--gradient);-webkit-background-clip:text;font-size:48px;margin-bottom:16px}.welcome-content p{color:#b3b3b3;color:var(--text-secondary);font-size:20px;margin-bottom:40px}.features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:800px}.feature{background:#1a1a1a;background:var(--surface);border:1px solid #333;border:1px solid var(--border);border-radius:12px;font-size:16px;padding:20px}.loading{align-items:center;color:#b3b3b3;color:var(--text-secondary);display:flex;font-size:18px;justify-content:center;min-height:80vh}@media (max-width:768px){.header{flex-direction:column;gap:12px;padding:12px}.header-center{width:100%}.main-layout{flex-direction:column}.content-area{padding:12px}.chat-container{bottom:10px;max-width:300px;right:10px;width:calc(100vw - 20px)}.videos{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.welcome-content h1{font-size:32px}.features{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--surface)}::-webkit-scrollbar-thumb{background:#333;background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff0050;background:var(--primary)}
/*# sourceMappingURL=main.35fd1928.css.map*/