body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;overflow:hidden;padding:0;position:fixed;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{background:linear-gradient(135deg,#eff6ff,#e0e7ff);flex-direction:column;height:100vh;left:0;overflow:hidden;top:0;width:100vw}.app-container,.pura-link{display:flex;position:fixed}.pura-link{align-items:center;background:#fff;border-radius:4px;bottom:10px;font-size:.5rem;gap:5px;left:10px;opacity:.8;padding:4px 6px;transition:opacity .3s ease;z-index:9999}.pura-link,.pura-link:hover{color:#000;text-decoration:none}.pura-link:hover{opacity:1}.pura-logo{height:10px;width:10px}.avatar-container{flex:1 1;height:calc(100vh - 200px);position:relative;width:100%}.avatar-container div{height:250vh!important}.controls-container{background:#0000;bottom:0;left:0;padding:1rem;position:fixed;right:0;z-index:1000}.token-input{box-sizing:border-box;margin:0 auto 1rem;max-width:28rem;width:100%}@media (max-width:768px){.controls-container{background:#0000;padding:1rem}.token-input{margin:0 0 1.5rem!important;max-width:100%!important;padding:0!important;width:100%!important}.button-group{gap:1.5rem;justify-content:center}.circular-button{height:60px;width:60px}.pura-link{bottom:15px;font-size:.45rem;left:15px;max-width:120px;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}.pura-logo{height:10px;width:10px}}@media (max-width:480px){.controls-container{padding:1.25rem}.token-input{margin:0 0 2rem!important;max-width:100%!important;width:100%!important}.circular-button{height:65px;width:65px}.button-group{gap:2rem}.pura-link{bottom:20px;font-size:.4rem;left:20px;max-width:100px;overflow:hidden;padding:3px 5px;text-overflow:ellipsis;white-space:nowrap}}.button-group{align-items:center;display:flex;gap:.75rem;justify-content:center}.recording-indicator{animation:pulse 2s infinite;background:#ef4444;border-radius:50%;height:1rem;position:absolute;right:1rem;top:1rem;width:1rem}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#2563eb;height:1.5rem;width:1.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}.circular-button{align-items:center;border:none;border-radius:50%;box-shadow:0 3px 8px #0000003d;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.speak-button{background:#532b61;color:#fff}.speak-button:hover:not(:disabled){background:#422050;transform:scale(1.05)}.speak-button:disabled{cursor:not-allowed;opacity:.5}.speak-button.speaking{animation:pulse 1.5s ease-in-out infinite;background:#dc2626}.speak-button.speaking:hover{background:#b91c1c}.record-button{background:#dc2626;color:#fff}.record-button:hover:not(:disabled){background:#b91c1c;transform:scale(1.05)}.record-button.recording{animation:pulse 1s infinite;background:#7f1d1d}.record-button:disabled{cursor:not-allowed;opacity:.3}.record-button:disabled,.record-button:disabled:hover{background:#9ca3af;transform:none}.input-container{width:100%}.input-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.required{color:#ef4444;margin-left:.25rem}.input-field{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-sizing:border-box!important;color:#111827;display:block;font-size:1rem;line-height:1.5;padding:.5rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%!important}.input-field:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.input-field:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.5}.input-field::placeholder{color:#9ca3af}@media (max-width:768px){.input-field{border-radius:.75rem!important;border-width:2px!important;font-size:1.1rem!important;min-height:50px!important;padding:1rem!important;width:100%!important}.input-label{font-size:1rem!important;font-weight:600!important;margin-bottom:.75rem!important}}@media (max-width:480px){.input-field{border-radius:1rem!important;border-width:2px!important;font-size:1.2rem!important;min-height:56px!important;padding:1.25rem!important;width:100%!important}.input-label{font-size:1.1rem!important;margin-bottom:1rem!important}.input-container{width:100%!important}}
/*# sourceMappingURL=main.603ea2e4.css.map*/