:root{--primary-bg:#FDFBF6;--accent-purple:#4B0082;--accent-gold:#D4AF37;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-light:#666666;--text-white:#ffffff;--bg-light:#FFFEFA;--chat-bg:#f8f9fa;--assistant-bg:#ffffff;--user-bg:#4B0082;--user-text:#ffffff;--border-light:rgba(0, 0, 0, 0.12);--shadow-soft:0 2px 12px rgba(0, 0, 0, 0.08);--shadow-message:0 1px 3px rgba(0, 0, 0, 0.15);--border-radius:16px;--border-radius-small:8px;--transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}*{box-sizing:border-box;margin:0;padding:0}body.voice-page{font-family:'DM Sans','Helvetica Neue',sans-serif;background:var(--primary-bg);color:var(--text-primary);min-height:100vh;min-height:100dvh;overflow:hidden}.voice-wrapper{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:900px;margin:0 auto}.voice-header{background:var(--accent-purple);padding:1rem 1.25rem;position:relative;flex-shrink:0;box-shadow:0 2px 16px rgba(75,0,130,.25)}.voice-header::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent)}.voice-header-home{position:absolute;top:.75rem;right:.75rem;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;text-decoration:none;z-index:20;transition:background .2s}.voice-header-home:hover{background:rgba(255,255,255,.25)}.voice-header-content{text-align:center;padding:.25rem 2.5rem}.voice-header h1{font-family:'Playfair Display','Cormorant Garamond',Georgia,serif;font-size:1.15rem;font-weight:600;color:var(--text-white);margin-bottom:.15rem;letter-spacing:.01em}.voice-header .subtitle{font-size:.75rem;color:rgba(255,255,255,.7);font-weight:300}.voice-header-actions{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.5rem}.voice-status{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:rgba(255,255,255,.8)}.voice-status .status-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.voice-header-donate{display:inline-flex;align-items:center;gap:.5rem;background:rgba(212,175,55,.25);padding:.25rem .85rem;border-radius:20px;font-size:.8rem;font-weight:300;color:var(--accent-gold);text-decoration:none;transition:background .2s}.voice-header-donate:hover{background:rgba(212,175,55,.35)}.voice-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--chat-bg)}.voice-connection-status{text-align:center;padding:.75rem 1rem;font-size:.8rem;color:var(--text-light);background:var(--primary-bg);border-bottom:1px solid var(--border-light);flex-shrink:0;transition:all .3s ease}.voice-connection-status.listening{color:var(--accent-purple);font-weight:500}.voice-connection-status.speaking{color:var(--accent-gold);font-weight:500}.voice-connection-status.error{color:#dc2626;font-weight:500}.voice-connection-status .status-icon{display:inline-block;margin-right:.35rem;vertical-align:middle}.voice-transcript{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;scroll-behavior:smooth}.voice-transcript::-webkit-scrollbar{width:4px}.voice-transcript::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:4px}.transcript-welcome{text-align:center;padding:2rem 1rem;color:var(--text-light)}.transcript-welcome .welcome-icon{font-size:2rem;margin-bottom:.75rem;opacity:.5}.transcript-welcome h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.25rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.transcript-welcome p{font-size:.85rem;line-height:1.6;max-width:400px;margin:0 auto}.voice-message{display:flex;gap:.5rem;animation:fadeInUp .3s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.voice-message.user-message{flex-direction:row-reverse}.voice-message .message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.85rem;margin-top:.2rem}.voice-message.assistant-message .message-avatar{background:var(--accent-purple);color:var(--text-white)}.voice-message.user-message .message-avatar{background:var(--accent-gold);color:var(--text-primary)}.voice-message .message-content{max-width:80%}.voice-message .message-bubble{padding:.65rem 1rem;border-radius:var(--border-radius);font-size:.9rem;line-height:1.55;word-wrap:break-word}.voice-message.assistant-message .message-bubble{background:var(--assistant-bg);color:var(--text-primary);border-bottom-left-radius:4px;box-shadow:var(--shadow-message)}.voice-message.user-message .message-bubble{background:var(--user-bg);color:var(--user-text);border-bottom-right-radius:4px;box-shadow:var(--shadow-message)}.voice-message .message-time{font-size:.65rem;color:var(--text-light);margin-top:.25rem;padding:0 .25rem}.voice-message.user-message .message-time{text-align:right}.voice-message .streaming-cursor{display:inline-block;width:2px;height:1em;background:var(--accent-purple);margin-left:2px;animation:blink .8s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}.voice-visualizer{display:flex;align-items:center;justify-content:center;gap:3px;height:40px;padding:.5rem 0;flex-shrink:0;opacity:0;transition:opacity .3s ease}.voice-visualizer.active{opacity:1}.voice-visualizer .bar{width:3px;height:4px;background:var(--accent-purple);border-radius:2px;transition:height .1s ease}.voice-visualizer.listening .bar{background:var(--accent-purple)}.voice-visualizer.speaking .bar{background:var(--accent-gold)}.voice-visualizer .bar:first-child{animation:visualize 1.2s ease-in-out infinite 0s}.voice-visualizer .bar:nth-child(2){animation:visualize 1.2s ease-in-out infinite .1s}.voice-visualizer .bar:nth-child(3){animation:visualize 1.2s ease-in-out infinite .2s}.voice-visualizer .bar:nth-child(4){animation:visualize 1.2s ease-in-out infinite .3s}.voice-visualizer .bar:nth-child(5){animation:visualize 1.2s ease-in-out infinite .15s}.voice-visualizer .bar:nth-child(6){animation:visualize 1.2s ease-in-out infinite .25s}.voice-visualizer .bar:nth-child(7){animation:visualize 1.2s ease-in-out infinite 50ms}@keyframes visualize{0%,100%{height:4px}50%{height:28px}}.voice-controls{padding:1rem 1rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;background:var(--primary-bg);border-top:1px solid var(--border-light);flex-shrink:0}.mic-button{width:72px;height:72px;border-radius:50%;border:none;background:var(--accent-purple);color:var(--text-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;box-shadow:0 4px 20px rgba(75,0,130,.35)}.mic-button:hover{transform:scale(1.05);box-shadow:0 6px 28px rgba(75,0,130,.45)}.mic-button:active{transform:scale(.97)}.mic-button.listening{background:#dc2626;box-shadow:0 4px 20px rgba(220,38,38,.4);animation:micPulse 1.5s ease-in-out infinite}@keyframes micPulse{0%,100%{box-shadow:0 4px 20px rgba(220,38,38,.4)}50%{box-shadow:0 4px 36px rgba(220,38,38,.6),0 0 0 12px rgba(220,38,38,.1)}}.mic-button.disabled{background:var(--text-light);cursor:not-allowed;box-shadow:none}.mic-button.disabled:hover{transform:none}.mic-button .mic-icon{width:28px;height:28px;transition:transform .2s}.mic-button.listening .mic-icon{animation:micBounce .6s ease-in-out infinite alternate}@keyframes micBounce{from{transform:scale(1)}to{transform:scale(1.1)}}.mic-label{font-size:.8rem;color:var(--text-light);text-align:center;min-height:1.2em}.mic-label.active{color:var(--accent-purple);font-weight:500}.session-timer{font-size:.7rem;color:var(--text-light);text-align:center;padding:.25rem .75rem;background:rgba(0,0,0,.03);border-radius:12px;display:none}.session-timer.active{display:block}.permission-prompt{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.permission-card{background:var(--primary-bg);border-radius:var(--border-radius);padding:2rem;max-width:380px;width:90%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.15)}.permission-card .perm-icon{width:56px;height:56px;margin:0 auto 1rem;background:rgba(75,0,130,.08);border-radius:50%;display:flex;align-items:center;justify-content:center}.permission-card h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.permission-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.permission-card .perm-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border-radius:50px;border:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.permission-card .perm-btn-primary{background:var(--accent-purple);color:var(--text-white)}.permission-card .perm-btn-primary:hover{background:#3a0066}.permission-card .perm-btn-secondary{background:transparent;color:var(--text-light);margin-top:.75rem;font-size:.8rem}.voice-unsupported{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center}.voice-unsupported .unsupported-card{max-width:380px}.voice-unsupported h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.3rem;margin-bottom:.75rem;color:var(--text-primary)}.voice-unsupported p{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.voice-unsupported .fallback-link{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.5rem;background:var(--accent-purple);color:var(--text-white);border-radius:50px;text-decoration:none;font-size:.85rem;font-weight:500;transition:background .2s}.voice-unsupported .fallback-link:hover{background:#3a0066}@media (max-width:640px){.voice-header h1{font-size:1rem}.voice-header .subtitle{font-size:.7rem}.mic-button{width:64px;height:64px}.mic-button .mic-icon{width:24px;height:24px}.voice-message .message-content{max-width:85%}.voice-message .message-bubble{font-size:.85rem;padding:.55rem .85rem}}@media (min-width:641px) and (max-width:1024px){.voice-wrapper{max-width:700px}}@media (min-width:1025px){.voice-wrapper{max-width:800px;margin-top:0;border-left:1px solid var(--border-light);border-right:1px solid var(--border-light)}}