/* Local interaction layer. Reference typography and layout live in exa.css. */
:root { --nav-height: 54px; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: clip; background: white; }
button, [role="button"] { cursor: pointer; }
:focus-visible { outline: 2px solid #0035d0; outline-offset: 4px; }
[data-menu-panel] { transition: opacity 120ms ease, transform 160ms ease; }
[data-menu-trigger][aria-expanded="true"] { color: #111; background: #f4f4f5; }
[data-menu-trigger][aria-expanded="true"] svg { transform: rotate(180deg); }
[data-mobile-panel].is-open { display: block; color: #111; }
[data-mobile-panel] button[aria-expanded="true"] + div { max-height: 700px; opacity: 1; }
[data-mobile-nav] nav { position: relative; z-index: 103; }
[data-mode].is-active, [data-latency].is-active, [data-output-tab].is-active {
  background: white; color: #111 !important; border-radius: 4px;
  box-shadow: 0 1px 3px #00000014, 0 3px 8px #00000008;
}
[data-category][aria-pressed="true"] { background: white !important; color: #111 !important; }
[data-category][aria-pressed="false"] { background: #f2f1f0 !important; color: #0008 !important; box-shadow: inset 0 0 0 1px #0000000a !important; }
.local-output { min-height: 0; flex: 1; overflow: auto; scrollbar-width: none; }
.local-output pre { margin: 0; padding: 10px 0; font: 10px/1.6 GeistMono,monospace; color: #514837; white-space: pre-wrap; }
.local-answer { padding: 10px 0; color: #5f5a54; font: 12px/1.6 ABCDiatype,sans-serif; }
.local-answer strong { color: #171717; }
.local-results { display: flex; flex-direction: column; gap: 5px; }
.local-result { display: block; padding: 7px 8px; border: 1px solid #e8e8e8; border-radius: 6px; color: #272727; background: white; font: 11px/1.4 ABCDiatype,sans-serif; text-decoration: none; }
.local-result strong { display: block; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.local-result p { color: #848484; margin: 3px 0 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.local-result small { float: right; font: 9px GeistMono,monospace; color: #aaa; }
[data-footer-sheet] { isolation: isolate; }
[data-footer-content] { opacity: 0 !important; filter: blur(40px) !important; transform: scale(.95) !important; transition: opacity .8s ease-in-out, filter .8s ease-in-out, transform .8s ease-in-out !important; }
[data-footer-content].footer-revealed { opacity: 1 !important; filter: none !important; transform: scale(1) !important; }
.local-particle-canvas { position: absolute; inset: 0; height: 100%; width: 100%; pointer-events: none; }
.feature-cloud-label { position:absolute;transform:translate(-50%,-160%);background:#000;color:white;padding:4px 7px;font:8px GeistMono,monospace;white-space:nowrap;text-transform:uppercase; }
.local-video-dialog { border: 0; padding: 0; width: min(960px,92vw); background: #111; color: white; border-radius: 8px; }
.local-video-dialog::backdrop { background: #000b; backdrop-filter: blur(8px); }
.local-video-dialog video { width: 100%; display: block; }
.local-video-close { position: absolute; right: 12px; top: 12px; z-index: 2; border: 1px solid #fff5; border-radius: 50%; width: 32px; height: 32px; background: #0008; color: white; }
@media (max-width: 1023px) {
  :root { --nav-height: 64px; }
  [data-search-output].show-mobile-response { display: flex !important; min-height: 260px; }
  [data-search-form] textarea { min-height: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}