.assistant-launcher { position: fixed; z-index: 40; left: max(1.25rem, env(safe-area-inset-left)); bottom: max(1.25rem, env(safe-area-inset-bottom)); display: inline-flex; justify-content: center; align-items: center; width: var(--control); height: var(--control); padding: var(--space-3); border: 1px solid var(--accent); border-radius: var(--radius-pill); background: var(--surface-raised); color: var(--text); font: 600 .95rem var(--font-sans); box-shadow: var(--shadow-card); cursor: pointer; }
.assistant-launcher[hidden] { display: none; }
.assistant-launcher:hover { border-color: var(--text); }
.site-assistant { position: fixed; inset: auto auto 1.25rem 1.25rem; margin: 0; width: min(27rem, calc(100vw - 2.5rem)); max-height: calc(100dvh - 2.5rem); padding: 1.15rem; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface-raised); color: var(--text); box-shadow: var(--shadow-card); overflow: auto; font-family: var(--font-sans); }
.site-assistant::backdrop { background: #06142670; }
.site-assistant[open] { display: flex; flex-direction: column; gap: .75rem; }
.site-assistant button, .site-assistant select, .site-assistant textarea { font-family: inherit; }
.site-assistant [hidden] { display: none !important; }
.assistant-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.assistant-eyebrow { color: var(--accent); font-size: .75rem; letter-spacing: .08em; }
.site-assistant h2 { margin: .35rem 0 0; font-size: 1.6rem; letter-spacing: -.02em; }
.assistant-icon-button { width: 2.75rem; height: 2.75rem; border: 1px solid var(--border); border-radius: 50%; color: var(--text); background: transparent; font-size: 1.7rem; cursor: pointer; }
.site-assistant p { margin: 0; line-height: 1.55; }
.assistant-description { font-size: .9rem; color: var(--text-muted); }
.assistant-options { display: flex; justify-content: space-between; gap: .5rem; align-items: center; }
.assistant-modes { display: flex; padding: .2rem; border: 1px solid var(--border); border-radius: var(--radius-pill); }
.assistant-modes button { min-height: 2.5rem; padding: .45rem 1rem; border: 0; border-radius: var(--radius-pill); background: transparent; color: var(--text-muted); cursor: pointer; font-size: .875rem; }
.assistant-modes button[aria-pressed="true"] { background: var(--accent); color: var(--surface); }
.assistant-language select { min-height: 2.75rem; padding: .4rem .6rem; border: 1px solid var(--border); border-radius: var(--radius-sm); background: var(--surface); color: var(--text); font-size: .85rem; }
.assistant-call { padding: .8rem; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); text-align: center; }
.assistant-voice-mark { display: flex; align-items: center; justify-content: center; gap: .3rem; height: 1.8rem; margin-bottom: .35rem; color: var(--accent); }
.assistant-voice-mark span { width: .3rem; height: .75rem; border-radius: var(--radius-pill); background: currentColor; }
.assistant-voice-mark span:nth-child(2), .assistant-voice-mark span:nth-child(4) { height: 1.35rem; }
.assistant-voice-mark span:nth-child(3) { height: 2rem; }
.assistant-call[data-state="listening"] .assistant-voice-mark, .assistant-call[data-state="speaking"] .assistant-voice-mark { animation: assistant-pulse 1.2s ease-in-out infinite alternate; }
@keyframes assistant-pulse { to { opacity: .5; transform: scaleY(.7); } }
.assistant-call-status { font-size: .95rem; color: var(--text); }
.assistant-timer { font: .75rem var(--font-mono); color: var(--text-muted); }
.assistant-call-actions { display: flex; gap: .45rem; flex-wrap: wrap; justify-content: center; margin: .8rem 0; }
.assistant-control { min-height: 2.75rem; padding: .45rem .7rem; background: transparent; border: 1px solid var(--border); border-radius: var(--radius-sm); color: var(--text); cursor: pointer; font-size: .8rem; }
.assistant-hangup { color: var(--danger); border-color: currentColor; }
.site-assistant .assistant-call-hint { font-size: .8125rem; color: var(--text-muted); }
.assistant-messages { min-height: 3.5rem; max-height: 32dvh; overflow-y: auto; display: flex; flex-direction: column; gap: .75rem; overscroll-behavior: contain; padding: .1rem .2rem; }
.assistant-message { padding: .85rem; border-radius: var(--radius-md); background: var(--surface); border: 1px solid var(--border); font-size: .875rem; overflow-wrap: anywhere; }
.assistant-message--user { margin-left: 1.5rem; border-color: var(--accent); }
.assistant-message-label { display: block; font-size: .75rem; color: var(--text-muted); margin-bottom: .3rem; }
.assistant-message-sources { margin-top: .6rem; display: grid; gap: .35rem; }
.assistant-message-sources a { color: var(--accent); font-size: .8rem; text-decoration: underline; text-underline-offset: .18em; }
.assistant-empty { padding-block: .5rem; font-size: .875rem; color: var(--text-muted); }
.assistant-form { display: flex; position: relative; flex-shrink: 0; }
.assistant-form textarea { width: 100%; resize: none; min-height: 4rem; max-height: 8rem; padding: .8rem 3.2rem .8rem .8rem; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); color: var(--text); font-size: 1rem; line-height: 1.4; }
.assistant-form textarea::placeholder { color: var(--text-muted); }
.assistant-send { position: absolute; right: .45rem; bottom: .45rem; width: 2.65rem; height: 2.65rem; border: 0; border-radius: var(--radius-sm); background: var(--accent); color: var(--surface); font-size: 1.4rem; cursor: pointer; }
.site-assistant .assistant-notice { padding: .7rem; border: 1px solid var(--border); border-radius: var(--radius-sm); font-size: .85rem; color: var(--text); }
.site-assistant .assistant-privacy { font-size: .8125rem; color: var(--text-muted); }
.assistant-privacy a { text-decoration: underline; text-underline-offset: .15em; }
.assistant-team { align-self: flex-start; color: var(--accent); font-size: .8rem; text-decoration: underline; text-underline-offset: .18em; }
.site-assistant :is(button,select,textarea,a):focus-visible, .assistant-launcher:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.site-assistant button:disabled { opacity: .5; cursor: wait; }
@media (max-width: 540px) {
  .site-assistant { inset: auto 0 0; width: 100%; max-width: none; max-height: 100dvh; padding: 1.1rem 1.1rem max(1.1rem, env(safe-area-inset-bottom)); border-radius: var(--radius-lg) var(--radius-lg) 0 0; }
  .site-assistant[open] { gap: .8rem; }
  .assistant-messages { max-height: 29dvh; }
}
@media (prefers-reduced-motion: reduce) { .assistant-call .assistant-voice-mark { animation: none !important; } }

.assistant-text-status { font-size: .85rem; color: var(--text-muted); }
.site-assistant, .assistant-messages { scrollbar-color: var(--border) var(--surface); scrollbar-width: thin; }
