body,html{margin:0;padding:0}*{box-sizing:border-box}.App{align-items:center;background:linear-gradient(90deg,#1e0a0a,#020b33);color:#fff;display:flex;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:1.5em;height:100vh;justify-content:center;text-align:center;width:100vw}h1,h2,h3,h4,h5,h6,p{padding:6px}.intro-container{align-items:center;background-attachment:fixed;background-image:url(/Impression/static/media/lake.c29396126bc01fcfdc55.gif);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-flow:column nowrap;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.intro-start-section{align-items:center;animation:fadeInUp .8s ease-out;display:flex;flex-direction:column;gap:2rem;text-align:center}.intro-title h1{color:#fff;font-size:3rem;font-weight:700;letter-spacing:-.02em;margin:0;text-shadow:2px 2px 8px #000000b3}.intro-title p{color:#ffffffe6;font-size:1.2rem;font-weight:300;margin:.5rem 0 0;text-shadow:1px 1px 4px #000000b3}.start-intro-btn{align-items:center;background:linear-gradient(135deg,#79ebb6,#5dd39e);border:none;border-radius:12px;box-shadow:0 4px 15px #79ebb64d;color:#0e4d2e;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:12px;justify-content:center;min-width:200px;outline:none;padding:18px 36px;transition:all .3s ease}.start-intro-btn:hover{background:linear-gradient(135deg,#8aefc4,#6de1a8);box-shadow:0 6px 20px #79ebb666;transform:translateY(-2px)}.start-intro-btn:active{transform:translateY(0)}.start-intro-btn:focus{outline:3px solid #79ebb680;outline-offset:2px}.btn-icon{font-size:1.2rem;transition:transform .3s ease}.start-intro-btn:hover .btn-icon{transform:translateX(4px)}.keyboard-hint{color:#ffffffb3;font-size:.9rem;text-shadow:1px 1px 3px #000000b3}.keyboard-hint kbd{background:#fff3;border-radius:4px;font-family:monospace;font-size:.8rem;padding:2px 6px}.intro-content{align-items:center;animation:fadeIn .5s ease-out;display:flex;flex-direction:column;gap:2rem;max-width:600px;width:100%}.typewriter-container{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:500;justify-content:center;min-height:60px;text-align:center;text-shadow:2px 2px 8px #000000b3}.skip-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.skip-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.skip-btn:focus{outline:2px solid #ffffff80;outline-offset:2px}.progress-container{align-items:center;display:flex;flex-direction:column;gap:8px;max-width:400px;width:100%}.progress-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#79ebb6,#5dd39e);border-radius:3px;box-shadow:0 0 10px #79ebb680;height:100%;transition:width .1s ease}.progress-text{color:#fffc;font-size:.9rem;text-shadow:1px 1px 3px #000000b3}.attributions{align-items:center;bottom:20px;display:flex;flex-direction:column;gap:8px;left:20px;position:absolute;right:20px;text-align:center}.gif-attribution,.music-attribution{color:#fff;font-size:12px;line-height:1.4;opacity:.7;text-shadow:2px 3px 5px #000}.music-attribution{order:-1}.gif-attribution a,.music-attribution a{color:#79ebb6;text-decoration:none;transition:color .3s ease}.gif-attribution a:hover,.music-attribution a:hover{color:#8aefc4;text-decoration:underline}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.intro-title h1{font-size:2.2rem}.intro-title p{font-size:1rem}.start-intro-btn{font-size:1rem;min-width:180px;padding:16px 28px}.typewriter-container{font-size:1.2rem}.attributions{bottom:10px;left:10px;right:10px}.gif-attribution,.music-attribution{font-size:11px}}.Landing{min-height:100vh;overflow:hidden;transition:background .8s ease}.Landing,.landing-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.landing-container{height:100%}.processing-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.processing-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 60px #0003;max-width:500px;padding:3rem 2rem;text-align:center;width:90%}.processing-spinner{border:4px solid #667eea4d;border-top-color:#667eea;height:60px;margin:0 auto 2rem;width:60px}.processing-title{color:#2d3748;font-size:1.75rem;font-weight:600;margin:0 0 .5rem;text-shadow:0 1px 2px #0000001a}.processing-subtitle{color:#718096;font-size:1rem;font-weight:500;margin:0 0 2rem}.transcript-preview{background:#667eea1a;border-left:4px solid #667eea;border-radius:12px;padding:1rem}.transcript-text{color:#4a5568;font-size:1rem;font-style:italic;line-height:1.5;margin:0}.error-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.error-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 20px 60px #0003;max-width:500px;padding:3rem 2rem;text-align:center;width:90%}.error-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3rem;margin-bottom:1rem}.error-title{color:#e53e3e;font-size:1.75rem;font-weight:600;margin:0 0 1rem;text-shadow:0 1px 2px #0000001a}.error-message{color:#4a5568;font-size:1rem;line-height:1.5;margin:0 0 2rem}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.retry-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.retry-button:active{transform:translateY(0)}@media (max-width:768px){.error-content,.processing-content{margin:1rem;padding:2rem 1.5rem}.error-title,.processing-title{font-size:1.5rem}.processing-spinner{border-width:3px;height:50px;width:50px}.error-icon{font-size:2.5rem}}@media (max-width:480px){.error-content,.processing-content{margin:.5rem;padding:1.5rem 1rem}.error-title,.processing-title{font-size:1.25rem}.processing-subtitle,.retry-button,.transcript-text{font-size:.9rem}.retry-button{padding:.75rem 1.5rem}}.speech-input-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative;width:100%}.header-section{margin-bottom:3rem;text-align:center}.header-section h1{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:2rem;font-weight:600;gap:.75rem;justify-content:center;margin:0;text-shadow:0 2px 4px #0000004d}.header-section h1 img{border-radius:8px;box-shadow:0 4px 8px #0003}.error-message{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;max-width:400px;padding:1.5rem;text-align:center}.error-icon{display:block;font-size:2rem;margin-bottom:.5rem}.error-message p{color:#e53e3e;font-size:1rem;font-weight:500;margin:0 0 1rem}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.retry-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.mic-container{flex-direction:column;gap:2rem}.mic-container,.wrap{align-items:center;display:flex;position:relative}.wrap{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 32px #0000001a;cursor:pointer;height:120px;justify-content:center;overflow:hidden;transition:all .3s ease;width:120px}.wrap:focus{outline:3px solid #ffffff80;outline-offset:4px}.mic{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}.mic-icon{color:#fff;font-size:1.5rem;z-index:2}.mic[data-listen=true]{background:linear-gradient(135deg,#e53e3e,#c53030);transform:scale(.9)}.wrap[data-listen=true]{background:#e53e3e1a;box-shadow:0 12px 40px #e53e3e4d;transform:scale(1.1)}.mic[data-processing=true]{background:linear-gradient(135deg,#38a169,#2f855a)}.wrap[data-processing=true]{background:#38a1691a;box-shadow:0 12px 40px #38a1694d}.pulse-ring{animation:pulse 1.5s infinite;border:2px solid #e53e3e99;border-radius:50%}.processing-spinner,.pulse-ring{height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.processing-spinner{animation:spin 1s linear infinite;border:3px solid #38a1694d;border-radius:50%;border-top-color:#38a169}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.status-section{align-items:center;display:flex;flex-direction:column;gap:1rem;min-height:60px;text-align:center}.status-text{color:#fff;font-size:1.25rem;font-weight:500;margin:0;text-shadow:0 1px 2px #0000004d}.transcript-display{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001a;max-width:500px;padding:1.5rem;width:100%}.transcript-content{line-height:1.6;text-align:left}.final-text{color:#2d3748;font-weight:500}.interim-text{color:#718096;font-style:italic}.use-text-intead{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fffc;cursor:pointer;margin-top:2rem;padding:1rem 2rem;transition:all .3s ease}.use-text-intead:hover{background:#fff3;box-shadow:0 4px 12px #0003;color:#fff;transform:translateY(-2px)}.use-text-intead p{font-size:1rem;font-weight:500;margin:0}@media (max-width:768px){.speech-input-banner{padding:1.5rem 1rem}.header-section h1{flex-direction:column;font-size:1.5rem;gap:.5rem}.wrap{height:100px;width:100px}.mic{height:50px;width:50px}.mic-icon{font-size:1.25rem}.status-text{font-size:1.125rem}.transcript-display{max-width:100%;padding:1rem}}@media (max-width:480px){.speech-input-banner{padding:1rem .75rem}.header-section h1{font-size:1.25rem}.wrap{height:90px;width:90px}.mic{height:45px;width:45px}.mic-icon,.status-text{font-size:1rem}}.mic-support-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:0;position:relative}.mic-support-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:800px;padding:2rem;width:100%}.mic-support-header{margin-bottom:2rem;text-align:center}.title-section{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:2.5rem}.title{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0;text-shadow:0 2px 4px #0000004d}.feedback{color:#ffffffe6;font-size:1.25rem;font-weight:500;line-height:1.5;margin:0 0 1rem;text-shadow:0 1px 2px #0003}.hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fffc;font-size:1rem;font-style:italic;line-height:1.4;margin:0;padding:.75rem 1rem;transition:all .3s ease}.hint[data-explicit=true]{background:#ffffff26;cursor:pointer}.hint[data-explicit=true]:hover{background:#ffffff40;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.textarea-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex:1 1;flex-direction:column;min-height:300px;padding:1.5rem}.custom-textarea{background:#0000!important;border:none!important;color:#2d3748!important;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:1rem!important;line-height:1.6!important;outline:none!important;padding:0!important;resize:none!important}.custom-textarea::placeholder{color:#a0aec0!important;font-style:italic}.textarea-footer{border-top:1px solid #0000001a;display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.char-count{color:#718096;font-size:.875rem;font-weight:500}.mic-support-submit-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 -4px 20px #0000001a;cursor:pointer;display:flex;gap:.75rem;justify-content:center;padding:1.25rem 2rem;transition:all .3s ease}.mic-support-submit-btn[data-enabled=false]{background:linear-gradient(135deg,#a0aec0,#718096);cursor:not-allowed;opacity:.6}.submit-text{color:#fff;font-size:1.125rem;font-weight:600;margin:0;text-shadow:0 1px 2px #0003}.submit-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.25rem}@media (max-width:768px){.mic-support-content{padding:1.5rem 1rem}.title{font-size:1.75rem}.feedback{font-size:1.125rem}.hint{font-size:.9rem}.textarea-container{min-height:250px;padding:1rem}.mic-support-submit-btn{padding:1rem 1.5rem}.submit-text{font-size:1rem}}@media (max-width:480px){.mic-support-content{padding:1rem .75rem}.title{font-size:1.5rem}.icon{font-size:2rem}.textarea-container{min-height:200px;padding:.75rem}}.feedback-container{background:linear-gradient(135deg,#667eea,#764ba2);box-sizing:border-box;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.feedback-container,.feedback-content{align-items:center;display:flex;flex-direction:column}.feedback-content{gap:2rem;max-width:600px;text-align:center;width:100%}.feedback-header{align-items:center;display:flex;flex-direction:column;gap:1rem}.feedback-icon{animation:bounce 2s infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:4rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.feedback-text{color:#fff;font-size:2rem;font-weight:600;letter-spacing:-.02em;line-height:1.4;margin:0;text-shadow:0 2px 4px #0000004d}.score-section{max-width:400px;width:100%}.score-display{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:2rem}.score-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.score-text{color:#2d3748;font-size:1.125rem;font-weight:600}.score-value{font-size:2rem;font-weight:700;text-shadow:0 1px 2px #0000001a}.score-bar-container{background:#0000001a;border-radius:6px;height:12px;margin-bottom:1rem;overflow:hidden;width:100%}.score-bar{border-radius:6px;box-shadow:0 2px 4px #0000001a;height:100%;transition:all .3s ease}.score-description{text-align:center}.score-label-text{font-size:1.25rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.feedback-actions{max-width:400px;width:100%}.feedback-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #0000001a;cursor:pointer;display:flex;gap:.75rem;justify-content:center;overflow:hidden;padding:1.25rem 2rem;position:relative;transition:all .3s ease;width:100%}.feedback-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.feedback-btn:hover:before{left:100%}.feedback-btn:focus{outline:3px solid #ffffff80;outline-offset:4px}.btn-text{color:#fff;font-size:1.125rem;font-weight:600;margin:0;text-shadow:0 1px 2px #0003;z-index:1}.btn-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.25rem;z-index:1}.feedback-container[data-feedback-type=positive]{background:linear-gradient(135deg,#38a169,#2f855a)}.feedback-container[data-feedback-type=negative]{background:linear-gradient(135deg,#e53e3e,#c53030)}.feedback-container[data-feedback-type=neutral]{background:linear-gradient(135deg,#718096,#4a5568)}.feedback-container[data-feedback-type=mixed]{background:linear-gradient(135deg,#d69e2e,#b7791f)}@media (max-width:768px){.feedback-container{padding:1.5rem 1rem}.feedback-text{font-size:1.75rem}.feedback-icon{font-size:3rem}.score-display{padding:1.5rem}.score-value{font-size:1.75rem}.feedback-btn{padding:1rem 1.5rem}.btn-text{font-size:1rem}}@media (max-width:480px){.feedback-container{padding:1rem .75rem}.feedback-text{font-size:1.5rem}.feedback-icon{font-size:2.5rem}.score-display{padding:1rem}.score-value{font-size:1.5rem}.score-label-text,.score-text{font-size:1rem}}
/*# sourceMappingURL=main.d1e8c230.css.map*/