.aura-visualization{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.transcript-display{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:800px;max-height:400px;background:#000000b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:30px;color:#fff;z-index:15;display:flex;flex-direction:column;box-shadow:0 8px 32px #0009}.transcript-header{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;opacity:.6;margin-bottom:15px;text-align:center}.transcript-content{font-size:24px;line-height:1.8;overflow-y:auto;overflow-x:hidden;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;scrollbar-width:none;-ms-overflow-style:none;text-align:center;font-weight:300;letter-spacing:.5px;min-height:0;scroll-behavior:smooth;word-wrap:break-word;word-break:break-word;padding:20px 10px}.transcript-segments{display:flex;flex-direction:column;width:100%;align-items:center;gap:8px}.transcript-sentence{transition:opacity .5s ease-out;width:100%;display:block;text-align:center;word-wrap:break-word;word-break:break-word}.transcript-sentence.recent{opacity:1}.transcript-sentence.fading{opacity:.4}.transcript-content::-webkit-scrollbar{display:none;width:0;height:0}.transcript-placeholder{opacity:.5;font-style:italic;text-align:center;width:100%}.interim-text{opacity:.6;font-style:italic;margin-top:12px;width:100%;display:block;text-align:center;word-wrap:break-word;word-break:break-word}.keywords-display{position:fixed;top:20px;right:20px;max-width:350px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;color:#fff;z-index:15;box-shadow:0 4px 20px #00000080}.keywords-header{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-bottom:12px}.keywords-container{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{display:inline-block;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0000004d}.keyword-tag.visible{opacity:1;transform:translateY(0)}.keywords-loading{font-size:14px;opacity:.7;font-style:italic;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.controls{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:15px;z-index:20}.control-button{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:50px;padding:15px 40px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 20px #0000004d}.control-button:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.05)}.control-button.recording{background:#ff00004d;border-color:#f009;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 20px #ff00004d}50%{box-shadow:0 4px 30px #f009}}.button-icon{font-size:20px}.status-indicators{display:flex;align-items:center;gap:10px;color:#fff;font-size:14px}.status-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.status-dot.active{background:red;box-shadow:0 0 10px red;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.connection-status{font-size:12px;opacity:.7}.connection-status.connected{color:#4ade80}.app{width:100vw;height:100vh;position:relative;overflow:hidden;background:#000}.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.ui-overlay>*{pointer-events:auto}.error-message{position:fixed;top:20px;right:20px;background:#f00c;color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;max-width:300px;z-index:100;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;width:100vw;height:100vh}#root{width:100%;height:100%}