.voice-button-container{position:relative;display:inline-flex;flex-direction:column;align-items:center}.voice-button-container .voice-status-pill{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:11;animation-name:voice-status-pill-in-centred}@keyframes voice-status-pill-in-centred{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.voice-button__transcript{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--bg-elevated,#2a2a40);color:var(--text-primary,#eee);font-size:.78rem;padding:6px 12px;border-radius:8px;border:1px solid var(--border-subtle,#333);max-width:min(280px,100vw - 32px);white-space:normal;overflow-wrap:anywhere;max-height:4.5em;overflow-y:auto;overscroll-behavior:contain;text-align:left;pointer-events:auto;animation:transcript-fade-in .15s ease-out;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.3)}@keyframes transcript-fade-in{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.voice-button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;border:none;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--bg-surface,#1a1a2e) 80%,var(--text-primary) 20%),var(--bg-surface,#1a1a2e) 75%);color:var(--text-primary,#eee);cursor:pointer;transition:color .18s ease,background-color .18s ease,transform .08s ease,box-shadow .2s ease;min-height:44px;min-width:44px}.voice-button:hover:not(:disabled){color:#fff;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--bg-surface,#1a1a2e) 60%,var(--text-primary) 40%),color-mix(in srgb,var(--bg-surface,#1a1a2e) 80%,var(--text-primary) 20%) 75%)}.voice-button:active:not(:disabled){transform:scale(.94)}.voice-button:focus-visible{outline:2px solid var(--accent-warm,#e8b86b);outline-offset:3px}.voice-button:disabled{opacity:.4;cursor:not-allowed}.voice-button--active{color:#fff;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,#ef4444 70%,#fff 30%),#ef4444 75%);box-shadow:0 0 0 0 color-mix(in srgb,#ef4444 40%,transparent);animation:voice-button-active-pulse 1.6s ease-out infinite}.voice-button--active:hover:not(:disabled){background:radial-gradient(circle at 35% 30%,color-mix(in srgb,#ef4444 60%,#fff 40%),#dc2626 75%)}.voice-button--error{color:#fff;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent-warning,#f59e0b) 70%,#fff 30%),var(--accent-warning,#f59e0b) 75%)}.voice-button__spinner{width:16px;height:16px;border:2px solid;border-top:2px solid rgba(0,0,0,0);border-radius:50%;animation:voice-spin .6s linear infinite}@keyframes voice-button-active-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,#ef4444 45%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb,#ef4444 0%,transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb,#ef4444 0%,transparent)}}@keyframes voice-spin{to{transform:rotate(1turn)}}.voice-button__indicators{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--bg-elevated,#2a2a40) 92%,transparent);border:1px solid color-mix(in srgb,var(--text-primary) 8%,transparent);box-shadow:0 4px 12px rgba(0,0,0,.3);pointer-events:none;z-index:10;animation:transcript-fade-in .15s ease-out}.voice-button__recording-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:recording-pulse 1.5s ease-in-out infinite;flex-shrink:0}.voice-button__recording-dot--active{background:#fff;animation:recording-pulse .6s ease-in-out infinite}@keyframes recording-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.voice-button__timer{font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--text-primary) 60%,transparent)}.voice-button__level-bar{width:40px;height:3px;background:color-mix(in srgb,var(--text-primary) 10%,transparent);border-radius:2px;overflow:hidden}.voice-button__level-fill{height:100%;background:rgba(16,255,176,.8);border-radius:2px;transition:width .1s ease-out}.voice-button__transcript-preview{bottom:calc(100% + 44px);font-size:12px;color:var(--text-primary,#eee);padding:5px 10px;border-radius:8px;background:color-mix(in srgb,var(--bg-elevated,#2a2a40) 94%,transparent);border:1px solid color-mix(in srgb,var(--text-primary) 8%,transparent);box-shadow:0 4px 12px rgba(0,0,0,.3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:11;animation:transcript-fade-in .15s ease-out}.voice-button__error,.voice-button__transcript-preview{position:absolute;left:50%;transform:translateX(-50%);display:block;text-align:center;max-width:min(280px,100vw - 32px);width:max-content;pointer-events:none}.voice-button__error{bottom:calc(100% + 8px);font-size:11.5px;line-height:1.4;font-weight:500;letter-spacing:.01em;padding:7px 10px;border-radius:10px;background:color-mix(in srgb,var(--accent-red,#ef4444) 14%,var(--bg-elevated,#2a2a40));color:color-mix(in srgb,var(--accent-red,#ef4444) 88%,var(--text-primary));border:1px solid color-mix(in srgb,var(--accent-red,#ef4444) 32%,transparent);box-shadow:0 6px 16px rgba(0,0,0,.35);white-space:normal;overflow-wrap:anywhere;z-index:12;animation:transcript-fade-in .15s ease-out,voice-note-hold 6s ease-out forwards}.voice-button__error--mic-busy,.voice-button__error--mic-dismissed{background:color-mix(in srgb,var(--accent-warm,#f59e0b) 14%,var(--bg-elevated,#2a2a40));color:color-mix(in srgb,var(--accent-warm,#f59e0b) 90%,var(--text-primary));border-color:color-mix(in srgb,var(--accent-warm,#f59e0b) 32%,transparent)}.voice-button__error--mic-dismissed{animation:transcript-fade-in .15s ease-out,voice-button-error-pulse 2.4s ease-out forwards}@keyframes voice-note-hold{0%,85%{opacity:1}to{opacity:0}}@keyframes voice-button-error-pulse{0%{opacity:1;transform:translateX(-50%) translateY(0)}85%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-2px)}}@media(prefers-reduced-motion:reduce){.voice-button__error--mic-dismissed{animation:none}}.voice-button__mode-row{display:flex;gap:4px;margin-top:4px}.voice-button__mode-btn{padding:2px 6px;font-size:12px;background:none;border:1px solid;border-radius:4px;cursor:pointer;color:inherit;opacity:.4;transition:opacity .15s}.voice-button__mode-btn--active{opacity:1}.voice-button__orbit-anchor{position:relative;display:inline-flex;align-items:center;justify-content:center}.voice-button__orbit-word{position:absolute;left:50%;top:50%;z-index:2;font-size:.68rem;font-weight:600;line-height:1;white-space:nowrap;pointer-events:none;color:var(--accent-green,#10ffb0);text-shadow:0 0 6px rgba(0,0,0,.55);will-change:transform,opacity;animation:voice-orbit-word-fly 1.35s cubic-bezier(.22,.61,.36,1) forwards}@keyframes voice-orbit-word-fly{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--orbit-angle)) translateY(-18px) rotate(calc(-1 * var(--orbit-angle))) scale(.78)}18%{opacity:1}72%{opacity:.92}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--orbit-angle)) translateY(-58px) rotate(calc(-1 * var(--orbit-angle))) scale(1.04)}}@media(prefers-reduced-motion:reduce){.voice-button__orbit-word{animation:none;display:none}}.voice-status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--bg-elevated,var(--bg-card,#13131a)) 92%,rgba(0,0,0,.4));border:1px solid color-mix(in srgb,var(--text-primary,#fff) 12%,transparent);font-family:var(--font-body,system-ui);font-size:.78rem;color:var(--text-primary,#fff);box-shadow:0 2px 6px rgba(0,0,0,.3);pointer-events:none;animation:voice-status-pill-in .2s ease-out}.voice-status-pill__dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary,rgba(255,255,255,.6))}.voice-status-pill--info .voice-status-pill__dot{background:var(--accent-teal,#22d3ee)}.voice-status-pill--warn{border-color:color-mix(in srgb,#fbbf24 45%,transparent)}.voice-status-pill--warn .voice-status-pill__dot{background:#fbbf24}.voice-status-pill--error{border-color:color-mix(in srgb,#f87171 55%,transparent)}.voice-status-pill--error .voice-status-pill__dot{background:#f87171;animation:voice-status-pill-pulse 1.6s ease-in-out infinite}.voice-status-pill__text{white-space:nowrap}@keyframes voice-status-pill-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes voice-status-pill-pulse{0%,to{box-shadow:0 0 0 0 rgba(248,113,113,.6)}50%{box-shadow:0 0 0 6px rgba(248,113,113,0)}}