body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.intro-screen{margin:0 auto;max-width:700px;width:100%}.intro-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:50px 60px}.intro-header{margin-bottom:40px}.keel-logo{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;gap:8px}.brain-icon{background:linear-gradient(135deg,#2e3b6c,#4a5b8f);border-radius:50%;height:32px;position:relative;width:32px}.brain-icon:after{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>') 50%/contain no-repeat;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.logo-text{color:#2e3b6c;font-size:24px;font-weight:700}.logo-subtext{color:#4a5b8f;font-size:18px;font-weight:400;margin-left:-4px}.intro-main{text-align:center}.intro-title{color:#2e3b6c;font-size:32px;font-weight:700;margin-bottom:30px}.intro-instructions{color:#4a5b8f;font-size:16px;line-height:1.6;margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:500px}.mic-timer-display{gap:40px;margin-bottom:50px}.mic-icon-large,.mic-timer-display{align-items:center;display:flex;justify-content:center}.mic-icon-large{background:#f5f7fa;border-radius:50%;color:#6b7280;height:80px;width:80px}.mic-icon-large svg{height:40px;width:40px}.timer-badge{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:30px;color:#6b7280;display:flex;gap:10px;padding:12px 20px}.timer-badge svg{height:24px;width:24px}.timer-badge span{font-size:16px;font-weight:500}.start-button{background:#ff6b35;border:none;border-radius:30px;box-shadow:0 4px 12px #ff6b354d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 60px;transition:all .3s ease}.start-button:hover{background:#ff5722;box-shadow:0 6px 16px #ff6b3566;transform:translateY(-2px)}.start-button:active{transform:translateY(0)}.mic-check-screen{margin:0 auto;max-width:600px;width:100%}.mic-check-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:60px 40px;text-align:center}.mic-check-title{color:#2e3b6c;font-size:28px;font-weight:700;margin-bottom:50px}.connection-visual{align-items:center;display:flex;height:150px;justify-content:center;margin-bottom:50px;position:relative}.connection-line{height:2px;position:relative;width:150px}.connection-line:before{background:#2e3b6c;content:"";height:2px;position:absolute;top:0;width:100%}.connection-line.left:before{background:linear-gradient(90deg,#2e3b6c,#0000);left:0}.connection-line.right:before{background:linear-gradient(270deg,#2e3b6c,#0000);right:0}.plug-icon{align-items:center;background:#fff;border:2px solid #2e3b6c;border-radius:50%;color:#2e3b6c;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:2}.connection-line.left .plug-icon{left:0}.connection-line.right .plug-icon{right:0}.plug-icon svg{height:24px;width:24px}.brain-center{height:100px;position:relative;width:100px;z-index:3}.brain-pulse{align-items:center;background:#fff;border:3px solid #e5e7eb;border-radius:50%;color:#6b7280;display:flex;height:100%;justify-content:center;transition:all .3s ease;width:100%}.brain-pulse.active{animation:pulse-ring 1.5s infinite;background:#f0f4ff;border-color:#2e3b6c}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.brain-pulse svg{height:60px;width:60px}.status-badges{display:flex;gap:40px;justify-content:center;margin-bottom:30px}.badge-icon,.status-badge{position:relative}.badge-icon{align-items:center;background:#fff;border:3px solid #e5e7eb;border-radius:50%;color:#9ca3af;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.status-badge.success .badge-icon{background:#ecfdf5;border-color:#10b981;color:#10b981}.badge-icon svg{height:30px;width:30px}.check-mark{align-items:center;background:#10b981;border:3px solid #fff;border-radius:50%;bottom:-5px;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-5px;width:24px}.status-text{color:#6b7280;font-size:16px;margin-bottom:20px}.status-text.success{color:#10b981;font-weight:600}.error-message{background:#fee2e2;border-radius:10px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:15px 20px}.continue-button{background:#2e3b6c;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 40px;transition:all .3s ease}.continue-button:hover{background:#1f2937;box-shadow:0 4px 12px #2e3b6c4d;transform:translateY(-2px)}.continue-button:active{transform:translateY(0)}.recording-screen{margin:0 auto;max-width:1200px;width:100%}.recording-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:flex;gap:0;min-height:600px;overflow:hidden}.recording-sidebar{align-items:center;background:#2e3b6c;display:flex;flex-direction:column;justify-content:space-between;padding:40px 30px;width:300px}.keel-logo-small{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:40px}.brain-icon-small{background:#fff;border-radius:50%;height:24px;width:24px}.visualizer-container{flex:1 1;flex-direction:column;width:100%}.visualizer-container,.waveform-circle{align-items:center;display:flex;justify-content:center}.waveform-circle{background:#ffffff0d;border-radius:50%;height:200px;overflow:hidden;width:200px}.waveform-circle canvas{display:block}.time-display{color:#fff;font-family:Courier New,monospace;font-size:28px;font-weight:300;letter-spacing:2px;margin-top:30px}.controls{display:flex;flex-direction:column;gap:15px;width:100%}.complete-button,.restart-button{border:none;border-radius:30px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s ease;width:100%}.restart-button{background:#0000;border:2px solid #fff;color:#fff}.restart-button:hover{background:#ffffff1a}.complete-button{background:#ff6b35;box-shadow:0 4px 12px #ff6b354d;color:#fff}.complete-button.enabled:hover{background:#ff5722;box-shadow:0 6px 16px #ff6b3566;transform:translateY(-2px)}.complete-button.disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.recording-main{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px}.question-title{color:#2e3b6c;font-size:36px;font-weight:700;margin-bottom:40px}.question-content{max-width:600px}.question-text{color:#4a5b8f;font-size:18px;line-height:1.8;margin-bottom:30px}.question-hints{background:#f5f7fa;border-radius:10px;color:#6b7280;font-size:16px;line-height:1.6;padding:20px}.question-hints strong{color:#2e3b6c;display:block;margin-bottom:10px}@media (max-width:768px){.recording-content{flex-direction:column}.recording-sidebar{min-height:300px;width:100%}.recording-main{padding:40px 30px}.question-title{font-size:28px}}.results-screen{margin:0 auto;max-width:900px;width:100%}.results-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:50px}.results-title{color:#2e3b6c;font-size:32px;font-weight:700;margin-bottom:30px;text-align:center}.results-section{margin-top:30px}.section-header{align-items:center;background:#f0f4ff;border-radius:10px;color:#2e3b6c;display:flex;font-weight:600;gap:10px;margin-bottom:30px;padding:15px 20px}.section-header svg{height:20px;width:20px}.metrics-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.metric-card{align-items:center;background:#fafbfc;border:1px solid #e5e7eb;border-radius:15px;display:flex;flex-direction:column;padding:25px;transition:all .3s ease}.metric-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;width:100%}.metric-header h3{color:#2e3b6c;font-size:18px;font-weight:600;margin:0}.info-button{align-items:center;background:#0000;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.info-button:hover{color:#6b7280}.info-button svg{height:20px;width:20px}.level-badge{border-radius:25px;color:#fff;font-size:20px;font-weight:700;margin-top:10px;padding:12px 40px;text-align:center}@media (max-width:768px){.results-content{padding:30px 20px}.results-title{font-size:24px}.metrics-grid{gap:20px;grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:20px}.app{max-width:1200px}.app,.processing-screen{margin:0 auto;width:100%}.processing-screen{max-width:600px}.processing-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:80px 60px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:60px;margin:0 auto 30px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.processing-content h2{color:#2e3b6c;font-size:28px;margin-bottom:15px}.processing-content p{color:#6b7280;font-size:16px}.error-screen{margin:0 auto;max-width:600px;width:100%}.error-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:60px;text-align:center}.error-content h2{color:#dc2626;font-size:28px;margin-bottom:20px}.error-content p{color:#6b7280;font-size:16px;margin-bottom:30px}.retry-button{background:#667eea;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 40px;transition:all .3s ease}.retry-button:hover{background:#5568d3;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.audio-visualizer{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:200px}.audio-visualizer canvas{height:100%;width:100%}.waveform-line{background:#fff;border-radius:2px;height:4px;overflow:hidden;position:relative;width:100%}.waveform-line:after{animation:wave-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff80 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes wave-pulse{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}@media (max-width:768px){body{padding:10px}.error-content,.processing-content{padding:40px 30px}}
/*# sourceMappingURL=main.c2bb34e2.css.map*/