:root{--bg-color:#060913;--bg-gradient:radial-gradient(circle at top, #0f162c 0%, #060913 100%);--panel-bg:#0d142699;--panel-border:#ffffff14;--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f159;--accent:#ffb900;--accent-glow:#ffb90040;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Space Grotesk", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;flex-direction:column;min-height:100dvh;display:flex;overflow-x:hidden}#root{flex-direction:column;flex:1;width:100%;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.02em;font-weight:700}p{color:var(--text-secondary);line-height:1.6}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(16px);border-radius:16px;box-shadow:0 10px 30px -10px #000000b3}.app-container{flex-direction:column;flex:1;justify-content:center;gap:2rem;width:100%;max-width:900px;margin:0 auto;padding:2.5rem 1.5rem;display:flex}@media (width<=640px){.app-container{gap:1.5rem;padding:1.5rem 1rem}}.brand-header{text-align:center;margin-bottom:1rem}.brand-title{background:linear-gradient(135deg, #fff 0%, var(--primary) 50%, #818cf8 100%);-webkit-text-fill-color:transparent;font-size:2.5rem;font-family:var(--font-sans);text-shadow:0 0 30px #6366f133;-webkit-background-clip:text;margin-bottom:.5rem;font-weight:800}.brand-subtitle{color:var(--text-secondary);font-size:1rem}.generator-card{flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex}.form-group{text-align:left;flex-direction:column;gap:.75rem;display:flex}.form-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;font-size:1rem;font-weight:600}.input-container{display:flex;position:relative}.topic-input{border:1px solid var(--panel-border);width:100%;color:var(--text-primary);font-family:var(--font-sans);background:#080c19cc;border-radius:12px;outline:none;padding:1rem 1.25rem;font-size:1.05rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.topic-input:focus{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);background:#0d1426e6}.topic-input::placeholder{color:var(--text-muted)}.submit-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;font-family:var(--font-sans);cursor:pointer;box-shadow:0 4px 20px var(--primary-glow);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.submit-btn:hover:not(:disabled){box-shadow:0 6px 25px var(--primary-glow);transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.console-card{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.console-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.console-title{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.console-dots{gap:.35rem;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.console-body{height:220px;font-family:var(--font-mono);color:#38bdf8;text-align:left;scrollbar-width:thin;background:#05070ff2;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;font-size:.875rem;display:flex;overflow-y:auto}.log-line{word-break:break-all;line-height:1.5;animation:.2s ease-out forwards fadeIn}.log-line.status{color:var(--text-secondary)}.log-line.stage{color:#a855f7;border-left:2px solid #a855f7;margin-top:.35rem;padding-left:.5rem;font-weight:600}.log-line.success{color:var(--success);font-weight:600}.log-line.error{color:var(--error);font-weight:600}.log-line.heartbeat{color:var(--text-muted);font-size:.75rem;font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.result-card{flex-direction:column;align-items:center;gap:2rem;padding:2.5rem;display:flex}.preview-title{margin-bottom:-.5rem;font-size:1.5rem}.video-wrapper{aspect-ratio:9/16;width:100%;max-width:320px;box-shadow:0 20px 40px #000c, 0 0 20px var(--primary-glow);background:#000;border:1px solid #ffffff1a;border-radius:20px;position:relative;overflow:hidden}.preview-video{object-fit:cover;width:100%;height:100%}.action-buttons{gap:1rem;width:100%;max-width:480px;display:flex}.action-btn{font-family:var(--font-sans);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.action-btn.download{background:linear-gradient(135deg, var(--success) 0%, #059669 100%);color:#fff;border:none;box-shadow:0 4px 15px #10b9814d}.action-btn.download:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.action-btn.reset{color:var(--text-primary);border:1px solid var(--panel-border);background:#ffffff0d}.action-btn.reset:hover{background:#ffffff1a}.install-banner{background:linear-gradient(135deg,#6366f126 0%,#ffb9000d 100%);border:1px solid #6366f133;border-radius:12px;justify-content:space-between;align-items:center;margin-top:auto;padding:1rem 1.5rem;display:flex}.install-text{text-align:left}.install-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.95rem;font-weight:600}.install-desc{color:var(--text-secondary);font-size:.8rem}.install-btn{background:var(--primary);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.install-btn:hover{background:var(--primary-hover)}@media (width<=640px){.generator-card,.result-card{padding:1.5rem}.action-buttons{flex-direction:column}.action-btn{width:100%}}.gallery-section{text-align:left;flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.gallery-title{font-size:1.4rem;font-family:var(--font-sans);color:var(--text-primary);border-left:4px solid var(--primary);justify-content:space-between;align-items:center;margin-bottom:.25rem;padding-left:.75rem;display:flex}.refresh-btn{color:var(--primary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.refresh-btn:hover{background:var(--primary-glow)}.video-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;display:grid}.video-card{flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.video-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 20px #6366f126}.video-card-header{justify-content:space-between;align-items:center;display:flex}.video-card-icon{background:var(--primary-glow);width:32px;height:32px;color:var(--primary);border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.video-card-id{font-family:var(--font-mono);color:var(--text-muted);font-size:.75rem}.video-card-date{color:var(--text-primary);margin-top:.15rem;font-size:.95rem;font-weight:600}.video-card-size{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.8rem;display:flex}.video-card-actions{gap:.5rem;margin-top:.5rem;display:flex}.video-card-btn{font-family:var(--font-sans);text-align:center;cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.video-card-btn.watch{background:var(--primary-glow);color:var(--primary);border:1px solid #6366f133}.video-card-btn.watch:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.video-card-btn.download{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.video-card-btn.download:hover{background:var(--success);color:#fff;border-color:var(--success)}.gallery-empty{text-align:center;color:var(--text-secondary);border:1px dashed var(--panel-border);background:#0d142626;border-radius:16px;padding:2.5rem}.gallery-loading{color:var(--text-secondary);font-family:var(--font-sans);border:1px dashed var(--panel-border);border-radius:16px;justify-content:center;align-items:center;gap:.5rem;padding:2.5rem;display:flex}.form-row-params{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;display:grid}@media (width<=640px){.form-row-params{grid-template-columns:1fr;gap:1rem}}.param-group{border:1px solid var(--panel-border);background:#080c1966;border-radius:12px;padding:1.25rem}.param-label-row{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.param-value{font-family:var(--font-mono);color:var(--accent);text-shadow:0 0 10px var(--accent-glow);font-size:1.15rem;font-weight:700}.param-slider{appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px;transition:background .3s}.param-slider:hover{background:#ffffff26}.param-slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;width:18px;height:18px;box-shadow:0 0 10px var(--primary-glow);border-radius:50%;transition:transform .1s,background .2s}.param-slider::-webkit-slider-thumb:hover{background:#fff;transform:scale(1.2)}.param-slider::-moz-range-thumb{background:var(--primary);cursor:pointer;width:18px;height:18px;box-shadow:0 0 10px var(--primary-glow);border:none;border-radius:50%;transition:transform .1s,background .2s}.param-slider::-moz-range-thumb:hover{background:#fff;transform:scale(1.2)}.slider-limits{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);justify-content:space-between;margin-top:.25rem;display:flex}.calculation-badge{text-align:left;background:#6366f114;border:1px solid #6366f133;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;animation:.3s ease-out fadeIn;display:flex}.badge-icon{font-size:1.5rem}.badge-text{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.badge-text strong{color:var(--text-primary)}.login-wrapper{justify-content:center;align-items:center;width:100%;min-height:60vh;animation:.4s ease-out fadeIn;display:flex}.login-card{text-align:center;flex-direction:column;gap:1.5rem;width:100%;max-width:420px;padding:3rem 2.5rem;display:flex}.login-icon{margin-bottom:-.5rem;font-size:3rem;animation:2s infinite pulse}.login-title{background:linear-gradient(135deg, #fff 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:800}.login-subtitle{color:var(--text-secondary);margin-top:-.75rem;font-size:.95rem}.login-error{color:#f87171;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:.75rem 1rem;font-size:.85rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.language-selector{border:1px solid var(--panel-border);background:#080c1999;border-radius:10px;gap:.5rem;width:100%;padding:.25rem;display:flex}.lang-btn{color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.lang-btn:hover{color:var(--text-primary);background:#ffffff08}.lang-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.lang-flag{font-size:1.1rem}.voice-select-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%2394a3b8'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpolyline%20points='6%209%2012%2015%2018%209'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}.voice-select-input option{color:var(--text-primary);background-color:#060913;padding:.5rem}.voice-select-input option:disabled{color:var(--text-muted)}.video-card-info{text-align:left;flex-direction:column;gap:.5rem;display:flex}.video-metadata-details{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:.35rem;margin-top:.25rem;padding:.6rem;font-size:.8rem;display:flex}.video-meta-topic{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.video-meta-grid{color:var(--text-secondary);font-size:.75rem;font-family:var(--font-mono);grid-template-columns:repeat(2,1fr);gap:.25rem .5rem;display:grid}.video-meta-grid span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.2rem;display:flex;overflow:hidden}