/* Voice 2 owns its surface; none of these selectors style the legacy Voice 1. */
.voice2-panel {
  --voice2-level: 0;
  position: fixed; inset: 0; z-index: 600; overflow: hidden;
  color: #f9f5ff; font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  background: radial-gradient(ellipse at 68% 66%, #79426830, transparent 55%), radial-gradient(ellipse at 50% 46%, #53306e 0, #2e183f 44%, #180e24 90%);
  transition: background .55s ease;
}
.voice2-panel.hidden { display: none !important; }
.voice2-header { position: absolute; inset: 16px 18px auto; z-index: 6; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.voice2-picker { position: relative; font-size: 14px; color: #1a1922; }
.voice2-picker summary { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #ffffffad; border-radius: 12px; background: #faf8fd; box-shadow: 0 3px 18px #09021220; cursor: pointer; list-style: none; font-weight: 650; }
.voice2-picker summary::-webkit-details-marker { display: none; }
.voice2-mode-menu { position: absolute; top: calc(100% + 8px); left: 0; width: 238px; padding: 5px; background: #fcfaff; border: 1px solid #e6deed; border-radius: 13px; box-shadow: 0 10px 30px #16052124; }
.voice2-mode-menu button { display: block; width: 100%; border: 0; border-radius: 8px; padding: 10px; color: #242030; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.voice2-mode-menu button[aria-pressed="true"], .voice2-mode-menu button:hover { background: #eee8f8; }
.voice2-mode-menu small { display: block; margin-top: 4px; color: #716979; font-size: 11px; }
.voice2-panel button { -webkit-tap-highlight-color: transparent; }
.voice2-close, .voice2-actions button { display: grid; place-items: center; width: 42px; height: 42px; padding: 9px; border: 1px solid #ffffff40; border-radius: 50%; background: #ffffff12; color: inherit; cursor: pointer; backdrop-filter: blur(12px); }
.voice2-panel button:focus-visible, .voice2-picker summary:focus-visible { outline: 2px solid #c4a2f5; outline-offset: 4px; }
.voice2-panel button svg { display: block; width: 100%; height: 100%; }
.voice2-orb-position { position: absolute; z-index: 3; left: 50%; top: 43%; width: clamp(174px, 17vw, 218px); aspect-ratio: 1; transform: translate(-50%, -50%); transition: top .6s cubic-bezier(.22,.8,.3,1), width .6s cubic-bezier(.22,.8,.3,1); }
.voice2-elastic { width: 100%; height: 100%; transition: transform .5s cubic-bezier(.18,.9,.25,1.25); }
.voice2-elastic.is-dragging { transition: none; }
.voice2-panel .voice2-orb {
  position: relative; display: grid; place-items: center; width: 100%; height: 100%; padding: 16%; overflow: hidden;
  border: 1.5px solid #ffffffbb; border-radius: 50%; touch-action: none; color: #fff;
  background: radial-gradient(ellipse at 30% 18%, #ffffffd9 0, #ffffff45 14%, transparent 39%), radial-gradient(ellipse at 75% 85%, #e5c9ff66, transparent 55%), linear-gradient(140deg, #bf93e7b0, #6f3faec9 52%, #442070dd);
  box-shadow: inset 0 0 26px #fff4, inset -8px -14px 28px #1e063e66, 0 0 0 6px #ffffff0a, 0 18px 52px #07020b66;
  backdrop-filter: blur(22px) saturate(1.25); -webkit-backdrop-filter: blur(22px) saturate(1.25);
  transform: scale(calc(1 + var(--voice2-level) * .075)); transition: transform 110ms ease-out, border-color .4s ease, box-shadow .4s ease;
}
.voice2-orb::after { content: ""; position: absolute; inset: 5%; border-radius: 50%; border-top: 1px solid #ffffffe0; border-left: 1px solid #ffffff40; pointer-events: none; }
.voice2-panel .voice2-fish { width: 100%; height: auto; transform: none; filter: drop-shadow(0 2px 4px #220a4080); }
.voice2-copy { position: absolute; top: calc(43% + 134px); left: 50%; width: min(560px, calc(100% - 44px)); transform: translateX(-50%); text-align: center; }
.voice2-copy h2 { margin: 0 0 12px; font-size: 22px; font-weight: 600; letter-spacing: -.025em; }
.voice2-caption { margin: 0; max-height: 100px; overflow: auto; font-size: 15px; line-height: 1.6; opacity: .8; overflow-wrap: anywhere; }
.voice2-drag-hint { display: none; color: #d9c6ea; font-size: 11px; margin-top: 16px; }
.voice2-connection { position: absolute; z-index: 5; left: 50%; bottom: 120px; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; width: min(440px, calc(100% - 36px)); font-size: 12px; line-height: 1.5; text-align: center; opacity: .85; }
.voice2-offline-icon { display: none; width: 22px; height: 22px; flex-shrink: 0; }
.voice2-offline-icon svg { width: 100%; height: 100%; }
.voice2-panel[data-state="reconnecting"], .voice2-panel[data-state="error"] { --voice2-accent: #e7aa65; }
.voice2-panel:is([data-state="reconnecting"], [data-state="error"]) .voice2-orb { border-color: #ffd49b; box-shadow: inset 0 0 28px #ffca8538, 0 0 32px #ed9b4e38; }
.voice2-panel:is([data-state="reconnecting"], [data-state="error"]) .voice2-offline-icon { display: block; color: #ecb876; }
.voice2-retry { border: 0; border-radius: 6px; padding: 4px 8px; background: #ffffff20; color: inherit; font: inherit; cursor: pointer; }
.voice2-wave { position: absolute; left: 50%; bottom: 165px; transform: translateX(-50%); display: flex; gap: 4px; height: 22px; align-items: center; }
.voice2-wave i { display: block; width: 3px; height: calc(3px + var(--voice2-level) * 17px); border-radius: 3px; background: var(--voice2-accent, #dac2f2); transition: height 100ms ease; }
.voice2-wave i:nth-child(even) { height: calc(3px + var(--voice2-level) * 11px); }
.voice2-actions { position: absolute; z-index: 5; left: 50%; bottom: max(35px, env(safe-area-inset-bottom)); transform: translateX(-50%); display: flex; align-items: center; gap: 20px; }
.voice2-actions button { width: 48px; height: 48px; padding: 13px; }
.voice2-actions > button, .voice2-close, .voice2-reasoning summary { box-sizing: border-box; display: grid; place-items: center; }
.voice2-actions > button svg, .voice2-close svg, .voice2-reasoning summary > .voice2-reasoning-icon svg { display: block; width: 22px !important; height: 22px !important; max-width: none; max-height: none; margin: 0; flex: 0 0 22px; }
.voice2-reasoning summary { display: flex; align-items: center; justify-content: center; }
.voice2-actions .voice2-mic[aria-pressed="true"] { color: #fecdd3; background: #9f12394d; border-color: #fb718580; }
.voice2-actions .voice2-web[aria-pressed="true"] { color: #eddaff; background: #915bca55; border-color: #d8a6ff88; }
.voice2-mic-slash { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset .38s ease, opacity .38s ease; opacity: 0; }
.voice2-mic[aria-pressed="true"] .voice2-mic-slash { stroke-dashoffset: 0; opacity: 1; }
.voice2-actions .voice2-end { display: none; }
.voice2-reasoning { position: relative; color: inherit; }
.voice2-reasoning summary { display: grid; place-items: center; width: 48px; height: 48px; padding: 13px; box-sizing: border-box; border: 1px solid #ffffff40; border-radius: 50%; background: #ffffff12; cursor: pointer; list-style: none; backdrop-filter: blur(12px); }
.voice2-reasoning summary::-webkit-details-marker { display: none; }
.voice2-reasoning summary svg, .voice2-actions button svg { display: block; width: 22px; height: 22px; }
.voice2-reasoning-icon { display: grid; place-items: center; width: 22px; height: 22px; flex: 0 0 22px; }
.voice2-model-label { display: none; }
.voice2-reasoning-menu { position: absolute; z-index: 12; bottom: calc(100% + 12px); right: 0; width: min(260px, calc(100vw - 30px)); padding: 7px; border: 1px solid #c4b5fdcc; border-radius: 15px; background: #fffffff5; color: #312e81; box-shadow: 0 18px 44px #4c1d9533; backdrop-filter: blur(16px); }
.voice2-actions .voice2-reasoning-menu button { display: grid; grid-template-columns: 27px minmax(0, 1fr); align-items: center; gap: 9px; width: 100%; min-height: 54px; height: auto; box-sizing: border-box; padding: 9px 10px; border: 1px solid transparent; border-radius: 11px; font: 600 13px Inter, system-ui, sans-serif; background: transparent; color: #312e81; text-align: left !important; }
.voice2-actions .voice2-reasoning-menu button[aria-pressed="true"] { border-color: #c4b5fd; background: linear-gradient(135deg, #f5f3ff, #ede9fe); }
.voice2-actions .voice2-reasoning-menu button:hover { background: #f5f3ff; }
.voice2-option-icon { display: inline-grid; place-items: center; width: 22px; height: 22px; color: #6d28d9; }
.voice2-option-icon svg { display: block; width: 19px !important; height: 19px !important; }
.voice2-option-copy { display: grid; gap: 2px; min-width: 0; text-align: left !important; }
.voice2-option-copy strong { display: block; color: #312e81; font-size: .86rem; font-weight: 650; line-height: 1.25; text-align: left !important; }
.voice2-reasoning-menu small { display: block; margin: 0; font-size: .7rem; color: #6b7280; font-weight: 400; line-height: 1.35; text-align: left !important; }
.voice2-reasoning summary:focus-visible { outline: 2px solid #c4a2f5; outline-offset: 3px; }
.voice2-web-status { position: absolute; z-index: 5; left: 50%; bottom: 198px; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; width: max-content; max-width: min(480px, calc(100% - 34px)); padding: 8px 13px; overflow: hidden; border: 1px solid #ffffff50; border-radius: 999px; background: #ffffff14; box-shadow: 0 8px 28px #120a2440, inset 0 1px #ffffff38; backdrop-filter: blur(18px); color: #fffaff; font-size: 12px; line-height: 1.3; }
.voice2-web-status[hidden] { display: none !important; }
.voice2-web-status-icon { display: grid; place-items: center; width: 18px; height: 18px; flex: 0 0 18px; }
.voice2-web-status-icon svg, .voice2-web-status-icon img { display: block; width: 18px; height: 18px; border-radius: 50%; object-fit: contain; }
.voice2-web-status-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.voice2-web-shimmer { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(105deg, transparent 25%, #dbb9ff00 40%, #ebd7ff68 51%, #dbb9ff00 62%, transparent 77%); transform: translateX(-100%); animation: voice2WebShimmer 2.4s ease-in-out infinite; }
@keyframes voice2WebShimmer { to { transform: translateX(100%); } }
.voice2-safety { position: absolute; z-index: 5; left: 50%; bottom: max(92px, calc(78px + env(safe-area-inset-bottom))); transform: translateX(-50%); width: min(520px, calc(100% - 34px)); margin: 0; color: #f6eefaad; font-size: 10px; line-height: 1.4; text-align: center; pointer-events: none; }
.voice2-particles { position: absolute; left: 50%; top: 43%; z-index: 1; width: min(54vw, 610px); aspect-ratio: 1; transform: translate(-50%, -50%); pointer-events: none; }
.voice2-particles i { position: absolute; left: calc(var(--particle-x) * 1%); top: calc(var(--particle-y) * 1%); width: calc(var(--particle-size) * 1px); height: calc(var(--particle-size) * 1px); border-radius: 50%; background: hsl(calc(var(--particle-hue) + var(--voice2-level) * 35) 96% 62%); box-shadow: 0 0 calc(5px + var(--voice2-level) * 12px) currentColor; color: hsl(calc(var(--particle-hue) + var(--voice2-level) * 35) 96% 62%); opacity: calc(.64 + var(--voice2-level) * .34); transform: translate(calc(-50% + var(--particle-dir-x) * var(--particle-drift) * var(--voice2-level) * .55px), calc(-50% + var(--particle-dir-y) * var(--particle-drift) * var(--voice2-level) * .42px)) scale(calc(.92 + var(--voice2-level) * .62)); transition: opacity .12s linear, background .6s ease, transform .11s linear; }
.voice2-panel[data-state="thinking"] .voice2-particles i { animation: voice2ParticleThink calc(1.55s + var(--particle-delay) * .055s) cubic-bezier(.55,.05,.34,1) infinite; animation-delay: calc(var(--particle-delay) * -.09s); }
.voice2-panel.is-docked .voice2-particles { display: none !important; }
@keyframes voice2ParticleThink { 0% { transform: translate(-50%, -50%) rotate(0) scale(.72); } 34% { transform: translate(calc(-50% + var(--particle-drift) * 1px), calc(-50% - 13px)) rotate(95deg) scale(1.28); } 67% { transform: translate(calc(-50% - var(--particle-drift) * .65px), calc(-50% + 8px)) rotate(220deg) scale(.9); } 100% { transform: translate(-50%, -50%) rotate(360deg) scale(.72); } }
.voice-version-switch { position: absolute; z-index: 10; right: 88px; top: 28px; display: flex; gap: 4px; padding: 4px; border: 1px solid #ffffff40; border-radius: 12px; background: #1a092c; }
.voice-version-switch button { padding: 7px 11px; border: 0; border-radius: 8px; font: 600 12px Inter, sans-serif; background: transparent; color: #e8daf5; cursor: pointer; }
.voice-version-switch button[aria-pressed="true"] { background: #ffffff20; color: #fff; }
.voice2-interrupted::after { content: " · Söz kesildi"; font-size: 11px; color: #8b8193; }
.voice2-transcript { white-space: pre-wrap; }
@media (max-width: 700px) {
  .voice2-particles { width: min(108vw, 500px); }
  .voice2-header { inset: max(12px, env(safe-area-inset-top)) 12px auto; }
  .voice2-picker { font-size: 12px; }
  .voice2-picker summary { padding: 9px 10px; }
  .voice2-close { width: 36px; height: 36px; padding: 9px; }
  .voice2-orb-position { width: 166px; }
  .voice2-copy { top: calc(43% + 115px); }
  .voice2-copy h2 { font-size: 20px; }
  .voice2-caption { font-size: 14px; max-height: 88px; }
  .voice2-drag-hint { display: block; }
  .voice-version-switch { top: 76px; right: 16px; }
  .voice2-panel.is-docked { background: transparent; pointer-events: none; color: #2c243b; }
  .voice2-panel.is-docked .voice2-header { pointer-events: auto; }
  .voice2-panel.is-docked .voice2-close { background: #fff9; border-color: #d4c9e5; }
  .voice2-panel.is-docked .voice2-orb-position { top: calc(100dvh - 185px - env(safe-area-inset-bottom)); width: 82px; pointer-events: auto; }
  .voice2-panel.is-docked .voice2-orb { box-shadow: inset 0 0 22px #fff7, inset -4px -8px 16px #4420704d, 0 8px 26px #70419b25; }
  .voice2-panel.is-docked .voice2-copy { display: none; }
  .voice2-panel.is-docked .voice2-web-status, .voice2-panel.is-docked .voice2-safety { display: none !important; }
  body.voice2-docked .voice2-actions.is-docked { position: relative; left: auto; right: auto; top: auto; bottom: auto; transform: none; width: 100%; gap: 9px; pointer-events: auto; color: #62586e; }
  body.voice2-docked .voice2-actions.is-docked > button { display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; padding: 6px; border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; }
  body.voice2-docked .voice2-actions .voice2-mic[aria-pressed="true"] { color: #dc3150; background: #fbe7ec; }
  body.voice2-docked .voice2-actions .voice2-web[aria-pressed="true"] { color: #8650c7; background: #f0e6fa; }
  body.voice2-docked .voice2-reasoning { margin-left: auto; order: 1; }
  body.voice2-docked .voice2-actions .voice2-web { order: 2; }
  body.voice2-docked .voice2-actions .voice2-end { order: 3; background: #f0e8f9; color: #7043ac; }
  body.voice2-docked .voice2-reasoning summary { display: flex; gap: 5px; width: auto; height: 34px; padding: 5px; border: 0; border-radius: 8px; background: transparent; font: 600 11px Inter, system-ui, sans-serif; }
  body.voice2-docked .voice2-reasoning summary > .voice2-reasoning-icon svg { width: 18px !important; height: 18px !important; flex-basis: 18px; }
  body.voice2-docked .voice2-reasoning-icon { width: 18px; height: 18px; flex-basis: 18px; }
  body.voice2-docked .voice2-model-label { display: inline; }
  .voice2-panel.is-docked .voice2-wave { bottom: calc(130px + env(safe-area-inset-bottom)); }
  .voice2-panel.is-docked .voice2-connection { bottom: calc(106px + env(safe-area-inset-bottom)); font-size: 10px; background: #fdfaffb8; border-radius: 8px; }
  .voice2-panel.is-docked .voice2-retry { pointer-events: auto; background: #e4d7f4; }
  html body.voice2-docked #appRoot.app { --nav-rail-width: 0px !important; --drawer-width: 0px !important; background: radial-gradient(ellipse at 0% 80%, #e6d5fa88, transparent 40%), radial-gradient(ellipse at 100% 20%, #efe6fc99, transparent 45%), #fcfbfe !important; }
  html body.voice2-docked #appRoot.app > #sideDrawer { display: none !important; }
  html body.voice2-docked #appRoot.app > .topbar { visibility: hidden; pointer-events: none; }
  html body.voice2-docked #appRoot.app #brandModeSwitcher { display: none !important; }
  html body.voice2-docked #appRoot.app form#chatForm.reference-composer .baluk-composer-toolbar > :not(.voice2-actions) { display: none !important; }
  html body.voice2-docked #appRoot.app::after { content: ""; position: fixed; z-index: 0; pointer-events: none; left: -15%; bottom: -65px; width: 130%; height: 260px; border-radius: 50%; background: radial-gradient(ellipse, #c4a0ea70, #e5d3f73d 50%, transparent 72%); filter: blur(24px); opacity: calc(.35 + var(--voice2-level, 0) * .5); transform: translateY(calc(var(--voice2-level, 0) * -18px)) scaleX(calc(1 + var(--voice2-level, 0) * .1)); transition: transform 130ms ease-out, opacity 130ms ease-out; animation: voice2Glow 9s ease-in-out infinite alternate; }
  html body.voice2-docked #appRoot.app > .chat-area { margin-left: 0 !important; width: 100% !important; background: transparent !important; padding-bottom: 270px !important; }
  html body.voice2-docked #appRoot.app .msg.bot { color: #2c243b !important; }
  html body.voice2-docked #appRoot.app > form#chatForm.reference-composer { left: 50% !important; bottom: calc(12px + env(safe-area-inset-bottom)) !important; width: calc(100% - 28px) !important; overflow: visible !important; background: #ffffffde !important; border-color: #e5d9f0 !important; }
  html body.voice2-docked #appRoot.app #userInput { color: #30263c !important; }
}
@keyframes voice2Glow { from { border-radius: 45% 55% 35% 65%; } to { border-radius: 65% 35% 60% 40%; } }
@media (prefers-reduced-motion: reduce) {
  .voice2-particles i { animation: none; }
  .voice2-orb-position, .voice2-elastic, .voice2-orb { transition-duration: .01ms !important; }
  .voice2-mic-slash { transition-duration: .01ms !important; }
  html body.voice2-docked #appRoot.app::after { animation: none; }
}