/* O rótulo mantém o contexto quando o campo recebe conteúdo; sem motion adicional. */
form { color-scheme: light; }
.field { position: relative; display: block; padding-top: 10px; }
.field input { margin: 0; padding: 20px 2px 10px; }
.field span { position: absolute; left: 2px; top: 28px; font-size: 16px; pointer-events: none; color: #666; }
.field input:focus + span,
.field input:not(:placeholder-shown) + span { top: 8px; font-size: 12px; color: #555; }
form .btn:disabled { cursor: wait; opacity: .7; transform: none; }
form .btn:hover:not(:disabled) { background: #222; color: #fff; }
@media (prefers-reduced-motion: reduce) {
    .btn { transition: none; }
    .btn:hover { transform: none; }
    .ai-orb .r { animation: none; }
}