.voice-orb-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;transition:filter .08s ease}.voice-orb-wrapper.word-pulse{filter:drop-shadow(0 0 30px rgba(0,212,255,.7)) drop-shadow(0 0 60px rgba(0,212,255,.3))}.voice-orb-wrapper.dragging{filter:drop-shadow(0 0 40px rgba(0,212,255,.9)) drop-shadow(0 0 80px rgba(0,212,255,.5)) drop-shadow(0 0 120px rgba(0,212,255,.2));transition:filter .15s ease}.jarvis-reactor{transition:filter .4s ease}.outer-ring{transform-origin:150px 150px;animation:rotateClockwise 40s linear infinite;opacity:.3;transition:opacity .5s ease}.middle-ring{transform-origin:150px 150px;animation:rotateCounterClockwise 30s linear infinite;opacity:.3;transition:opacity .5s ease}.inner-ring{transform-origin:150px 150px;animation:rotateClockwise 20s linear infinite;opacity:.6;transition:opacity .5s ease}.core-glow{animation:corePulseIdle 4s ease-in-out infinite;transition:opacity .4s ease}.core-center{transition:opacity .3s ease,fill .3s ease}.jarvis-reactor.idle{filter:drop-shadow(0 0 15px rgba(0,212,255,.2))}.jarvis-reactor.idle .core-glow{animation:corePulseIdle 4s ease-in-out infinite}.jarvis-reactor.ready{filter:drop-shadow(0 0 20px rgba(0,212,255,.3))}.jarvis-reactor.ready .outer-ring{opacity:.5;animation:rotateClockwise 35s linear infinite}.jarvis-reactor.ready .middle-ring{opacity:.4;animation:rotateCounterClockwise 28s linear infinite}.jarvis-reactor.ready .inner-ring{opacity:.7;animation:rotateClockwise 18s linear infinite}.jarvis-reactor.ready .core-glow{animation:corePulseReady 3s ease-in-out infinite;opacity:.8}.jarvis-reactor.ready .core-center{fill:#00d4ff;opacity:.7}.jarvis-reactor.listening{filter:drop-shadow(0 0 30px rgba(0,212,255,.5))}.jarvis-reactor.listening .outer-ring{opacity:1;animation:rotateClockwise 25s linear infinite}.jarvis-reactor.listening .middle-ring{opacity:.8;animation:rotateCounterClockwise 18s linear infinite}.jarvis-reactor.listening .inner-ring{opacity:1;animation:rotateClockwise 12s linear infinite}.jarvis-reactor.listening .core-glow{animation:corePulseListening 2s ease-in-out infinite;opacity:1}.jarvis-reactor.listening .core-center{fill:#0fa;opacity:1}.jarvis-reactor.listening .outer-ring path{stroke:#00e6a0}.jarvis-reactor.listening .inner-ring circle{stroke:#00e6a0}.jarvis-reactor.processing{filter:drop-shadow(0 0 35px rgba(255,180,0,.5))}.jarvis-reactor.processing .outer-ring{opacity:1;animation:rotateClockwise 10s linear infinite}.jarvis-reactor.processing .middle-ring{opacity:1;animation:rotateCounterClockwise 8s linear infinite}.jarvis-reactor.processing .inner-ring{opacity:1;animation:rotateClockwise 5s linear infinite}.jarvis-reactor.processing .core-glow{animation:corePulseProcessing .8s ease-in-out infinite;opacity:1}.jarvis-reactor.processing .core-center{fill:#ffb400;opacity:1}.jarvis-reactor.processing .outer-ring path{stroke:#ffb400}.jarvis-reactor.processing .middle-ring circle{stroke:#c80}.jarvis-reactor.processing .inner-ring circle{stroke:#ffb400}.jarvis-reactor.processing .inner-ring line{stroke:#ffb400}.jarvis-reactor.speaking{filter:drop-shadow(0 0 40px rgba(0,212,255,.6))}.jarvis-reactor.speaking .outer-ring{opacity:1;animation:rotateClockwise 40s linear infinite}.jarvis-reactor.speaking .middle-ring{opacity:1;animation:rotateCounterClockwise 30s linear infinite}.jarvis-reactor.speaking .inner-ring{opacity:1;animation:rotateClockwise 20s linear infinite}.jarvis-reactor.speaking .core-glow{animation:none;opacity:1}.jarvis-reactor.speaking .core-center{fill:#00d4ff;opacity:1}@keyframes rotateClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateCounterClockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes corePulseIdle{0%,to{opacity:.4;r:28}50%{opacity:.7;r:32}}@keyframes corePulseListening{0%,to{opacity:.7;r:30}50%{opacity:1;r:35}}@keyframes corePulseReady{0%,to{opacity:.5;r:28}50%{opacity:.8;r:31}}@keyframes corePulseProcessing{0%,to{opacity:.6;r:26}50%{opacity:1;r:34}}:root{--bg: #0a0e17;--surface: rgba(10, 14, 23, .85);--text: #c8d8e8;--text-dim: #3a5060;--cyan: #00d4ff;--cyan-dim: #0099cc;--cyan-glow: rgba(0, 212, 255, .3);--green: #00e6a0;--amber: #ffb400}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%;max-width:600px;margin:0 auto;padding:20px;position:relative;background:radial-gradient(circle at 50% 45%,rgba(0,212,255,.04) 0%,transparent 60%),repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(0,212,255,.03) 59px,rgba(0,212,255,.03) 60px),repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(0,212,255,.03) 59px,rgba(0,212,255,.03) 60px)}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 0;flex-shrink:0;border-bottom:1px solid rgba(0,212,255,.08)}.header h1{font-size:16px;font-weight:200;letter-spacing:8px;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 20px var(--cyan-glow),0 0 40px rgba(0,212,255,.1)}.header-actions{display:flex;align-items:center;gap:4px}.icon-btn{background:none;border:1px solid rgba(0,212,255,.15);color:var(--text-dim);cursor:pointer;padding:6px 8px;border-radius:4px;transition:all .3s ease;line-height:1}.icon-btn:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px var(--cyan-glow),inset 0 0 10px #00d4ff0d}.settings-btn{font-size:16px}.clear-btn{font-size:14px}.orb-section{position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.orb-container{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto}.status-label{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--text-dim);margin-top:20px;transition:all .4s ease;font-weight:300}.status-label.listening{color:var(--green);text-shadow:0 0 10px rgba(0,230,160,.5)}.status-label.processing{color:var(--amber);text-shadow:0 0 10px rgba(255,180,0,.5)}.status-label.ready{color:var(--cyan-dim);text-shadow:0 0 8px rgba(0,153,204,.4)}.status-label.speaking{color:var(--cyan);text-shadow:0 0 10px var(--cyan-glow)}.tap-prompt{font-size:11px;font-weight:300;letter-spacing:4px;text-transform:uppercase;color:var(--text-dim);margin-top:12px;animation:fadeInOut 2.5s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:.3}50%{opacity:.8}}.mic-button{width:56px;height:56px;border-radius:50%;border:2px solid var(--cyan-dim);background:#00d4ff0d;color:var(--cyan-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:20px;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.mic-button:hover:not(.mic-disabled){border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 15px var(--cyan-glow)}.mic-button.mic-hot{border-color:#f44;color:#f44;background:#ff444426;box-shadow:0 0 20px #f446,0 0 40px #ff444426;animation:micPulse 1.5s ease-in-out infinite}.mic-button.mic-disabled{opacity:.25;cursor:default;border-color:var(--text-dim);color:var(--text-dim)}@keyframes micPulse{0%,to{box-shadow:0 0 20px #f446,0 0 40px #ff444426}50%{box-shadow:0 0 30px #f449,0 0 60px #ff444440}}.orb-container.dragging{border-radius:50%}.action-buttons{display:flex;gap:10px;margin-top:10px;pointer-events:auto}.action-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,212,255,.2);background:#0a0e17cc;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.action-btn:hover,.action-btn.active{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 12px var(--cyan-glow)}.text-input-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;margin:8px 16px 0;border-radius:24px;border:1px solid rgba(0,212,255,.15);background:#0a0e17e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.text-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:14px;font-family:inherit;padding:6px 0}.text-input::placeholder{color:var(--text-dim)}.text-input:disabled{opacity:.4}.text-send-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--cyan);color:#0a0e17;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.text-send-btn:hover:not(:disabled){filter:brightness(1.2);box-shadow:0 0 12px var(--cyan-glow)}.text-send-btn:disabled{opacity:.3;cursor:not-allowed}.image-preview{position:relative;margin-top:12px;pointer-events:auto;animation:slideIn .2s ease-out}.image-preview img{width:44px;height:44px;object-fit:cover;border-radius:4px;border:1px solid rgba(0,212,255,.3);box-shadow:0 0 12px var(--cyan-glow);display:block}.image-preview-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,212,255,.3);background:#0a0e17e6;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s ease}.image-preview-remove:hover{color:#f44;border-color:#f44;background:#ff444426}.transcript-container{position:fixed;bottom:40px;left:16px;right:16px;max-height:25vh;overflow-y:auto;padding:16px 0;z-index:5;mask-image:linear-gradient(transparent,black 20px,black calc(100% - 20px),transparent);-webkit-mask-image:linear-gradient(transparent,black 20px,black calc(100% - 20px),transparent)}.transcript-container::-webkit-scrollbar{width:2px}.transcript-container::-webkit-scrollbar-thumb{background:var(--cyan-dim);border-radius:1px}.message{padding:10px 14px;margin:6px 0;border-radius:2px;font-size:13px;line-height:1.6;max-width:85%;animation:slideIn .2s ease-out;font-weight:300;background:#00d4ff08;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{color:#c8d8e8cc;margin-left:auto;text-align:right;border-right:2px solid rgba(0,212,255,.2);border-left:none}.message.assistant{color:var(--cyan);margin-right:auto;border-left:2px solid var(--cyan);box-shadow:-2px 0 15px #00d4ff1a}.message.partial{opacity:.5}.app-footer{text-align:center;font-size:10px;font-weight:200;letter-spacing:6px;text-transform:uppercase;color:#00d4ff26;padding:8px 0 4px;flex-shrink:0;border-top:1px solid rgba(0,212,255,.05)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0e17eb;z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-panel{background:#0f141ef2;border:1px solid rgba(0,212,255,.1);border-radius:4px;padding:28px;width:90%;max-width:440px;max-height:80vh;overflow-y:auto;box-shadow:0 0 40px #00d4ff0d}.settings-panel h2{font-size:13px;font-weight:200;margin-bottom:24px;letter-spacing:4px;text-transform:uppercase;color:var(--cyan)}.setting-group{margin-bottom:18px}.setting-group label{display:block;font-size:10px;font-weight:300;color:var(--text-dim);margin-bottom:6px;letter-spacing:2px;text-transform:uppercase}.setting-group input,.setting-group textarea,.setting-group select{width:100%;background:#00d4ff08;border:1px solid rgba(0,212,255,.12);border-radius:2px;padding:10px 12px;color:var(--text);font-size:13px;font-family:SF Mono,Fira Code,Consolas,monospace;font-weight:300;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.setting-group input:focus,.setting-group textarea:focus{border-color:var(--cyan);box-shadow:0 0 10px var(--cyan-glow)}.setting-group textarea{resize:vertical;min-height:80px}.settings-actions{display:flex;gap:10px;margin-top:24px}.settings-actions button{flex:1;padding:10px;border-radius:2px;border:1px solid transparent;font-size:12px;font-weight:300;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.settings-actions button:hover{opacity:.85}.btn-save{background:#00d4ff1a;border-color:var(--cyan)!important;color:var(--cyan)}.btn-save:hover{background:#00d4ff33;box-shadow:0 0 15px var(--cyan-glow)}.btn-cancel{background:#ffffff08;border-color:#00d4ff26!important;color:var(--text-dim)}.btn-cancel:hover{border-color:var(--cyan)!important;color:var(--text)}.toggle-row{display:flex;justify-content:space-between;align-items:center}.toggle{width:44px;height:24px;background:#00d4ff14;border:1px solid rgba(0,212,255,.15);border-radius:12px;position:relative;cursor:pointer;transition:all .3s ease}.toggle.active{background:#00d4ff33;border-color:var(--cyan);box-shadow:0 0 10px var(--cyan-glow)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--text-dim);border-radius:50%;transition:all .3s ease}.toggle.active:after{transform:translate(20px);background:var(--cyan);box-shadow:0 0 8px var(--cyan-glow)}