/* WATA visual polish 1.0 — host adapters define surfaces; no preference/data logic. */
html { -webkit-text-size-adjust: 100%; }
:where(button, a, input, select, textarea) { touch-action: manipulation; }
:where(button, a, input, select, textarea):focus-visible {
  outline: 3px solid var(--polish-focus, #087ea0);
  outline-offset: 3px;
}
:where(input, select, textarea) { max-width: 100%; }
:where(h1, h2, h3) { overflow-wrap: break-word; }
/* Opaque base works without backdrop-filter. Glass is an enhancement. */
:is(.polish-header, .polish-popover) {
  background: var(--polish-surface);
  border-color: var(--polish-line);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .08), 0 12px 32px -24px rgb(0 0 0 / .45);
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :is(.polish-header, .polish-popover) {
    background: color-mix(in srgb, var(--polish-surface) 88%, transparent);
    -webkit-backdrop-filter: blur(20px) saturate(125%);
    backdrop-filter: blur(20px) saturate(125%);
  }
}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) {
  :is(.polish-header, .polish-popover) {
    background: var(--polish-surface);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(.polish-header, .polish-popover) { animation: none; transition: none; }
}
@media (max-width: 700px) {
  :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]), select, textarea) {
    font-size: 16px;
  }
}
@media (forced-colors: active) {
  :is(.polish-header, .polish-popover) { background: Canvas; border: 1px solid CanvasText; box-shadow: none; }
}