:root{--primary-color:#4f46e5;--primary-light:#6366f1;--secondary-color:#8b5cf6;--accent-color:#ec4899;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--indian-saffron:#f93;--indian-green:#138808;--indian-blue:navy;--light-color:#f8fafc;--dark-color:#1e293b;--text-color:#334155;--border-color:#e2e8f0;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 20px #00000026;--shadow-lg:0 8px 30px #0003;--border-radius:16px;--border-radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#f5f7fa,#e4edf5);color:#334155;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}.app{margin:0 auto;max-width:1400px;padding:20px}.header{background:linear-gradient(135deg,navy,#4f46e5);background:linear-gradient(135deg,var(--indian-blue),var(--primary-color));border-radius:16px;border-radius:var(--border-radius);box-shadow:0 8px 30px #0003;box-shadow:var(--shadow-lg);color:#fff;margin-bottom:30px;overflow:hidden;padding:40px;position:relative}.header:before{background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:20px 20px;content:"";height:200px;opacity:.2;position:absolute;right:0;top:0;width:200px}.header-content{position:relative;z-index:1}.logo{align-items:center;display:flex;gap:25px;margin-bottom:20px}.logo-icon-container{height:80px;position:relative;width:80px}.logo-ai-icon{color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:4rem}.logo-child-icon{color:#f93;color:var(--indian-saffron);font-size:2rem;position:absolute;right:-5px;top:10px}.logo h1{font-size:2.8rem;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.logo h2{font-size:1.8rem;font-weight:400;opacity:.9}.header-subtitle{font-size:1.2rem;margin-bottom:25px;max-width:600px;opacity:.9}.header-badges{display:flex;flex-wrap:wrap;gap:15px}.badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;display:inline-flex;font-size:.95rem;gap:8px;padding:10px 20px}.ai-badge{background:#6366f133}.indian-badge{background:#f933;border-color:#ff99334d}.error-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;border:2px solid var(--danger-color);border-radius:8px;border-radius:var(--border-radius-sm);color:#7f1d1d;display:flex;font-weight:500;gap:15px;margin-bottom:20px;padding:15px 20px}.error-banner svg{color:#dc2626;flex-shrink:0;font-size:1.5rem}.close-error{background:none;border:none;color:#7f1d1d;cursor:pointer;font-size:1.8rem;margin-left:auto;padding:0 10px;transition:all .2s ease}.close-error:hover{color:#dc2626;transform:scale(1.2)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.main-content{margin-bottom:60px}.container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1.2fr}@media (max-width:1200px){.container{gap:30px;grid-template-columns:1fr}}.card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-md);overflow:hidden}.card-header{align-items:center;background:linear-gradient(90deg,navy,#4f46e5);background:linear-gradient(to right,var(--indian-blue),var(--primary-color));border-bottom:3px solid #f93;border-bottom:3px solid var(--indian-saffron);color:#fff;display:flex;gap:15px;padding:25px 30px}.card-icon{color:#fff;font-size:2rem}.card-header h2{font-size:1.8rem;font-weight:700;letter-spacing:-.3px}.form{padding:30px}.form-group{margin-bottom:25px}.form-group label{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin-bottom:10px}.form-group label,.input-icon{color:navy;color:var(--indian-blue)}.input-icon{font-size:1.2rem}.form-input{background:#f8fafc;border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-sm);font-size:1.1rem;padding:15px 20px;transition:all .3s ease;width:100%}.form-input:focus{background:#fff;border-color:navy;border-color:var(--indian-blue);box-shadow:0 0 0 3px #4f46e51a;outline:none}.voice-info-card{background:linear-gradient(135deg,#f0f7ff,#e8f2fc);border:2px solid #e3f2fd;border-radius:8px;border-radius:var(--border-radius-sm);margin:30px 0;padding:25px}.voice-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.voice-icon{font-size:2rem}.voice-header h3,.voice-icon{color:navy;color:var(--indian-blue)}.voice-header h3{font-size:1.5rem;font-weight:700}.voice-details{text-align:center}.voice-name{color:navy;color:var(--indian-blue);font-size:1.8rem;font-weight:800;margin-bottom:15px}.voice-specs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.voice-tag{background:navy;background:var(--indian-blue);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:6px 15px}.voice-description{color:#64748b;font-size:1.1rem;line-height:1.6}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-sm);cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:700;gap:12px;justify-content:center;min-width:160px;padding:18px 32px;text-decoration:none;transition:all .3s ease}.btn-ai{background:linear-gradient(135deg,navy,#4f46e5);background:linear-gradient(135deg,var(--indian-blue),var(--primary-color));box-shadow:0 6px 20px #00008040;color:#fff}.btn-ai:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,navy);background:linear-gradient(135deg,var(--primary-color),var(--indian-blue));box-shadow:0 12px 25px #00008059;transform:translateY(-3px)}.btn-success{background:linear-gradient(135deg,#138808,#2e7d32);background:linear-gradient(135deg,var(--indian-green),#2e7d32);box-shadow:0 4px 15px #13880833;color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 8px 20px #1388084d;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff}.btn-secondary{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.generate-btn{font-size:1.3rem;margin-top:10px;padding:22px;width:100%}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.ai-status-container{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:25px 30px}.status-indicators{display:flex;justify-content:space-between;margin-bottom:25px;position:relative}.status-indicators:before{background:#e2e8f0;content:"";height:2px;left:15%;position:absolute;right:15%;top:15px;z-index:1}.status-item{align-items:center;display:flex;flex-direction:column;position:relative;z-index:2}.status-dot{background:#cbd5e1;border:3px solid #fff;border-radius:50%;height:30px;margin-bottom:10px;position:relative;width:30px}.status-item.active .status-dot{background:navy;background:var(--indian-blue);box-shadow:0 0 0 4px #0000801a}.status-item span{color:#64748b;font-size:.9rem;font-weight:500}.status-item.active span{color:navy;color:var(--indian-blue);font-weight:600}.generating-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;border-radius:var(--border-radius-sm);padding:20px;text-align:center}.loading-dots{display:flex;gap:8px;justify-content:center;margin-bottom:15px}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background:navy;background:var(--indian-blue);border-radius:50%;height:12px;width:12px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-text{color:navy;color:var(--indian-blue);font-size:1.1rem;font-weight:600}.success-message{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;border-radius:var(--border-radius-sm);color:#138808;color:var(--indian-green)}.error-status,.success-message{align-items:center;display:flex;font-size:1.1rem;font-weight:600;gap:15px;justify-content:center;padding:20px;text-align:center}.error-status{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;border-radius:var(--border-radius-sm);color:#ef4444;color:var(--danger-color)}.message-preview-container{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:30px}.message-header{justify-content:space-between;margin-bottom:30px}.message-badge,.message-header{align-items:center;display:flex}.message-badge{background:linear-gradient(135deg,#f93,navy);background:linear-gradient(135deg,var(--indian-saffron),var(--indian-blue));border-radius:25px;color:#fff;font-size:1rem;font-weight:700;gap:10px;padding:10px 25px}.generation-id{color:#64748b;font-family:Monaco,Consolas,monospace;font-size:.85rem;padding:6px 12px}.generation-id,.message-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;border-radius:var(--border-radius-sm)}.message-content{padding:35px}.salutation{border-bottom:2px solid #e2e8f0;color:navy;color:var(--indian-blue);font-size:1.6rem;font-weight:700;margin-bottom:25px;padding-bottom:15px}.message-body p{color:#475569;font-size:1.2rem;line-height:1.8;margin-bottom:25px}.highlight{background:#0000801a;border-radius:4px;color:navy;color:var(--indian-blue);font-weight:700;padding:2px 6px}.message-closing{border-top:2px solid #e2e8f0;margin-top:35px;padding-top:25px}.signature{margin-top:20px}.signature-line{color:#64748b;font-size:1.2rem;font-style:italic;margin-bottom:10px}.organization-name{color:navy;color:var(--indian-blue);font-size:1.8rem;font-weight:800;margin-bottom:5px}.division-name{color:#4f46e5;color:var(--primary-color);font-size:1.4rem;font-weight:600}.audio-player-container{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:30px}.player-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.player-header h3{font-size:1.5rem;font-weight:700}.player-header h3,.voice-label{color:navy;color:var(--indian-blue)}.voice-label{background:#0000801a;border:1px solid #00008033;border-radius:20px;font-weight:600;padding:8px 20px}.player-controls{margin-top:20px}.player-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}@media (max-width:768px){.player-buttons{grid-template-columns:1fr}}.play-button,.regenerate-button,.stop-button{font-size:1.2rem;padding:18px;width:100%}.audio-visualizer{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;border-radius:var(--border-radius-sm);height:180px;margin-bottom:30px;overflow:hidden}.audio-visualizer,.visualizer-bars{display:flex;justify-content:center}.visualizer-bars{align-items:flex-end;gap:4px;height:80%;padding:0 10px;width:100%}.visualizer-bar{animation:barMove 1.5s ease-in-out infinite alternate;background:linear-gradient(0deg,#f93,navy);background:linear-gradient(to top,var(--indian-saffron),var(--indian-blue));border-radius:4px 4px 0 0;flex:1 1;max-width:30px}@keyframes barMove{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.audio-placeholder{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:1.2rem;gap:20px;padding:20px;text-align:center}.audio-placeholder svg{color:#00008033;font-size:4rem}.download-section{text-align:center}.download-button{font-size:1.3rem;margin-bottom:15px;padding:20px 40px}.file-info{color:#64748b;font-size:1rem;font-style:italic}.instructions-container{padding:30px}.instructions-title{color:navy;color:var(--indian-blue);font-size:1.5rem;margin-bottom:25px;text-align:center}.instructions-steps{grid-gap:20px;display:grid;gap:20px}.step{align-items:flex-start;background:#f8fafc;border-left:4px solid #f93;border-left:4px solid var(--indian-saffron);border-radius:8px;border-radius:var(--border-radius-sm);display:flex;gap:20px;padding:20px}.step-number{align-items:center;background:navy;background:var(--indian-blue);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:800;height:40px;justify-content:center;width:40px}.step-content{color:#334155;color:var(--text-color);font-size:1.1rem;line-height:1.6;padding-top:6px}.footer{background:linear-gradient(135deg,navy,#4f46e5);background:linear-gradient(135deg,var(--indian-blue),var(--primary-color));border-radius:16px;border-radius:var(--border-radius);color:#fff;margin-top:40px;padding:40px;text-align:center}.footer-text{font-size:1.3rem;font-weight:600;margin-bottom:15px;opacity:.9}.footer-note{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.8}audio{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}@media (max-width:768px){.app{padding:15px}.header{padding:25px 20px}.logo{flex-direction:column;gap:15px;text-align:center}.logo h1{font-size:2rem}.logo h2{font-size:1.3rem}.header-subtitle{font-size:1.1rem;text-align:center}.header-badges{justify-content:center}.card-header{padding:20px}.card-header h2{font-size:1.5rem}.audio-player-container,.form,.message-preview-container{padding:20px}.message-content{padding:25px}.btn{font-size:1.1rem;padding:16px 24px}.generate-btn{padding:20px}}
/*# sourceMappingURL=main.9fa38779.css.map*/