@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f3ff;font-family:Inter,system-ui,sans-serif;min-height:100vh}.vox-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.vox-card{background:#fff;border:1.5px solid #efecf3;border-radius:24px;color:#1f2937;max-width:580px;overflow:hidden;padding:48px 32px;position:relative;width:100%}.vox-card:before{background:radial-gradient(circle at 20% 30%,#a78bfa0d,#0000 50%),radial-gradient(circle at 80% 70%,#c4b5fd08,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.vox-content{position:relative;z-index:1}.vox-header{margin-bottom:40px;text-align:center}.vox-logo{align-items:center;display:inline-flex;gap:14px;margin-bottom:10px}.vox-icon{background:linear-gradient(135deg,#a78bfa,#c4b5fd);border-radius:50%;box-shadow:0 8px 24px #8b5cf640;height:52px;position:relative;width:52px}.vox-ring{animation:ring 3s ease-out infinite;border:1px solid #a78bfa66;border-radius:50%;left:50%;position:absolute;top:50%}.vox-ring:first-child{height:36px;margin-left:-18px;margin-top:-18px;width:36px}.vox-ring:nth-child(2){animation-delay:.6s;height:46px;margin-left:-23px;margin-top:-23px;width:46px}.vox-ring:nth-child(3){animation-delay:1.2s;height:56px;margin-left:-28px;margin-top:-28px;width:56px}.vox-mic-icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.vox-title{color:#1f2937;font-size:28px;font-weight:700;margin:0}.vox-badge{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:20px;box-shadow:0 4px 12px #8b5cf640;color:#fff;font-size:10px;font-weight:600;letter-spacing:.05em;padding:3px 8px;text-transform:uppercase}.vox-subtitle{color:#6b7280;font-size:13px;letter-spacing:.02em;margin:0}.consent-row{display:flex;justify-content:center;margin-top:18px}.consent-label{align-items:flex-start;cursor:pointer;display:flex;gap:12px;max-width:520px;text-align:left}.consent-check-wrapper{flex-shrink:0;margin-top:2px;position:relative}.consent-checkbox{height:0;opacity:0;position:absolute;width:0}.consent-checkmark{align-items:center;background:#fff;border:1.5px solid #c4b5fd;border-radius:5px;cursor:pointer;display:flex;height:18px;justify-content:center;transition:all .2s ease;width:18px}.consent-checkbox:checked+.consent-checkmark{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf659}.consent-label:hover .consent-checkmark{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa26}.consent-text{color:gray;font-size:12px!important;line-height:25px!important;-webkit-user-select:none;user-select:none}.consent-link{background:none;border:none;color:#7c3aed;cursor:pointer;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease}.consent-link:hover{color:#5b21b6}.statement-section{animation:slideIn .6s ease .1s both;margin-bottom:28px}.statement-label{align-items:center;display:flex;gap:10px;margin-bottom:14px}.statement-dot{animation:pulse 2s infinite;background:#8b5cf6;border-radius:2px;height:6px;width:6px}.statement-text-label{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.statement-card{background:#ede9fe;border:1.5px solid #ddd6fe;border-radius:20px;box-shadow:0 8px 32px #8b5cf614;padding:20px 32px;transition:all .4s ease}.statement-card.recording{background:#f5f3ff;border-color:#a78bfa;box-shadow:0 0 40px #8b5cf633}.statement-card p{color:#1f2937;font-size:16px;line-height:24px;margin:0}.recording-indicator{animation:slideIn .3s ease;display:flex;justify-content:center;margin:20px 0}.recording-badge{align-items:center;background:#ef44441a;border:1.5px solid #ef44444d;border-radius:50px;display:flex;gap:12px;padding:12px 20px}.recording-dot{animation:pulse 1s infinite;background:#ef4444;border-radius:50%;height:10px;width:10px}.recording-label{color:#ef4444;font-size:13px;font-weight:500}.recording-time{color:#ef4444;font-family:monospace;font-size:13px;font-weight:600}.recording-wave{display:flex;gap:2px;margin-left:6px}.wave-bar{animation:wave .6s ease-in-out infinite;background:#ef4444;border-radius:2px;width:3px}.wave-bar:first-child{height:6px}.wave-bar:nth-child(2){animation-delay:.1s;height:14px}.wave-bar:nth-child(3){animation-delay:.2s;height:20px}.wave-bar:nth-child(4){animation-delay:.3s;height:10px}.wave-bar:nth-child(5){animation-delay:.4s;height:16px}.playback-section{animation:slideIn .4s ease;background:#ede9fe;border:1.5px solid #ddd6fe;border-radius:16px;margin:20px 0;padding:18px 20px}.playback-controls{align-items:center;display:flex;gap:16px}.play-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:50%;box-shadow:0 4px 12px #8b5cf640;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.play-button:hover{box-shadow:0 6px 16px #8b5cf659;transform:scale(1.05)}.playback-progress{flex:1 1}.progress-bar{background:#ddd6fe;border-radius:3px;cursor:pointer;height:5px;margin-bottom:8px;overflow:hidden}.progress-bar:hover{height:7px;transition:height .2s ease}.progress-fill{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:3px;height:100%;transition:width .1s}.progress-time{display:flex;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Consolas,monospace;font-size:12px;font-weight:500;justify-content:space-between}.progress-played{color:#8b5cf6}.progress-total{color:#6b7280}.status-message{align-items:center;animation:slideIn .3s ease;border-radius:14px;display:flex;gap:12px;margin:16px 0;padding:14px 18px}.status-message.loading{background:#ede9fe;border:1.5px solid #ddd6fe}.status-message.success{background:#10b9811a;border:1.5px solid #10b9814d}.status-message.error{background:#f43f5e1a;border:1.5px solid #f43f5e4d}.status-spinner{animation:spin .7s linear infinite;border:2px solid #ddd6fe;border-radius:50%;border-top-color:#8b5cf6;height:20px;width:20px}.status-text{color:#1f2937;font-size:13px;font-weight:500}.button-group{animation:slideIn .6s ease .3s both;display:flex;flex-direction:column;gap:10px;margin-top:28px}.vox-button{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:16px 28px;transition:all .3s ease}.vox-button:disabled{cursor:not-allowed;opacity:.5}.btn-record{background:linear-gradient(135deg,#8b5cf6,#a78bfa);box-shadow:0 4px 20px #8b5cf64d;color:#fff}.btn-record:hover:not(:disabled){box-shadow:0 6px 24px #8b5cf666;transform:translateY(-2px)}.btn-disabled-consent{background:linear-gradient(135deg,#c4b5fd,#ddd6fe)!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.65!important}.btn-stop{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 20px #dc26264d;color:#fff}.btn-stop:hover:not(:disabled){box-shadow:0 6px 24px #dc262666;transform:translateY(-2px)}.submit-button{background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;box-shadow:0 4px 20px #10b9814d;font-size:14px}.submit-button:hover:not(:disabled){box-shadow:0 6px 24px #10b98166;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.5}.btn-reset{background:#ede9fe;border:1.5px solid #ddd6fe;color:#6b7280;font-size:13px;font-weight:500;padding:14px 24px}.btn-reset:hover:not(:disabled){background:#ddd6fe;border-color:#c4b5fd;color:#1f2937}.hint-box{animation:slideIn .6s ease .4s both;background:#ede9fe;border:1.5px solid #ddd6fe;border-radius:14px;display:flex;gap:14px;margin-top:28px;padding:18px 20px}.hint-icon{color:#6b7280;flex-shrink:0;margin-top:2px}.hint-text{color:#6b7280;font-size:13px;line-height:1.6;margin:0}.modal-overlay{animation:fadeIn .2s ease;background:#00000059;padding:20px;z-index:1000}.modal-box{animation:slideInModal .25s ease;background:#fff;border:1px solid #f3f4f6;border-radius:20px;box-shadow:0 24px 64px #00000026;display:flex;flex-direction:column;max-height:550px;max-width:1000px;overflow:hidden;width:100%}.modal-header{border-bottom:1.5px solid #f3f4f6;flex-shrink:0;padding:24px 28px 20px}.modal-title{color:#1f2937;font-size:18px;font-weight:700;margin:0}.modal-close{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .2s ease;width:34px}.modal-close:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.modal-body{color:#6b7280;font-size:14px;line-height:1.7;overflow-y:auto;padding:24px 28px 28px}.modal-body p{margin-bottom:8px}.modal-body h3{color:#374151;font-size:13px;font-weight:700;letter-spacing:.06em;margin:20px 0 8px;text-transform:uppercase}.modal-body::-webkit-scrollbar{width:5px}.modal-body::-webkit-scrollbar-track{background:#f9fafb;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#ddd6fe;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#c4b5fd}@keyframes ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes slideInModal{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.vox-card{border-radius:20px;padding:32px 24px}.vox-title{font-size:24px}.statement-card{padding:28px 24px}.statement-card p{font-size:18px}.modal-box{max-height:85vh}.modal-header{padding:20px 20px 16px}.modal-body{padding:20px 20px 24px}}:root{--primary-purple:#7c3aed;--primary-purple-light:#a78bfa;--primary-purple-dark:#6d28d9;--accent-blue:#3b82f6;--accent-pink:#ec4899;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-light:#e5e7eb;--border-medium:#d1d5db;--border-dark:#9ca3af;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-container{background:#fff;background:var(--white);color:#111827;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;overflow:hidden;position:relative}.background-wrapper{inset:0;pointer-events:none;position:fixed;z-index:0}.login-footer-update{align-items:center;display:flex;justify-content:center;margin-top:40px}.orb{border-radius:50%;filter:blur(80px);opacity:.15;position:absolute}.orb-1{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#a78bfa,#0000 70%);height:500px;right:-100px;top:-250px;width:500px}.orb-2{animation:float 25s ease-in-out 5s infinite;background:radial-gradient(circle,#c084fc,#0000 70%);bottom:-150px;height:400px;left:-100px;width:400px}.orb-3{animation:float 18s ease-in-out 10s infinite;background:radial-gradient(circle,#e9d5ff,#0000 70%);height:350px;left:50%;top:50%;transform:translate(-50%,-50%);width:350px}.grid-pattern{display:none}.content-wrapper{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:480px;min-height:100vh;opacity:0;padding:60px 20px;position:relative;transition:all .6s ease;z-index:1}.login-container.mounted .content-wrapper{opacity:1}.header{animation:fadeIn .8s ease .2s both;margin-bottom:48px;text-align:center}.logo-container{display:inline-flex;gap:12px;margin-bottom:12px}.logo-container,.logo-icon{align-items:center;justify-content:center}.logo-icon{background:linear-gradient(135deg,#a78bfa,#c084fc);border-radius:50%;box-shadow:0 8px 24px #7c3aed40;display:flex;height:56px;position:relative;width:56px}.ring{animation:spin 3s linear infinite;border:2px solid #a78bfa4d;border-radius:50%;left:50%;position:absolute;top:50%}.ring-1{height:40px;margin-left:-20px;margin-top:-20px;width:40px}.ring-2{animation-direction:reverse;animation-duration:4s;height:50px;margin-left:-25px;margin-top:-25px;width:50px}.ring-3{animation-duration:5s;height:60px;margin-left:-30px;margin-top:-30px;width:60px}.mic-icon{color:#fff;color:var(--white);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.logo-text{color:#111827;color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:-.02em;margin:0}.pro-badge{background:linear-gradient(135deg,#a78bfa,#c084fc);border-radius:20px;color:#fff;color:var(--white);font-size:11px;font-weight:600;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.tagline{color:#6b7280;color:var(--text-secondary);font-size:15px;font-weight:400;margin:0}.card-wrapper{animation:slideIn .6s ease .4s both;background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:24px;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);padding:40px 32px}.input-group{margin-bottom:24px}.input-group:last-of-type{margin-bottom:28px}.input-label{color:#111827;color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-wrapper{position:relative}.input-icon{color:#9ca3af;color:var(--text-tertiary);left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-field{background:#fff;background:var(--white);border:1.5px solid #d1d5db;border:1.5px solid var(--border-medium);border-radius:12px;box-sizing:border-box;color:#111827;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-size:15px;outline:none;padding:14px 16px 14px 48px;transition:all .2s ease;width:100%}.input-field::placeholder{color:#9ca3af;color:var(--text-tertiary)}.input-field:hover{border-color:#9ca3af;border-color:var(--border-dark)}.input-field:focus{border-color:#7c3aed;border-color:var(--primary-purple);box-shadow:0 0 0 4px #7c3aed1a}.pin-input{letter-spacing:.15em;padding-right:48px}.eye-button{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;color:var(--text-tertiary);cursor:pointer;display:flex;padding:6px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease}.eye-button:hover{background:#f3f4f6;background:var(--gray-100);color:#6b7280;color:var(--text-secondary)}.eye-button:active{transform:translateY(-50%) scale(.95)}.error-message{align-items:center;animation:slideIn .3s ease;background:#fef2f2;border:1.5px solid #fecaca;border-radius:12px;color:#991b1b;display:flex;gap:10px;margin-bottom:24px;padding:14px 16px}.error-message svg{color:#dc2626;flex-shrink:0}.error-message span{font-size:14px;font-weight:500}.submit-button{align-items:center;background:linear-gradient(135deg,#7c3aed,#a78bfa);border:none;border-radius:12px;box-shadow:0 4px 14px #7c3aed4d;color:#fff;color:var(--white);cursor:pointer;display:flex;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:16px 28px;transition:all .3s ease;width:100%}.submit-button:hover{background:linear-gradient(135deg,#6d28d9,#9333ea);box-shadow:0 8px 20px #7c3aed66;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.submit-button svg{color:#fff;color:var(--white)}.info-box{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:12px;display:flex;gap:14px;margin-top:28px;padding:18px 20px}.info-icon{flex-shrink:0;margin-top:2px}.info-box p,.info-icon{color:#6b7280;color:var(--text-secondary)}.info-box p{font-size:14px;line-height:1.6;margin:0}.footer{animation:fadeIn .8s ease .6s both;justify-content:space-between;margin-top:48px}.footer,.footer-status{align-items:center;display:flex}.footer-status{color:#6b7280;color:var(--text-secondary);font-size:13px;font-weight:500;gap:8px}.status-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e66;height:6px;width:6px}.footer-brand{color:#6b7280;color:var(--text-secondary);font-size:13px;font-weight:500}@media (max-width:640px){.content-wrapper{padding:40px 16px}.card-wrapper{padding:32px 24px}.logo-text{font-size:28px}.logo-icon{height:48px;width:48px}.header{margin-bottom:36px}.footer{flex-direction:column;gap:12px;margin-top:40px;text-align:center}}@media (max-width:480px){.content-wrapper{padding:32px 16px}.card-wrapper{padding:28px 20px}.input-field{font-size:16px}}@media (min-width:641px) and (max-width:1024px){.content-wrapper{padding:60px 32px}}.eye-button:focus-visible,.input-field:focus-visible,.submit-button:focus-visible{outline:2px solid #7c3aed;outline:2px solid var(--primary-purple);outline-offset:2px}.modal-overlay{align-items:center;animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.privacy-modal{animation:slideUp .3s ease;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;height:550px;max-width:1000px;padding:20px;width:100%}.modal-header{align-items:center;background:#fff;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#374151;font-size:18px;margin:0}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;transition:.2s}.modal-close:hover{color:#111827;transform:scale(1.1)}.modal-content{flex:1 1;overflow-y:auto;padding-right:6px}.modal-content p{color:#4b5563;font-size:13px;line-height:1.6;margin-bottom:12px}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.modal-content::-webkit-scrollbar-track{background:#0000}.privacy-link{color:#374151;cursor:pointer;font-size:12px}.privacy-link:hover{text-decoration:underline}@media (max-width:480px){.privacy-modal{height:90vh}}.pin-boxes-wrapper{align-items:center;display:flex;gap:10px;position:relative}.pin-box{background:#fff;background:var(--white);border:1.5px solid #d1d5db;border:1.5px solid var(--border-medium);border-radius:12px;caret-color:#7c3aed;caret-color:var(--primary-purple);color:#111827;color:var(--text-primary);flex-shrink:0;font-family:Inter,system-ui,sans-serif;font-size:20px;font-weight:500!important;height:45px;letter-spacing:.1em;outline:none;text-align:center;transition:all .2s ease;width:75px}.pin-box:hover{border-color:#9ca3af;border-color:var(--border-dark)}.pin-box:focus{border-color:#7c3aed;border-color:var(--primary-purple);box-shadow:0 0 0 4px #7c3aed1a}.pin-box:not(:placeholder-shown){background:#f9fafb;background:var(--gray-50);border-color:#a78bfa;border-color:var(--primary-purple-light)}.pin-eye-button{margin-left:4px;position:static;transform:none}.pin-eye-button:active{transform:scale(.95)}@media (max-width:480px){.pin-box{font-size:18px;height:52px;width:56px}}
/*# sourceMappingURL=main.ddc34aee.css.map*/