body{font-family:Arial,sans-serif;margin:0;padding:0}nav.fixed-nav{flex-direction:column;margin-right:50px;position:fixed;right:0;top:50%;transform:translateY(-50%)}.nav-button,nav.fixed-nav{align-items:center;display:flex;z-index:99}.nav-button{border:1px solid #453dd8;border-radius:20em;color:#fff;cursor:pointer;height:.7em;justify-content:center;margin:15px;width:.7em}.active .nav-button,.nav-button:hover{transform:scale(1.4);transition:all .3s ease-in-out}.active .nav-button{background-color:#453dd8}@media (max-width:320px){.nav-button{height:10px;width:10px}.fixed-nav{margin-right:10px}}@media (max-width:414px){.nav-button{height:15px;width:15px}}@media (max-width:390px){.nav-button{height:12px;width:12px}}@media (max-width:430px){.nav-button{height:20px;width:20px}}@media (max-width:360px){.nav-button{height:10px;width:10px}}@media (max-width:412px){.nav-button{height:15px;width:15px}}@media (max-width:768px){.nav-button{height:25px;width:25px}.fixed-nav{margin-right:20px}}@media (max-width:1024px){.nav-button{height:30px;width:30px}}@media (max-width:600px){.nav-button{height:20px;width:20px}.fixed-nav{margin-right:15px}}@media (max-width:411px){.nav-button{height:15px;width:15px}}@media (max-width:300px){.fixed-nav{display:none}}.speech-assistant{font-family:Helvetica Neue,Arial,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0;position:relative;width:100vw}.controls{margin:30px 0;text-align:center}.controls-overlay{align-items:center;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:20px;z-index:10}button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#4285f4cc;border:none;border-radius:30px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:18px;padding:15px 30px;transition:all .3s ease}button:hover{background-color:#3367d6e6;box-shadow:0 6px 8px #00000026;transform:translateY(-2px)}button:active{transform:translateY(1px)}button.listening{animation:pulse 1.5s infinite;background-color:#ea4335cc}@keyframes pulse{0%{box-shadow:0 0 0 0 #ea4335b3}70%{box-shadow:0 0 0 10px #ea433500}to{box-shadow:0 0 0 0 #ea433500}}.transcript-container,.visualization-container{margin:0;padding:0}.transcript-badge{border-radius:20px;color:#333;margin-top:15px;max-width:80%;padding:8px 15px;text-align:center}.processed-overlay,.transcript-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffc;box-shadow:0 2px 10px #0000001a}.processed-overlay{border-radius:10px;bottom:20px;left:20px;max-height:30vh;overflow-y:auto;padding:15px;position:absolute;right:20px}h2{color:#333;font-size:28px;margin-bottom:30px;text-align:center}h3{color:#555;font-size:18px;margin-bottom:15px}.canvas-container{height:100%;left:0;position:absolute;top:0;width:100%}.error{background-color:#ffebeee6;color:#ea4335}.error,.loading{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;box-shadow:0 2px 6px #0000001a;margin:15px 0;padding:10px 15px}.loading{background-color:#fffc;color:#333;font-style:italic;text-align:center}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:Noto Sans;line-height:1;overflow-x:hidden}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}section{align-items:center;display:flex;justify-content:center;min-height:100vh;text-align:center}canvas{display:block;height:100%;width:100%}#about-section h1{font-size:2.5em;margin-bottom:20px}.horizontal-scroll{display:flex;overflow-x:auto;white-space:nowrap}.card{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;display:inline-block;margin:10px;padding:20px;width:300px}.card h2{font-size:1.5em}#chat-form{margin-top:20px}#chat-input{font-size:1em;padding:10px;width:80%}#chat-box{border:1px solid #ddd;margin-top:20px;max-height:300px;overflow-y:auto;padding:10px}.links a{color:#007bff;display:inline-block;font-size:1.2em;margin:10px;text-decoration:none}
/*# sourceMappingURL=main.7d1987de.css.map*/