@import url(https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@300;400;500;600;700;800&family=SF+Pro+Text:wght@400;500;600&display=swap);:root{--light-bg:linear-gradient(135deg,#f0f9ff,#e0e7ff 50%,#fef3c7);--light-surface:#fffc;--light-surface-secondary:#fff9;--light-text-primary:#1f2937;--light-text-secondary:#6b7280;--light-border:#0000001a;--light-shadow:0 8px 32px #0000001a;--dark-bg:linear-gradient(135deg,#01080f,#030212 50%,#040322);--dark-surface:#020914cc;--dark-surface-secondary:#030c1a99;--dark-text-primary:#f8fafc;--dark-text-secondary:#cbd5e1;--dark-border:#ffffff1a;--dark-shadow:0 8px 32px #0000004d;--yellow-accent:#fbbf24;--yellow-accent-dark:#f59e0b;--primary-gradient:linear-gradient(135deg,#fbbf24,#f59e0b);--secondary-gradient:linear-gradient(135deg,#3b82f6,#1d4ed8);--blur-amount:20px;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55)}*{box-sizing:border-box;margin:0;padding:0}body,html{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}body{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh;overflow-x:hidden}.light-theme,[data-theme=light]{background:linear-gradient(135deg,#f0f9ff,#e0e7ff 50%,#fef3c7);background:var(--light-bg);color:#1f2937;color:var(--light-text-primary)}.light-theme .glass-container{background:#fffc;background:var(--light-surface);border:1px solid #0000001a;border:1px solid var(--light-border);box-shadow:0 8px 32px #0000001a;box-shadow:var(--light-shadow)}.light-theme .alternative-card,.light-theme .input-card,.light-theme .stat-card,.light-theme .voice-controls{background:#fff9;background:var(--light-surface-secondary);border:1px solid #0000001a;border:1px solid var(--light-border)}.light-theme .speech-textarea{background:#ffffffb3;border:2px solid #0000001a;border:2px solid var(--light-border);color:#1f2937;color:var(--light-text-primary)}.dark-theme,[data-theme=dark]{background:linear-gradient(135deg,#01080f,#030212 50%,#040322);background:var(--dark-bg);color:#f8fafc;color:var(--dark-text-primary)}.dark-theme .glass-container{background:#020914cc;background:var(--dark-surface);border:1px solid #ffffff1a;border:1px solid var(--dark-border);box-shadow:0 8px 32px #0000004d;box-shadow:var(--dark-shadow)}.dark-theme .alternative-card,.dark-theme .input-card,.dark-theme .stat-card,.dark-theme .voice-controls{background:#030c1a99;background:var(--dark-surface-secondary);border:1px solid #ffffff1a;border:1px solid var(--dark-border)}.dark-theme .speech-textarea{background:#1e293bb3;border:2px solid #ffffff1a;border:2px solid var(--dark-border);color:#f8fafc;color:var(--dark-text-primary)}.about-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--secondary-gradient);border:none;border-radius:50%;box-shadow:0 4px 20px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;font-weight:700;height:60px;justify-content:center;left:2rem;position:fixed;top:2rem;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce);width:60px;z-index:1000}.about-toggle:hover{box-shadow:0 8px 30px #3b82f666;transform:scale(1.1) rotate(-15deg)}.about-modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.about-content{animation:slideInScale .4s ease-out;background:#020914cc;background:var(--dark-surface);border:1px solid #ffffff1a;border:1px solid var(--dark-border);border-radius:20px;box-shadow:0 20px 50px #00000080;max-height:80vh;max-width:500px;padding:2rem;width:90%}.light-theme .about-content{background:#fffc;background:var(--light-surface);border:1px solid #0000001a;border:1px solid var(--light-border)}.about-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.about-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.close-btn{background:none;border:none;color:#cbd5e1;color:var(--dark-text-secondary);cursor:pointer;font-size:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.light-theme .close-btn{color:#6b7280;color:var(--light-text-secondary)}.close-btn:hover{color:#ef4444;transform:scale(1.2) rotate(90deg)}.carousel-container{text-align:center}.carousel-slide{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:1rem 0}.slide-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:1rem}.carousel-slide h3{color:#f8fafc;color:var(--dark-text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.light-theme .carousel-slide h3{color:#1f2937;color:var(--light-text-primary)}.carousel-slide p{color:#cbd5e1;color:var(--dark-text-secondary);font-size:1rem;line-height:1.6}.light-theme .carousel-slide p{color:#6b7280;color:var(--light-text-secondary)}.carousel-controls{align-items:center;display:flex;gap:2rem;justify-content:center;margin-top:2rem}.carousel-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--primary-gradient);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:40px;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce);width:40px}.carousel-btn:hover{transform:scale(1.2)}.carousel-indicators{display:flex;gap:.5rem}.indicator{background:#fbbf244d;border-radius:50%;cursor:pointer;height:12px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:12px}.indicator.active{background:#fbbf24;background:var(--yellow-accent);transform:scale(1.2)}.about-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--dark-border);margin-top:2rem;padding-top:1rem;text-align:center}.light-theme .about-footer{border-top:1px solid #0000001a;border-top:1px solid var(--light-border)}.about-footer p{color:#cbd5e1;color:var(--dark-text-secondary);font-size:.9rem;opacity:.8}.light-theme .about-footer p{color:#6b7280;color:var(--light-text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInScale{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--primary-gradient);border:none;border-radius:50%;box-shadow:0 4px 20px #fbbf244d;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;position:fixed;right:2rem;top:2rem;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce);width:60px;z-index:1000}.theme-toggle:hover{box-shadow:0 8px 30px #fbbf2466;transform:scale(1.1) rotate(15deg)}.theme-toggle:active{transform:scale(.95) rotate(15deg)}.app-container{min-height:100vh;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.background-animation{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.floating-shape{animation:float 20s linear infinite;border-radius:50%;opacity:.1;position:absolute}.shape-1{animation-delay:0s;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);height:300px;left:10%;top:10%;width:300px}.shape-2{animation-delay:-7s;background:linear-gradient(45deg,#667eea,#764ba2);height:200px;right:10%;top:60%;width:200px}.shape-3{animation-delay:-14s;background:linear-gradient(45deg,#f093fb,#f5576c);bottom:20%;height:150px;left:20%;width:150px}.shape-4{animation-delay:-10s;background:linear-gradient(45deg,#4facfe,#00f2fe);height:250px;right:30%;top:30%;width:250px}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}to{transform:translateY(0) rotate(1turn)}}.screen-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.glass-container{animation:slideInUp .8s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);backdrop-filter:blur(var(--blur-amount));-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(var(--blur-amount));border-radius:24px;max-width:1000px;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}@keyframes slideInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.glass-container:before{background:linear-gradient(90deg,#0000,#fbbf24,#0000);background:linear-gradient(90deg,#0000,var(--yellow-accent),#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.header-section{animation:fadeInUp 1s ease-out .3s both;margin-bottom:3rem;text-align:center}.main-title,.results-title{-webkit-text-fill-color:#0000;animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}@keyframes glow{0%{filter:drop-shadow(0 0 20px rgba(251,191,36,.3))}to{filter:drop-shadow(0 0 30px rgba(251,191,36,.5))}}.main-subtitle,.results-subtitle{font-size:1.25rem;font-weight:500;opacity:.8;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.light-theme .main-subtitle,.light-theme .results-subtitle{color:#6b7280;color:var(--light-text-secondary)}.dark-theme .main-subtitle,.dark-theme .results-subtitle{color:#cbd5e1;color:var(--dark-text-secondary)}.input-card{animation:slideInLeft .8s ease-out .4s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;margin-bottom:1rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.input-section{margin-bottom:2rem}.input-label{display:block;font-size:1.125rem;font-weight:600;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.light-theme .input-label{color:#1f2937;color:var(--light-text-primary)}.dark-theme .input-label{color:#f8fafc;color:var(--dark-text-primary)}.speech-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;font-family:inherit;font-size:1rem;min-height:150px;padding:1.5rem;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.speech-textarea:focus{border-color:#fbbf24!important;border-color:var(--yellow-accent)!important;box-shadow:0 0 0 4px #fbbf2433;outline:none;transform:translateY(-2px)}.speech-textarea.listening{animation:pulseGreen 2s infinite;border-color:#22c55e!important;box-shadow:0 0 0 4px #22c55e33}@keyframes pulseGreen{0%,to{box-shadow:0 0 0 4px #22c55e33}50%{box-shadow:0 0 0 8px #22c55e1a}}.speech-textarea::placeholder{opacity:.6}.light-theme .speech-textarea::placeholder{color:#6b7280;color:var(--light-text-secondary)}.dark-theme .speech-textarea::placeholder{color:#cbd5e1;color:var(--dark-text-secondary)}.transcribing-indicator{align-items:center;animation:slideInUp .5s ease-out;color:#22c55e;display:flex;font-weight:600;gap:.75rem;justify-content:center;margin-top:1rem}.pulse-dot{animation:pulse 1.5s infinite;background:#22c55e;border-radius:50%;height:12px;width:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.voice-controls{animation:slideInRight .8s ease-out .6s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;margin-bottom:2rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}@keyframes slideInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}.voice-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.voice-title{font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.light-theme .voice-title{color:#1f2937;color:var(--light-text-primary)}.dark-theme .voice-title{color:#f8fafc;color:var(--dark-text-primary)}.recording-indicator{animation:pulse 1s infinite;color:#dc2626;font-weight:700}.voice-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.clear-btn,.voice-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-weight:600;overflow:hidden;padding:.875rem 1.25rem;position:relative;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce)}.voice-btn.ready{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px #22c55e4d;color:#fff}.voice-btn.recording{animation:recordingPulse 1.5s infinite;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 15px #dc26264d;color:#fff;transform:scale(1.05)}@keyframes recordingPulse{0%,to{box-shadow:0 4px 15px #dc26264d}50%{box-shadow:0 8px 25px #dc262680}}.clear-btn{background:#6b728033;border:1px solid #6b72804d;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.light-theme .clear-btn{color:#1f2937;color:var(--light-text-primary)}.dark-theme .clear-btn{color:#f8fafc;color:var(--dark-text-primary)}.clear-btn:hover,.voice-btn:hover{transform:translateY(-3px) scale(1.02)}.clear-btn:active,.voice-btn:active{transform:translateY(-1px) scale(.98)}.voice-tip{font-size:.875rem;opacity:.8;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.light-theme .voice-tip{color:#6b7280;color:var(--light-text-secondary)}.dark-theme .voice-tip{color:#cbd5e1;color:var(--dark-text-secondary)}.warning-card{animation:slideInUp .5s ease-out;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:12px;color:#92400e;font-size:.875rem;margin-bottom:2rem;padding:1rem;text-align:center}.analyze-btn{align-items:center;animation:slideInUp .8s ease-out .8s both;background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--primary-gradient);border:none;border-radius:16px;box-shadow:0 8px 25px #fbbf244d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.125rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:1.5rem;overflow:hidden;padding:1.25rem 2rem;position:relative;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce);width:100%}.analyze-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.analyze-btn:hover:before{left:100%}.analyze-btn:hover:not(:disabled){box-shadow:0 15px 40px #fbbf2466;transform:translateY(-4px) scale(1.02)}.analyze-btn:active:not(:disabled){transform:translateY(-2px) scale(.98)}.analyze-btn:disabled{background:#9ca3af80;box-shadow:none;cursor:not-allowed;transform:none}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ready-indicator{animation:slideInUp .5s ease-out;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:12px;color:#059669;font-weight:600;padding:.875rem;text-align:center}.error-toast{animation:slideInRight .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#dc2626f2;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 25px #dc26264d;color:#fff;padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;z-index:1000}.error-content{gap:.75rem}.error-content,.intro-screen{align-items:center;display:flex}.intro-screen{bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);z-index:50}.light-theme .intro-screen{background:linear-gradient(135deg,#f0f9ff,#e0e7ff 50%,#fef3c7);background:var(--light-bg)}.dark-theme .intro-screen{background:linear-gradient(135deg,#01080f,#030212 50%,#040322);background:var(--dark-bg)}.intro-content{text-align:center}.logo-container{margin-bottom:3rem}.app-title{-webkit-text-fill-color:#0000;animation:titleEntrance 1.5s ease-out;background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-family:SF Pro Display,sans-serif;font-size:clamp(4rem,10vw,8rem);font-weight:800;letter-spacing:-.02em}@keyframes titleEntrance{0%{opacity:0;transform:translateY(50px) scale(.8)}50%{opacity:.7;transform:translateY(-10px) scale(1.1)}to{opacity:1;transform:translateY(0) scale(1)}}.subtitle{animation:fadeInUp 1s ease-out .5s both;font-size:1.5rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.light-theme .subtitle{color:#6b7280;color:var(--light-text-secondary)}.dark-theme .subtitle{color:#cbd5e1;color:var(--dark-text-secondary)}.loading-orb{animation:orbFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--primary-gradient);border-radius:50%;box-shadow:0 0 40px #fbbf2466;height:80px;margin:0 auto;width:80px}@keyframes orbFloat{0%,to{box-shadow:0 0 40px #fbbf2466;transform:translateY(0) scale(1)}50%{box-shadow:0 20px 60px #fbbf2499;transform:translateY(-20px) scale(1.1)}}.loading-screen{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);z-index:50}.light-theme .loading-screen{background:linear-gradient(135deg,#f0f9ff,#e0e7ff 50%,#fef3c7);background:var(--light-bg)}.dark-theme .loading-screen{background:linear-gradient(135deg,#01080f,#030212 50%,#040322);background:var(--dark-bg)}.loading-content{text-align:center}.main-loader{animation:spin 1.2s linear infinite;border:8px solid #fbbf2433;border-radius:50%;border-top-color:#fbbf24;border-top:8px solid var(--yellow-accent);box-shadow:0 0 30px #fbbf244d;height:100px;margin:0 auto 2rem;width:100px}.loading-title{font-family:SF Pro Display,sans-serif;font-size:2rem;font-weight:700;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.light-theme .loading-title{color:#1f2937;color:var(--light-text-primary)}.dark-theme .loading-title{color:#f8fafc;color:var(--dark-text-primary)}.loading-subtitle{font-size:1.125rem;margin-bottom:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.light-theme .loading-subtitle{color:#6b7280;color:var(--light-text-secondary)}.dark-theme .loading-subtitle{color:#cbd5e1;color:var(--dark-text-secondary)}.loading-dots{display:flex;gap:.5rem;justify-content:center}.dot{animation:bounce 1.4s ease-in-out infinite both;background:#fbbf24;background:var(--yellow-accent);border-radius:50%;height:12px;width:12px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.results-screen .glass-container{max-width:1200px}.stats-grid{grid-gap:1.5rem;animation:fadeInUp .8s ease-out .4s both;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce)}.stat-card:hover{transform:translateY(-8px) scale(1.02)}.stat-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.light-theme .stat-title{color:#1f2937;color:var(--light-text-primary)}.dark-theme .stat-title{color:#f8fafc;color:var(--dark-text-primary)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.demographics-list{display:flex;flex-direction:column;gap:.75rem}.demographic-item{align-items:center;display:flex;gap:.75rem}.demographic-dot{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--primary-gradient);border-radius:50%;flex-shrink:0;height:8px;width:8px}.alternatives-section{animation:fadeInUp .8s ease-out .6s both;margin-bottom:3rem}.alternatives-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.light-theme .alternatives-title{color:#1f2937;color:var(--light-text-primary)}.dark-theme .alternatives-title{color:#f8fafc;color:var(--dark-text-primary)}.alternatives-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.alternative-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;height:-webkit-fit-content;height:fit-content;overflow:hidden;padding:1.5rem;position:relative;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce)}.alternative-card:before{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--primary-gradient);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.alternative-card:hover:before{transform:scaleX(1)}.alternative-card:hover{transform:translateY(-10px) scale(1.02)}.alt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.alt-demographic{color:#9333ea;font-size:1rem;font-weight:600;margin:0}.play-btn{align-items:center;background:#3b82f633;border:none;border-radius:50%;color:#3b82f6;cursor:pointer;display:flex;font-size:1.1rem;height:45px;justify-content:center;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce);width:45px}.play-btn:before{background:radial-gradient(circle,#3b82f64d 0,#0000 70%);content:"";height:100%;position:absolute;transform:scale(0);transition:transform .3s ease;width:100%}.play-btn:hover:before{transform:scale(1)}.play-btn:hover{background:#3b82f64d;transform:scale(1.15)}.play-btn.playing{animation:playingPulse 1.5s infinite;background:#fbbf244d;color:#fbbf24;color:var(--yellow-accent)}@keyframes playingPulse{0%,to{box-shadow:0 0 0 0 #fbbf2466}50%{box-shadow:0 0 0 10px #fbbf2400}}.alt-speech{font-size:.95rem;line-height:1.6;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.light-theme .alt-speech{color:#1f2937;color:var(--light-text-primary)}.dark-theme .alt-speech{color:#f8fafc;color:var(--dark-text-primary)}.action-buttons{animation:fadeInUp .8s ease-out .8s both;display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem}.action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce)}.action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-btn:hover:before{left:100%}.action-btn.primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--primary-gradient);box-shadow:0 6px 20px #fbbf244d;color:#fff}.action-btn.secondary{background:#6b728033;border:1px solid #6b72804d}.light-theme .action-btn.secondary{color:#1f2937;color:var(--light-text-primary)}.dark-theme .action-btn.secondary{color:#f8fafc;color:var(--dark-text-primary)}.action-btn:hover{transform:translateY(-4px) scale(1.05)}.action-btn.primary:hover{box-shadow:0 10px 30px #fbbf2466}.audio-status{animation:fadeInUp .5s ease-out;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;color:#2563eb;font-weight:600;padding:1rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.alternatives-grid{gap:1rem}.alternatives-grid,.stats-grid{grid-template-columns:1fr}}@media (max-width:768px){.screen-container{padding:1rem}.glass-container{padding:1.5rem}.main-title,.results-title{font-size:2.5rem}.main-subtitle,.results-subtitle{font-size:1rem}.action-buttons,.voice-buttons{flex-direction:column}.action-buttons{align-items:center}.action-btn{max-width:300px;width:100%}.theme-toggle{font-size:1.2rem;height:50px;width:50px}}@media (max-width:480px){.app-title{font-size:3rem}.input-card{padding:1.5rem}.alternative-card,.voice-controls{padding:1rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.8ec1cc7c.css.map*/