/* Runtime glass overrides kept untransformed for browser-native backdrop-filter. */
body > div > main > form,
.app-shell > aside,
main > header,
main header.sticky,
.app-shell :is(.bg-white, [class*="bg-white/"]),
.app-shell :is(input, textarea, select),
.app-shell :is([role="menu"], [role="dialog"], .session-menu),
main .chat-composer,
main .chat-message:not(.bg-black) {
  -webkit-backdrop-filter: blur(18px) saturate(130%) !important;
  backdrop-filter: blur(18px) saturate(130%) !important;
}
body > div > main > form {
  -webkit-backdrop-filter: blur(24px) saturate(135%) !important;
  backdrop-filter: blur(24px) saturate(135%) !important;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #356fba !important;
  outline-offset: 2px !important;
}

/* Chat composition refinement for the Liquid Glass shell. */
main .chat-messages {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 24px clamp(20px, 4vw, 56px) 132px !important;
  gap: 14px !important;
}
main .chat-messages > div[class*="justify-end"],
main .chat-messages > div[class*="justify-start"] { width: 100%; }
main .chat-message {
  min-width: 0;
  max-width: min(70%, 46rem) !important;
  padding: 12px 16px !important;
  border-radius: 18px !important;
  line-height: 1.55;
}
main .chat-message.bg-black {
  background: linear-gradient(145deg, #20324a, #111d2e) !important;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 7px 18px rgba(24,42,66,.14);
}
main .chat-message:not(.bg-black) { background: rgba(245,249,254,.82) !important; }
main .chat-footer {
  left: 0 !important;
  width: 100%;
  padding: 0 clamp(20px,4vw,56px) calc(24px + env(safe-area-inset-bottom,0px)) !important;
}
main .chat-footer::before {
  height: 116px !important;
  background: linear-gradient(to top, rgba(235,244,252,.94) 8%, rgba(241,247,253,.68) 54%, transparent 100%) !important;
}
main .chat-composer {
  max-width: 960px;
  min-height: 58px;
  padding: 6px 8px;
  border: 1px solid rgba(255,255,255,.94) !important;
  border-radius: 28px;
}
main .chat-composer > .chat-message-input {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 8px 6px;
}
main .chat-composer > .chat-message-input:focus-visible { outline:none !important; box-shadow:none !important; }
main .chat-composer-actions button[aria-label="Select model"] {
  max-width: 220px;
  color: #5d6f86 !important;
  background: rgba(232,240,249,.62);
  border: 1px solid rgba(255,255,255,.72);
}
main .chat-composer-actions button[aria-label="Select model"] span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:767px) {
  main .chat-messages { padding: 18px 14px 154px !important; }
  main .chat-message { max-width: 86% !important; }
  main .chat-footer { margin-left:0 !important; padding:0 12px calc(12px + env(safe-area-inset-bottom,0px)) !important; }
  main .chat-composer-actions button[aria-label="Select model"] { max-width:132px; }
}