@import"https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Emoji&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.emoji-fallback{font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",Twemoji Mozilla,"Noto Emoji","Android Emoji",EmojiSymbols,EmojiOne Mozilla,Segoe UI Symbol,sans-serif;font-variant-emoji:emoji;font-feature-settings:"liga" 1,"kern" 1;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga" 1,"kern" 1;-moz-font-feature-settings:"liga" 1,"kern" 1}.flag-emoji{display:inline-block;font-family:"Noto Color Emoji","Noto Emoji","Apple Color Emoji","Segoe UI Emoji",Twemoji Mozilla,"Android Emoji",EmojiSymbols,EmojiOne Mozilla,Segoe UI Symbol,sans-serif;font-variant-emoji:emoji;font-feature-settings:"liga" 1,"kern" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga" 1,"kern" 1,"calt" 1;-moz-font-feature-settings:"liga" 1,"kern" 1,"calt" 1;font-size:1.2em;line-height:1;vertical-align:middle;min-width:1.2em;text-align:center;font-display:swap}.flag-image{display:inline-block;vertical-align:middle;border-radius:2px;box-shadow:0 1px 2px #0000001a}.flag-emoji:before{content:attr(data-fallback);display:none}.flag-emoji.fallback:before{display:inline}.flag-emoji.fallback{font-family:inherit;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:.9em}*{box-sizing:border-box}body{margin:0;min-width:320px;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (max-width: 768px){body{height:100svh}}#root{width:100%;height:100vh}@media (max-width: 768px){#root{height:100svh}}#BUILDIT-floating-button-container-root{display:none!important;visibility:hidden!important}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,select{border-radius:8px;border:1px solid #ccc;padding:.6em 1.2em;font-size:1em;font-family:inherit;background-color:#fff;color:#333;transition:border-color .25s}input:focus,select:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.audio-recorder{padding:1rem;border-radius:8px;background-color:#1a1a1a;margin:1rem 0}.recorder-status{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.status-indicator{font-size:1.2em}.recorder-controls{margin-bottom:1rem}.record-button{padding:.8em 1.6em;font-size:1.1em;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .1s ease-out}.record-button:disabled{opacity:.5;cursor:not-allowed}.record-button.recording{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.error-message{color:#ef4444;background-color:#fef2f2;border:1px solid #fecaca;padding:.75rem;border-radius:6px;margin:1rem 0}.transcription-display{background-color:#f3f4f6;border:1px solid #d1d5db;padding:1rem;border-radius:6px;margin:1rem 0}.transcription-display h4{margin:0 0 .5rem;color:#374151}.transcription-display p{margin:0;color:#6b7280}.recorder-info{font-size:.9em;color:#9ca3af}.recorder-info p{margin:.25rem 0}.recording-info{margin-top:1rem}.audio-level-indicator{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.9em}.audio-level-bar{flex:1;height:8px;background-color:#374151;border-radius:4px;overflow:hidden;min-width:100px}.audio-level-fill{height:100%;border-radius:4px;transition:width .1s ease-out,background-color .1s ease-out}.audio-level-text{font-weight:600;min-width:35px;text-align:right}@media (max-width: 768px){body{padding:1rem}button{padding:.8em 1.6em;font-size:1.1em}.audio-recorder{padding:.75rem}.audio-level-indicator{flex-direction:column;align-items:stretch;gap:.25rem}.audio-level-text{text-align:center}}